60 lines
2.1 KiB
TypeScript
60 lines
2.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import ContactForm from '@/components/form/ContactForm';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
export default function ContactPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Reservations", id: "/reservations" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
button={{ text: "Book Now", href: "/reservations" }}
|
|
brandName="Lumière Dining"
|
|
/>
|
|
<ContactCTA
|
|
tag="Contact"
|
|
title="Get in Touch"
|
|
description="We are here to assist with any inquiries you might have."
|
|
buttons={[{ text: "Call Us", href: "tel:+1234567890" }]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
<div className="py-20">
|
|
<ContactForm
|
|
title="Send Message"
|
|
description="Fill out the form below and we will get back to you shortly."
|
|
tag="Support"
|
|
buttonText="Send"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<FooterLogoReveal
|
|
logoText="Lumière Dining"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Use", href: "#" }}
|
|
/>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|