add servies page with content and a typing words feature to contact page
This commit is contained in:
@@ -1,11 +1,23 @@
|
||||
import ContactForm from '@/components/contact-form'
|
||||
import ContactForm from '@/components/contact-form';
|
||||
import TypingWords from '@/components/typing-words';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<div className="flex min-h-screen flex-col bg-zinc-50 font-sans dark:bg-black">
|
||||
<main className="mx-auto flex w-full max-w-7xl flex-1 flex-col items-center px-8 py-16 sm:py-24">
|
||||
<div className="flex w-full flex-col gap-10 lg:flex-row lg:items-start lg:gap-12 xl:gap-16">
|
||||
<div className="w-full lg:w-1/2 lg:max-w-xl">
|
||||
<h1 className="mb-4 text-4xl font-bold leading-tight text-heading sm:text-5xl md:text-6xl">
|
||||
Tell us about your
|
||||
</h1>
|
||||
<h1 className="mb-4 text-4xl font-bold leading-tight text-heading sm:text-5xl md:text-6xl">
|
||||
<TypingWords />
|
||||
</h1>
|
||||
<p className="text-lg text-body lg:text-xl">
|
||||
Share a few details and we'll get back to you as soon as we can.
|
||||
</p>
|
||||
</div>
|
||||
<div className="w-full lg:w-1/2 lg:flex lg:justify-end">
|
||||
<ContactForm />
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user