Update src/app/contact/page.tsx

This commit is contained in:
2026-05-19 11:42:02 +00:00
parent 6aef00402a
commit a10c61f022

View File

@@ -5,9 +5,8 @@ import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -22,94 +21,47 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="My Business"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Roof Bistro"
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactSplitForm
useInvertedBackground={false}
title="Get in Touch"
description="Have a project in mind? We'd love to hear from you. Fill out the form and we'll be in touch shortly."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project...",
}}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=om05yj&_wi=4"
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactSplitForm
useInvertedBackground={false}
title="Reservations"
description="Join us for an elevated dining experience. Please fill out the form for table reservations or private event inquiries."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
textarea={{ name: "message", placeholder: "Party size, date, and special requests..." }}
imageSrc="https://images.unsplash.com/photo-1543007630-97fb0e4f51e0?q=80&w=800"
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Trusted By Professionals"
description="Leading companies choose us for our reliability."
names={[
"Alpha Corp",
"Beta Studio",
"Gamma Tech",
"Delta Design",
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="My Business"
columns={[
{
title: "Links",
items: [
{
label: "Home",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
copyrightText="© 2025 My Business. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Roof Bistro"
columns={[
{
title: "Links", items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "Contact", href: "/contact" },
],
},
]}
copyrightText="© 2025 Roof Bistro. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}