Files
91bd36b2-bee5-4e7d-9a07-2ef…/src/app/contact/page.tsx

77 lines
2.8 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Phone } from "lucide-react";
import Link from "next/link";
export default function ContactPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Reviews", id: "/reviews" },
{ name: "Contact", id: "/contact" },
];
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="aurora"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Taranovas Pizza"
bottomLeftText="Lalghati Square, Bhopal"
bottomRightText="+91-XXXXXXXXXX"
/>
</div>
<main>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get In Touch"
title="Order Online or Reserve Your Table"
description="Quick contact form for reservations, inquiries, or special orders. Call us directly for immediate orders."
tagIcon={Phone}
tagAnimation="slide-up"
background={{
variant: "sparkles-gradient"}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-mushroom-pizza-with-red-tomatoes-green-olives-mushrooms-with-tomatoes-all-grey-background-pizza-dough-italian-meat_140725-23185.jpg"
imageAlt="pizza restaurant interior dining ambiance warm lighting"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="your@email.com"
buttonText="Reserve Table"
termsText="We'll use this information to confirm your reservation. Check our privacy policy for details."
onSubmit={(email) => console.log("Contact form submitted:", email)}
/>
</div>
</main>
<footer>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="TARANOVAS"
leftLink={{
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service", href: "#"}}
/>
</div>
</footer>
</ThemeProvider>
);
}