33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
'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>
|
|
</>
|
|
)
|
|
}
|