Merge version_2 into main #1
321
src/app/page.tsx
321
src/app/page.tsx
@@ -9,7 +9,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, Facebook, Instagram, Star, Twitter } from "lucide-react";
|
||||
import { Award, Facebook, Instagram, Star, Twitter, MapPin, MessageSquare, ShoppingCart, MessageCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,235 +26,108 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "/story",
|
||||
},
|
||||
{
|
||||
name: "Visit Yercaud",
|
||||
id: "/yercaud",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="VB the Bakery"
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "/shop",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Our Story", id: "/story" },
|
||||
{ name: "Visit Yercaud", id: "/yercaud" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="VB the Bakery"
|
||||
button={{ text: "Order Online", href: "/shop" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="The Soul of Yercaud, Crafted in Cacao."
|
||||
description="Experience spectacular homemade chocolates and artisanal bakes, crafted in small batches with passion and precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Chocolates",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
text: "Visit Us in Yercaud",
|
||||
href: "/yercaud",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chocolate-roll-with-coffee-beans-pinecones-high-quality-photo_114579-26596.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-girl-blue-outfit-with-purple-cabbage-giving-thumbs-up-white_114579-74331.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Bakes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Small Batch Cacao",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Luxury",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Yercaud Origins",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Ingredients",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="The Soul of Yercaud, Crafted in Cacao."
|
||||
description="Experience spectacular homemade chocolates and artisanal bakes, crafted in small batches with passion and precision."
|
||||
buttons={[
|
||||
{ text: "Order Chocolates", href: "/shop" },
|
||||
{ text: "Visit Us in Yercaud", href: "/yercaud" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chocolate-roll-with-coffee-beans-pinecones-high-quality-photo_114579-26596.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="story-about" data-section="story-about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Moments of Bliss"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Full Story",
|
||||
href: "/story",
|
||||
},
|
||||
]}
|
||||
tag="Our Heritage"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="gifting" data-section="gifting">
|
||||
<TextAbout
|
||||
title="Gifting Experience"
|
||||
description="Customize your gifts with a handwritten note. Select your favorite artisanal chocolates and add a personal touch that your loved ones will cherish forever."
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial-section" data-section="testimonial-section">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-young-male-cook-holding-raw-mushrooms-white_114579-88713.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anita Rao",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Customer Love ❤️"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
cardTagIcon={Star}
|
||||
/>
|
||||
</div>
|
||||
<div id="story-about" data-section="story-about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Moments of Bliss"
|
||||
buttons={[{ text: "Read Our Full Story", href: "/story" }]}
|
||||
tag="Our Heritage"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Art of Perfection"
|
||||
description="We take pride in our slow-fermented, ethically sourced cacao, transformed by hand in the heart of Yercaud."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-chief-black-man-twist-tasty-melted-chocolate-big-steel-pot-before-making-chocolate-bars_346278-495.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
value: "12+",
|
||||
title: "Cacao Varieties",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Conching Time",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Handcrafted",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial-section" data-section="testimonial-section">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
|
||||
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/photo-young-male-cook-holding-raw-mushrooms-white_114579-88713.jpg" }
|
||||
]}
|
||||
cardTitle="Customer Love ❤️"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
cardTagIcon={Star}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about our sourcing, ordering, and delivery process."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-confectioner-with-chocolate-pastry-shop_23-2150360200.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you ship nationwide?",
|
||||
content: "Yes, we ship our artisanal chocolates across India with temperature-controlled packaging.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I visit your bakery?",
|
||||
content: "Absolutely! We invite you to experience the scent of roasting cacao in our Yercaud boutique.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer corporate gifting?",
|
||||
content: "We offer curated luxury boxes for corporate gifting with bespoke branding options.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about our sourcing, ordering, and delivery process."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-confectioner-with-chocolate-pastry-shop_23-2150360200.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Product Details", content: "Our chocolates use 70% single-origin cacao from high-altitude estates, processed for 48 hours for silky texture." },
|
||||
{ id: "f2", title: "Store Visit", content: "Visit us at our Yercaud bakery shop. Open daily 9am - 7pm. Maps available on our contact page." },
|
||||
{ id: "f3", title: "Custom Gifting", content: "Need a custom gift? Use the Gifting Module during checkout to add personalized messages and notes." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="VB the Bakery"
|
||||
copyrightText="© 2025 VB the Bakery, Yercaud."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Follow us on Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Follow us on Facebook",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Follow us on Twitter",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="VB the Bakery"
|
||||
copyrightText="© 2025 VB the Bakery, Yercaud."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="fixed bottom-0 left-0 right-0 z-50 p-4 border-t bg-background shadow-lg md:hidden">
|
||||
<div className="flex items-center justify-between gap-4">
|
||||
<div className="font-bold text-lg">₹450</div>
|
||||
<div className="flex gap-2">
|
||||
<button className="flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-full text-sm font-semibold">
|
||||
<ShoppingCart size={16} /> Add
|
||||
</button>
|
||||
<button className="flex items-center gap-2 px-4 py-2 border rounded-full text-sm font-semibold">
|
||||
<MessageCircle size={16} /> WhatsApp
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user