bender/dfdedd9b-eef4-4903-9ee4-81457cc3cbb7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-26 19:41:14 +00:00
parent 7b905f73bb
commit 96c92643a0
1 changed files with 142 additions and 277 deletions
Download Patch File Download Diff File Expand all files Collapse all files

419
src/app/page.tsx
View File

@@ -17,294 +17,159 @@ import { Award, Star } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="icon-arrow" defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight" defaultTextAnimation="background-highlight"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Menu", id: "menu" },
id: "hero", { name: "About", id: "about" },
}, { name: "Contact", id: "contact" },
{ ]}
name: "Menu", brandName="Kake Di Hatti"
id: "menu", />
}, </div>
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Kake Di Hatti"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Heritage in Every Bite"
}} description="Authentic flavors of North India brought to life with premium ingredients and traditional techniques."
title="Heritage in Every Bite" buttons={[{ text: "View Menu", href: "#menu" }]}
description="Authentic flavors of North India brought to life with premium ingredients and traditional techniques." 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"
buttons={[ />
{ </div>
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"> <div id="about" data-section="about">
<TextSplitAbout <TextSplitAbout
useInvertedBackground={true} useInvertedBackground={true}
title="The Kake Di Hatti Legacy" title="The Kake Di Hatti Legacy"
description={[ description={[
"Founded on the principles of authenticity and taste, we bring the true soul of traditional North Indian cuisine to Mohali.", "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."
"Our recipes are passed down through generations, ensuring each dish maintains its historical depth.", ]}
]} />
/> </div>
</div>
<div id="menu" data-section="menu"> <div id="menu" data-section="menu">
<ProductCardTwo <ProductCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ 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: "1", { 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" },
name: "Signature Dal Makhani", { 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" },
price: "₹399", { 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" },
rating: 5, { 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" },
reviewCount: "1.2k", { 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" },
imageSrc: "http://img.b2bpic.net/free-photo/tasty-stew-goulash-with-vegetables-served-bowl_1220-7674.jpg", ]}
brand: "Signature", title="Signature Dishes"
}, description="Experience our carefully crafted menu featuring North Indian specialties."
{ />
id: "2", </div>
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"> <div id="features" data-section="features">
<FeatureCardSeven <FeatureCardSeven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
features={[ 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: "Farm Fresh Produce", { title: "Traditional Clay Oven", description: "Authentic tandoori flavors.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134281.jpg" },
description: "Hand-picked vegetables daily.", { title: "Award-Winning Service", description: "Unmatched hospitality experience.", imageSrc: "http://img.b2bpic.net/free-photo/server-holding-bottle-champagne_23-2148244969.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028612.jpg", ]}
}, title="Why Choose Us"
{ description="Excellence defined by our standards."
title: "Traditional Clay Oven", />
description: "Authentic tandoori flavors.", </div>
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"> <div id="metrics" data-section="metrics">
<MetricCardThree <MetricCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", title: "Satisfied Guests", value: "50k+", icon: Star },
id: "m1", { id: "m2", title: "Years of Heritage", value: "20+", icon: Award },
title: "Satisfied Guests", { id: "m3", title: "Signature Recipes", value: "100+", icon: Award },
value: "50k+", ]}
icon: Star, title="Our Impact"
}, description="Numbers speak louder than words."
{ />
id: "m2", </div>
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"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen <TestimonialCardFifteen
useInvertedBackground={true} useInvertedBackground={true}
testimonial="The best North Indian experience in Mohali. Authentic and flavorful." testimonial="The best North Indian experience in Mohali. Authentic and flavorful."
rating={5} rating={5}
author="Ankit Sharma" author="Ankit Sharma"
avatars={[ 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/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg", { 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" },
alt: "Ankit Sharma", { 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" },
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", ratingAnimation="slide-up"
}, avatarsAnimation="blur-reveal"
{ />
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg", </div>
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"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqSplitMedia
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "q1", title: "Do you take reservations?", content: "Yes, we recommend booking in advance." },
id: "q1", { id: "q2", title: "Are you pet friendly?", content: "Unfortunately, we are not pet friendly." },
title: "Do you take reservations?", { id: "q3", title: "Do you offer catering?", content: "Yes, we provide catering for events." },
content: "Yes, we recommend booking in advance.", ]}
}, 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"
id: "q2", title="FAQs"
title: "Are you pet friendly?", description="Have questions? We have answers."
content: "Unfortunately, we are not pet friendly.", faqsAnimation="slide-up"
}, />
{ </div>
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"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", text="Book your table today and taste heritage."
}} buttons={[{ text: "Contact Us", href: "tel:+919876543210" }]}
text="Book your table today and taste heritage." />
buttons={[ </div>
{
text: "Contact Us",
href: "tel:+919876543210",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
logoText="Kake Di Hatti Mohali" logoText="Kake Di Hatti Mohali"
columns={[ columns={[
{ {
title: "Navigation", title: "Navigation", items: [
items: [ { label: "Menu", href: "#menu" },
{ { label: "About", href: "#about" },
label: "Menu", ],
href: "#menu", },
}, {
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }],
label: "About", },
href: "#about", ]}
}, />
], </div>
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );