183 lines
8.2 KiB
TypeScript
183 lines
8.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { History } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="blurBottom"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#products"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Haveli Restaurant"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Haveli Restaurant"
|
|
description="Experience the timeless flavors and regal heritage of Mahendergarh in every bite."
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#products"},
|
|
]}
|
|
slides={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6g2dde", imageAlt: "Traditional interior dining space" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t43h4m", imageAlt: "Elegant heritage restaurant setting" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=itflmo", imageAlt: "Warm rustic architectural detail" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jw14o1", imageAlt: "Ornate traditional arched doorway" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ltb2s8", imageAlt: "Fine dining atmosphere" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=77lan6", imageAlt: "Classical haveli evening mood" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="A Legacy of Taste in Mahendergarh"
|
|
tag="Our Heritage"
|
|
tagIcon={History}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Royal Spices", description: "Authentic aromatic spice blends prepared using traditional stone-grinding techniques for deep, complex flavors.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bi2m7t", imageAlt: "spicy indian curry dish"
|
|
},
|
|
items: [],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Heritage Cooking", description: "Slow-cooked perfection in every dish, maintaining the integrity of age-old culinary secrets.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6yneb4", imageAlt: "spicy indian curry dish"
|
|
},
|
|
items: [],
|
|
reverse: true,
|
|
},
|
|
{
|
|
title: "Traditional Ambiance", description: "Immerse yourself in a historic atmosphere designed to reflect the grandeur of Indian architectural heritage.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6k6utp", imageAlt: "spicy indian curry dish"
|
|
},
|
|
items: [],
|
|
reverse: false,
|
|
},
|
|
]}
|
|
title="Our Specialties"
|
|
description="Authentic recipes crafted with traditional methods."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "1", name: "Dal Makhani", price: "$12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6k6utp" },
|
|
{ id: "2", name: "Butter Chicken", price: "$18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avg6jx" },
|
|
{ id: "3", name: "Paneer Tikka", price: "$14", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2qugmy" },
|
|
{ id: "4", name: "Tandoori Roti", price: "$5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=djm0qu" },
|
|
{ id: "5", name: "Veg Biryani", price: "$15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99en8i" },
|
|
{ id: "6", name: "Gulab Jamun", price: "$8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hxcz8e" },
|
|
]}
|
|
title="Our Signature Dishes"
|
|
description="Savor the best of local cuisine, crafted with passion and historical authenticity."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="A truly magical experience. The food tastes just like home, and the ambiance is breathtakingly authentic."
|
|
rating={5}
|
|
author="Rajesh Sharma"
|
|
avatars={[
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uyk10n", alt: "Happy regular guest" },
|
|
{ src: "asset://testimonial-1-2", alt: "Satisfied family diner" },
|
|
{ src: "asset://testimonial-1-3", alt: "Local food enthusiast" },
|
|
{ src: "asset://testimonial-1-4", alt: "Traveler visiting Mahendergarh" },
|
|
{ src: "asset://testimonial-1-5", alt: "Fine dining patron" },
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "f1", title: "Do you accept reservations?", content: "Yes, we recommend booking in advance, especially during the weekends, to ensure the best table." },
|
|
{ id: "f2", title: "Is the restaurant family-friendly?", content: "Absolutely, we welcome guests of all ages and provide a comfortable, inviting space for families." },
|
|
{ id: "f3", title: "Do you host private events?", content: "We offer dedicated banquet services and can curate bespoke menus for celebrations and gatherings." },
|
|
]}
|
|
sideTitle="Common Questions"
|
|
faqsAnimation="slide-up"
|
|
sideDescription="Everything you need to know about dining at Haveli Restaurant."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Visit Us"
|
|
title="Join Us for Dinner"
|
|
description="Book your table and experience authentic heritage dining in the heart of Mahendergarh."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iviny2"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Haveli Restaurant"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|