Merge version_1 into main #2
435
src/app/page.tsx
435
src/app/page.tsx
@@ -28,310 +28,153 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Orders",
|
||||
id: "custom-orders",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="New German Bakery"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Orders", id: "custom-orders" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="New German Bakery"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Delhi's Freshest Eggless Cakes, Baked With Love"
|
||||
description="Ek baar khaao, baar baar khaoge! Freshly baked custom cakes and fast food, conveniently near Dashrathpuri Metro."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Book Custom Cake",
|
||||
href: "#custom-orders",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-people-celebrating-birthday_23-2148128194.jpg?_wi=1",
|
||||
imageAlt: "Fresh Eggless Cake",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-choosing-cake-standing-front-glass-cabinet_23-2148027959.jpg?_wi=1",
|
||||
imageAlt: "Custom Theme Cake",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buns-bread-with-flour-powder_23-2148438691.jpg?_wi=1",
|
||||
imageAlt: "Fresh Pastries",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-cooking-food-home-person_1303-699.jpg?_wi=1",
|
||||
imageAlt: "Bakery Snacks",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-delicious-chocolate-cake-plate_23-2148161580.jpg?_wi=1",
|
||||
imageAlt: "Desserts",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/youngster-outdoors-family-fooling-around_23-2148597818.jpg",
|
||||
imageAlt: "Bakery Vibe",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Delhi's Freshest Eggless Cakes, Baked With Love"
|
||||
description="Ek baar khaao, baar baar khaoge! Freshly baked custom cakes and fast food, conveniently near Dashrathpuri Metro."
|
||||
buttons={[
|
||||
{ text: "Order Now", href: "#contact" },
|
||||
{ text: "Book Custom Cake", href: "#custom-orders" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/senior-people-celebrating-birthday_23-2148128194.jpg", imageAlt: "Fresh Eggless Cake" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-choosing-cake-standing-front-glass-cabinet_23-2148027959.jpg", imageAlt: "Custom Theme Cake" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/buns-bread-with-flour-powder_23-2148438691.jpg", imageAlt: "Fresh Pastries" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-cooking-food-home-person_1303-699.jpg", imageAlt: "Bakery Snacks" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/decorative-delicious-chocolate-cake-plate_23-2148161580.jpg", imageAlt: "Desserts" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/youngster-outdoors-family-fooling-around_23-2148597818.jpg", imageAlt: "Bakery Vibe" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Neighborhood Gem"
|
||||
description="Family-run and local, we have been serving Mahavir Enclave for years. Everything is baked fresh in-house, 100% eggless. Located right near Dashrathpuri Metro Gate 3."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/candied-fruits-buns-near-knife-thread_23-2147851918.jpg?_wi=1"
|
||||
imageAlt="Our Bakery Shop"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Neighborhood Gem"
|
||||
description="Family-run and local, we have been serving Mahavir Enclave for years. Everything is baked fresh in-house, 100% eggless. Located right near Dashrathpuri Metro Gate 3."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/candied-fruits-buns-near-knife-thread_23-2147851918.jpg"
|
||||
imageAlt="Our Bakery Shop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Custom Theme Cakes",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-choosing-cake-standing-front-glass-cabinet_23-2148027959.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Red Velvet Pastry",
|
||||
price: "₹80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buns-bread-with-flour-powder_23-2148438691.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Chocolate Mousse",
|
||||
price: "₹90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-delicious-chocolate-cake-plate_23-2148161580.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Veg Burger & Momos",
|
||||
price: "₹60+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-cooking-food-home-person_1303-699.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Butterscotch Cake",
|
||||
price: "₹450+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-people-celebrating-birthday_23-2148128194.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cream Rolls & Brownies",
|
||||
price: "₹40+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buns-bread-with-flour-powder_23-2148438691.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Our Specialties"
|
||||
description="From custom theme cakes to savory snacks, we have something for every craving."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Custom Theme Cakes", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-choosing-cake-standing-front-glass-cabinet_23-2148027959.jpg" },
|
||||
{ id: "p2", name: "Red Velvet Pastry", price: "₹80", imageSrc: "http://img.b2bpic.net/free-photo/buns-bread-with-flour-powder_23-2148438691.jpg" },
|
||||
{ id: "p3", name: "Chocolate Mousse", price: "₹90", imageSrc: "http://img.b2bpic.net/free-photo/decorative-delicious-chocolate-cake-plate_23-2148161580.jpg" },
|
||||
{ id: "p4", name: "Veg Burger & Momos", price: "₹60+", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-cooking-food-home-person_1303-699.jpg" },
|
||||
{ id: "p5", name: "Butterscotch Cake", price: "₹450+", imageSrc: "http://img.b2bpic.net/free-photo/senior-people-celebrating-birthday_23-2148128194.jpg" },
|
||||
{ id: "p6", name: "Cream Rolls & Brownies", price: "₹40+", imageSrc: "http://img.b2bpic.net/free-photo/buns-bread-with-flour-powder_23-2148438691.jpg" },
|
||||
]}
|
||||
title="Our Specialties"
|
||||
description="From custom theme cakes to savory snacks, we have something for every craving."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "100% Eggless",
|
||||
description: "Strictly vegetarian recipes.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Freshly Baked",
|
||||
description: "Everything made fresh daily.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Custom Designs",
|
||||
description: "Made for your special day.",
|
||||
},
|
||||
{
|
||||
icon: Wallet,
|
||||
title: "Affordable Prices",
|
||||
description: "Value for money treats.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Evening Discounts",
|
||||
description: "Save after 8 PM daily!",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Quality and community at the heart of everything we bake."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: ShieldCheck, title: "100% Eggless", description: "Strictly vegetarian recipes." },
|
||||
{ icon: Award, title: "Freshly Baked", description: "Everything made fresh daily." },
|
||||
{ icon: Palette, title: "Custom Designs", description: "Made for your special day." },
|
||||
{ icon: Wallet, title: "Affordable Prices", description: "Value for money treats." },
|
||||
{ icon: Clock, title: "Evening Discounts", description: "Save after 8 PM daily!" },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Quality and community at the heart of everything we bake."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Aman S.",
|
||||
handle: "@aman_s",
|
||||
testimonial: "Best cake I've ever had in Delhi!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-pretty-woman-holds-plate-with-big-tasty-appetizing-cake_273609-31952.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya D.",
|
||||
handle: "@priya_d",
|
||||
testimonial: "Fresh and delicious every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fruit-cake_1098-15609.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Rahul V.",
|
||||
handle: "@rahul_v",
|
||||
testimonial: "Trusted for every family occasion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting_23-2149481036.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Neha K.",
|
||||
handle: "@neha_k",
|
||||
testimonial: "The custom designs are truly magical.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-pattern_23-2147809842.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amit M.",
|
||||
handle: "@amit_m",
|
||||
testimonial: "My go-to place for evening snacks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-enjoying-eating-colorful-macaroons-white-plate_23-2148028552.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Neighbors"
|
||||
description="Our customers are our family."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Aman S.", handle: "@aman_s", testimonial: "Best cake I've ever had in Delhi!", imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-pretty-woman-holds-plate-with-big-tasty-appetizing-cake_273609-31952.jpg" },
|
||||
{ id: "2", name: "Priya D.", handle: "@priya_d", testimonial: "Fresh and delicious every single time.", imageSrc: "http://img.b2bpic.net/free-photo/fruit-cake_1098-15609.jpg" },
|
||||
{ id: "3", name: "Rahul V.", handle: "@rahul_v", testimonial: "Trusted for every family occasion.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting_23-2149481036.jpg" },
|
||||
{ id: "4", name: "Neha K.", handle: "@neha_k", testimonial: "The custom designs are truly magical.", imageSrc: "http://img.b2bpic.net/free-photo/summer-pattern_23-2147809842.jpg" },
|
||||
{ id: "5", name: "Amit M.", handle: "@amit_m", testimonial: "My go-to place for evening snacks.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-enjoying-eating-colorful-macaroons-white-plate_23-2148028552.jpg" },
|
||||
]}
|
||||
title="Loved by Neighbors"
|
||||
description="Our customers are our family."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="custom-orders" data-section="custom-orders">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Inquiry"
|
||||
title="Book Your Custom Cake"
|
||||
description="Tell us the occasion, date, and your dream cake design. We'll handle the rest."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-other-objects-ready-father-s-day_23-2147632063.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="custom-orders" data-section="custom-orders">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Inquiry"
|
||||
title="Book Your Custom Cake"
|
||||
description="Tell us the occasion, date, and your dream cake design. We'll handle the rest."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-other-objects-ready-father-s-day_23-2147632063.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "addr",
|
||||
title: "Where are you located?",
|
||||
content: "Near Dashrathpuri Metro Gate 3, Mahavir Enclave, Dwarka, Delhi.",
|
||||
},
|
||||
{
|
||||
id: "phone",
|
||||
title: "How to contact?",
|
||||
content: "Call us at +91-9876543210 or click the WhatsApp button!",
|
||||
},
|
||||
{
|
||||
id: "hours",
|
||||
title: "What are your hours?",
|
||||
content: "10:00 AM - 10:00 PM | Evening discounts start at 8:00 PM.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/candied-fruits-buns-near-knife-thread_23-2147851918.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
title="Visit or Call Us"
|
||||
description="Near Dashrathpuri Metro Station, Gate 3. Open daily 10 AM to 10 PM."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "addr", title: "Where are you located?", content: "Near Dashrathpuri Metro Gate 3, Mahavir Enclave, Dwarka, Delhi." },
|
||||
{ id: "phone", title: "How to contact?", content: "Call us at +91-9876543210 or click the WhatsApp button!" },
|
||||
{ id: "hours", title: "What are your hours?", content: "10:00 AM - 10:00 PM | Evening discounts start at 8:00 PM." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/candied-fruits-buns-near-knife-thread_23-2147851918.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
title="Visit or Call Us"
|
||||
description="Near Dashrathpuri Metro Station, Gate 3. Open daily 10 AM to 10 PM."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="New German Bakery"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Cakes",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Pastries",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Snacks",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Order on WhatsApp",
|
||||
href: "https://wa.me/919876543210",
|
||||
},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+919876543210",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="New German Bakery"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Cakes", href: "#menu" },
|
||||
{ label: "Pastries", href: "#menu" },
|
||||
{ label: "Snacks", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Order on WhatsApp", href: "https://wa.me/919876543210" },
|
||||
{ label: "Call Us", href: "tel:+919876543210" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user