'use client';

import {motion} from 'framer-motion'
import ContactFormSection from '@/components/Contact/Section/ContactFormSection'
import SmallHero from '@/components/Helper/SmallHero'

export default function Contact() {
    return (
        <>
            <SmallHero
                title="Kontakt"
                subtitle="Du hast Fragen oder möchtest ein Projekt besprechen? Schreib uns!"
                backgroundImage="/images/contact.png"
                blurBackground
            />

            <section className="bg-background text-foreground">
                <div className="px-4 sm:px-6 lg:px-8">
                    <div className="max-w-6xl mx-auto">
                        <motion.div
                            initial={{opacity: 0, y: 20}}
                            animate={{opacity: 1, y: 0}}
                            transition={{duration: 0.6}}
                        >
                            <ContactFormSection/>
                        </motion.div>
                    </div>
                </div>
            </section>
        </>
    )
}