Update src/app/page.tsx
This commit is contained in:
419
src/app/page.tsx
419
src/app/page.tsx
@@ -17,294 +17,159 @@ import { Award, Star } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Kake Di Hatti"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kake Di Hatti"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Heritage in Every Bite"
|
||||
description="Authentic flavors of North India brought to life with premium ingredients and traditional techniques."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-close-up-view-orange-merji-soup-inside-brown-pot-along-with-sliced-lemons-bread-slices_140725-14284.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Heritage in Every Bite"
|
||||
description="Authentic flavors of North India brought to life with premium ingredients and traditional techniques."
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-close-up-view-orange-merji-soup-inside-brown-pot-along-with-sliced-lemons-bread-slices_140725-14284.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Kake Di Hatti Legacy"
|
||||
description={[
|
||||
"Founded on the principles of authenticity and taste, we bring the true soul of traditional North Indian cuisine to Mohali.",
|
||||
"Our recipes are passed down through generations, ensuring each dish maintains its historical depth.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Kake Di Hatti Legacy"
|
||||
description={[
|
||||
"Founded on the principles of authenticity and taste, we bring the true soul of traditional North Indian cuisine to Mohali.", "Our recipes are passed down through generations, ensuring each dish maintains its historical depth."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Dal Makhani",
|
||||
price: "₹399",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-stew-goulash-with-vegetables-served-bowl_1220-7674.jpg",
|
||||
brand: "Signature",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Paneer Lababdar",
|
||||
price: "₹449",
|
||||
rating: 5,
|
||||
reviewCount: "890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-lentil-soup-lentil-soup-bowls-spices-herbs-tomatoes_140725-72646.jpg",
|
||||
brand: "Specialty",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Butter Naan Platter",
|
||||
price: "₹120",
|
||||
rating: 4,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-indian-food-with-sauce_23-2148747684.jpg",
|
||||
brand: "Standard",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Stuffed Kulcha",
|
||||
price: "₹150",
|
||||
rating: 5,
|
||||
reviewCount: "670",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mix-kutabs-with-greens-meat-pumpkin-side-view_141793-3771.jpg",
|
||||
brand: "Specialty",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Veg Raita",
|
||||
price: "₹99",
|
||||
rating: 4,
|
||||
reviewCount: "450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-cup-yogurt-soup-with-herbs_114579-19597.jpg",
|
||||
brand: "Side",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Gulab Jamun",
|
||||
price: "₹180",
|
||||
rating: 5,
|
||||
reviewCount: "1.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bread-hot-tasty-fresh-sliced-inside-bread-bin-along-with-salt-pepper-pink_140725-24283.jpg",
|
||||
brand: "Dessert",
|
||||
},
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Experience our carefully crafted menu featuring North Indian specialties."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Signature Dal Makhani", price: "₹399", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/tasty-stew-goulash-with-vegetables-served-bowl_1220-7674.jpg", brand: "Signature" },
|
||||
{ id: "2", name: "Paneer Lababdar", price: "₹449", rating: 5, reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-lentil-soup-lentil-soup-bowls-spices-herbs-tomatoes_140725-72646.jpg", brand: "Specialty" },
|
||||
{ id: "3", name: "Butter Naan Platter", price: "₹120", rating: 4, reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-indian-food-with-sauce_23-2148747684.jpg", brand: "Standard" },
|
||||
{ id: "4", name: "Stuffed Kulcha", price: "₹150", rating: 5, reviewCount: "670", imageSrc: "http://img.b2bpic.net/free-photo/mix-kutabs-with-greens-meat-pumpkin-side-view_141793-3771.jpg", brand: "Specialty" },
|
||||
{ id: "5", name: "Veg Raita", price: "₹99", rating: 4, reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/wooden-cup-yogurt-soup-with-herbs_114579-19597.jpg", brand: "Side" },
|
||||
{ id: "6", name: "Gulab Jamun", price: "₹180", rating: 5, reviewCount: "1.1k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bread-hot-tasty-fresh-sliced-inside-bread-bin-along-with-salt-pepper-pink_140725-24283.jpg", brand: "Dessert" },
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Experience our carefully crafted menu featuring North Indian specialties."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Farm Fresh Produce",
|
||||
description: "Hand-picked vegetables daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028612.jpg",
|
||||
},
|
||||
{
|
||||
title: "Traditional Clay Oven",
|
||||
description: "Authentic tandoori flavors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134281.jpg",
|
||||
},
|
||||
{
|
||||
title: "Award-Winning Service",
|
||||
description: "Unmatched hospitality experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-holding-bottle-champagne_23-2148244969.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Excellence defined by our standards."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Farm Fresh Produce", description: "Hand-picked vegetables daily.", imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028612.jpg" },
|
||||
{ title: "Traditional Clay Oven", description: "Authentic tandoori flavors.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134281.jpg" },
|
||||
{ title: "Award-Winning Service", description: "Unmatched hospitality experience.", imageSrc: "http://img.b2bpic.net/free-photo/server-holding-bottle-champagne_23-2148244969.jpg" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Excellence defined by our standards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Satisfied Guests",
|
||||
value: "50k+",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Years of Heritage",
|
||||
value: "20+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Signature Recipes",
|
||||
value: "100+",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak louder than words."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Satisfied Guests", value: "50k+", icon: Star },
|
||||
{ id: "m2", title: "Years of Heritage", value: "20+", icon: Award },
|
||||
{ id: "m3", title: "Signature Recipes", value: "100+", icon: Award },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak louder than words."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The best North Indian experience in Mohali. Authentic and flavorful."
|
||||
rating={5}
|
||||
author="Ankit Sharma"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg",
|
||||
alt: "Ankit Sharma",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2510.jpg",
|
||||
alt: "Priya Verma",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg",
|
||||
alt: "Vikram Seth",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117536.jpg",
|
||||
alt: "Rahul Gupta",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rice-dish-menu_23-2147681081.jpg",
|
||||
alt: "Sneha Reddy",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The best North Indian experience in Mohali. Authentic and flavorful."
|
||||
rating={5}
|
||||
author="Ankit Sharma"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg", alt: "Ankit Sharma" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2510.jpg", alt: "Priya Verma" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg", alt: "Vikram Seth" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117536.jpg", alt: "Rahul Gupta" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/rice-dish-menu_23-2147681081.jpg", alt: "Sneha Reddy" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you take reservations?",
|
||||
content: "Yes, we recommend booking in advance.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you pet friendly?",
|
||||
content: "Unfortunately, we are not pet friendly.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, we provide catering for events.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-chef-man-black-uniform-holding-pencil-while-looking-notebook-green-wall_141793-32558.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="FAQs"
|
||||
description="Have questions? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you take reservations?", content: "Yes, we recommend booking in advance." },
|
||||
{ id: "q2", title: "Are you pet friendly?", content: "Unfortunately, we are not pet friendly." },
|
||||
{ id: "q3", title: "Do you offer catering?", content: "Yes, we provide catering for events." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-chef-man-black-uniform-holding-pencil-while-looking-notebook-green-wall_141793-32558.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="FAQs"
|
||||
description="Have questions? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Book your table today and taste heritage."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "tel:+919876543210",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Book your table today and taste heritage."
|
||||
buttons={[{ text: "Contact Us", href: "tel:+919876543210" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Kake Di Hatti Mohali"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Kake Di Hatti Mohali"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user