Add src/app/contact/page.tsx

This commit is contained in:
2026-05-11 14:42:56 +00:00
parent 69b3131f80
commit 3cbee58155

49
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,49 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="smallMedium"
sizing="largeSizeMediumTitles"
background="blurBottom"
cardStyle="glass-depth"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Our Menu", id: "/#menu" },
{ name: "About", id: "/#about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Memon Bite"
/>
<ContactText
background={{ variant: "sparkles-gradient" }}
text="We'd love to hear from you. Get in touch with us for inquiries, feedback, or collaborations."
buttons={[{ text: "Email Us", href: "mailto:hello@memonbite.com" }]}
/>
<FooterBaseReveal
logoText="Memon Bite"
columns={[
{ title: "Our Menu", items: [{ label: "Burgers", href: "/#menu" }, { label: "Fried Chicken", href: "/#menu" }, { label: "Wraps", href: "/#menu" }] },
{ title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Contact", href: "/contact" }] },
]}
copyrightText="© 2024 Memon Bite & Fast Food. All Rights Reserved."
/>
</ReactLenis>
</ThemeProvider>
);
}