Update src/app/contact/page.tsx
This commit is contained in:
@@ -1,174 +1,115 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Flame, Users, DollarSign, Smile, Table, Utensils } from 'lucide-react';
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", href: "/" },
|
||||
{ name: "Menu", href: "/menu" },
|
||||
{ name: "Contact", href: "/contact" }
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Call Us", href: "tel:09182950479" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/919182950479" },
|
||||
{ label: "Directions", href: "https://www.google.com/maps/dir/?api=1&destination=TAJ+Family+Restaurant,+Ambedkar+Nagar,+Shanti+Nagar,+Sircilla,+Telangana+505301" },
|
||||
{ label: "Email", href: "mailto:info@tajfamilyrestaurant.com" }
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant={"text-stagger"}
|
||||
defaultTextAnimation={"background-highlight"}
|
||||
borderRadius={"soft"}
|
||||
contentWidth={"mediumSmall"}
|
||||
sizing={"mediumSizeLargeTitles"}
|
||||
background={"grid"}
|
||||
cardStyle={"subtle-shadow"}
|
||||
primaryButtonStyle={"shadow"}
|
||||
secondaryButtonStyle={"radial-glow"}
|
||||
headingFontWeight={"medium"}
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Menu", id: "/menu"},
|
||||
{
|
||||
name: "About Us", id: "/#why-choose-us"},
|
||||
{
|
||||
name: "Reviews", id: "/#reviews"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="TAJ Family Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="TAJ Family Restaurant" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Have a question, feedback, or want to place a large order? Reach out to us using the form below. We're here to help!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Your Message", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"
|
||||
imageAlt="TAJ Family Restaurant Interior"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCenter
|
||||
title="Reach Out to TAJ Family Restaurant"
|
||||
description="We'd love to hear from you! Contact us for reservations, orders, or inquiries via call or WhatsApp."
|
||||
tag="Get in Touch"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Your inquiry..."
|
||||
buttonText="Send Message"
|
||||
termsText="You can also contact us directly:"
|
||||
buttons={[
|
||||
{ text: "Call Now: 091829 50479", href: "tel:09182950479" },
|
||||
{ text: "WhatsApp Order", href: "https://wa.me/919182950479" },
|
||||
{ text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=TAJ+Family+Restaurant,+Ambedkar+Nagar,+Shanti+Nagar,+Sircilla,+Telangana+505301" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faqs" data-section="faqs">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do you offer home delivery?", content: "Yes, we offer home delivery services within a 5km radius of our restaurant. You can order directly through our website or call us."},
|
||||
{
|
||||
id: "2", title: "Can I make a reservation for a table?", content: "Absolutely! We encourage reservations, especially during peak hours. You can call us or use our online reservation form on the 'Contact Us' page."},
|
||||
{
|
||||
id: "3", title: "What are your operating hours?", content: "We are open from 11 AM to 11 PM, Monday to Sunday. Special hours may apply on public holidays."},
|
||||
{
|
||||
id: "4", title: "Do you cater for events and parties?", content: "Yes, we offer catering services for various events. Please contact us to discuss your requirements and customize a menu."},
|
||||
{
|
||||
id: "5", title: "Are there vegetarian and vegan options available?", content: "Our menu includes a wide range of delicious vegetarian dishes. We also have vegan-friendly options; please inform our staff about your preferences."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pilaf-appetizing-pilaf-bowl_140725-74150.jpg?_wi=3"
|
||||
imageAlt="Delicious Dum Biryani"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our services, menu, and more."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<FeatureHoverPattern
|
||||
title="Why Choose TAJ Family Restaurant?"
|
||||
description="Experience the best of Indian cuisine and hospitality in Sircilla. Call, WhatsApp, or visit us today!"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
features={[
|
||||
{ icon: Flame, title: "Authentic Telangana Flavors", description: "Savor traditional recipes crafted with local spices and ingredients." },
|
||||
{ icon: Users, title: "Family Dining Atmosphere", description: "A welcoming and comfortable environment perfect for family gatherings." },
|
||||
{ icon: DollarSign, title: "Affordable Pricing", description: "Enjoy delicious meals at a great value, averaging ₹200–₹400 per person." },
|
||||
{ icon: Smile, title: "Friendly & Attentive Service", description: "Our staff is dedicated to providing you with an excellent dining experience." },
|
||||
{ icon: Table, title: "Large Seating Space", description: "Plenty of room for groups and events, ensuring comfort for all our guests." },
|
||||
{ icon: Utensils, title: "Master Chefs", description: "Our culinary experts bring years of experience and passion to every dish." }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="TAJ Family Restaurant by the Numbers"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "10K+", description: "Happy Customers Served"},
|
||||
{
|
||||
id: "2", value: "15+", description: "Years of Culinary Excellence"},
|
||||
{
|
||||
id: "3", value: "200+", description: "Delicious Dishes Offered"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="\"Very tasty veg and chicken biryani, great experience and very good service. The Telangana mutton curry with butter naan is excellent!\""
|
||||
rating={4.7}
|
||||
author="Google Reviews (2,100+ reviews)"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491790.jpg", alt: "indian woman smiling customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533979.jpg", alt: "indian man satisfied diner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-family-having-nice-thanksgiving-dinner-together_23-2149082331.jpg", alt: "indian family eating restaurant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-850.jpg", alt: "young indian woman smiling restaurant" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Connect With Us"
|
||||
title="Your Authentic Taste Awaits!"
|
||||
description="Have questions or ready to order? Reach out via call, WhatsApp, or explore our menu."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:09182950479"},
|
||||
{
|
||||
text: "WhatsApp Us", href: "https://wa.me/919182950479"},
|
||||
{
|
||||
text: "Order Online", href: "/menu"},
|
||||
{
|
||||
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=TAJ+Family+Restaurant,+Ambedkar+Nagar,+Shanti+Nagar,+Sircilla,+Telangana+505301"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/#why-choose-us"},
|
||||
{
|
||||
label: "Our Menu", href: "/menu"},
|
||||
{
|
||||
label: "Contact Us", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "/privacy"},
|
||||
{
|
||||
label: "Terms of Service", href: "/terms"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "WhatsApp", href: "https://wa.me/919182950479"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 TAJ Family Restaurant. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="TAJ Family Restaurant"
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2024 TAJ Family Restaurant | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user