Update src/app/page.tsx

This commit is contained in:
2026-05-08 11:01:31 +00:00
parent 84d12a7976
commit f8c689b67d

View File

@@ -28,318 +28,136 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Shopping Bee by Laraib"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Shopping Bee by Laraib"
button={{ text: "Visit Store", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "sparkles-gradient",
}}
logoText="Shopping Bee by Laraib"
description="Discover cute, curated, and premium gifts right here in the heart of Kolkata. Your one-stop destination for aesthetic stationery, lifestyle products, and thoughtful gift hampers."
buttons={[
{
text: "Call Now",
href: "tel:+919874487612",
},
{
text: "WhatsApp Us",
href: "https://wa.me/919874487612",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/dreamy-cute-asian-student-dressed-soft-pajama-sleepmask-forehead-has-breakfast-workplace-enjoys-cozy-home-environment-poses-messy-desktop-with-paper-rubbish-yellow-wall_273609-53593.jpg?_wi=1"
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{ variant: "sparkles-gradient" }}
logoText="Shopping Bee by Laraib"
description="Discover cute, curated, and premium gifts right here in the heart of Kolkata. Your one-stop destination for aesthetic stationery, lifestyle products, and thoughtful gift hampers."
buttons={[
{ text: "Call Now", href: "tel:+919874487612" },
{ text: "WhatsApp Us", href: "https://wa.me/919874487612" },
]}
imageSrc="http://img.b2bpic.net/free-photo/dreamy-cute-asian-student-dressed-soft-pajama-sleepmask-forehead-has-breakfast-workplace-enjoys-cozy-home-environment-poses-messy-desktop-with-paper-rubbish-yellow-wall_273609-53593.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
tag="About Us"
title="Curated with Love in Kolkata"
buttons={[
{
text: "Visit Our Store",
href: "https://maps.app.goo.gl/...",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
tag="About Us"
title="Curated with Love in Kolkata"
buttons={[
{ text: "Visit Our Store", href: "https://maps.app.goo.gl/..." },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
icon: Gift,
title: "Curated Collections",
description: "Handpicked items that you won't find just anywhere.",
},
{
icon: Truck,
title: "Fast Delivery",
description: "Need it quick? We deliver your happiness straight to your door.",
},
{
icon: Heart,
title: "Women-Owned",
description: "A community-focused business built on love and trust in Maula Ali.",
},
]}
title="Why Choose Us"
description="We blend local trust with curated, global trends to bring you the best in lifestyle and gifting."
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ icon: Gift, title: "Curated Collections", description: "Handpicked items that you won't find just anywhere." },
{ icon: Truck, title: "Fast Delivery", description: "Need it quick? We deliver your happiness straight to your door." },
{ icon: Heart, title: "Women-Owned", description: "A community-focused business built on love and trust in Maula Ali." },
]}
title="Why Choose Us"
description="We blend local trust with curated, global trends to bring you the best in lifestyle and gifting."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Premium Tumblers",
price: "Check Prices",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-reusable-cups-with-plastic-cups_23-2148780243.jpg?_wi=1",
},
{
id: "p2",
name: "Cute Stationery",
price: "Check Prices",
imageSrc: "http://img.b2bpic.net/free-photo/summer-spring-break-holiday-vacation-leisure-concept_53876-31829.jpg",
},
{
id: "p3",
name: "Gift Hampers",
price: "Check Prices",
imageSrc: "http://img.b2bpic.net/free-photo/dried-fruits-nuts-wooden-bag-with-bottle-wine_114579-30033.jpg",
},
{
id: "p4",
name: "Kawaii Accessories",
price: "Check Prices",
imageSrc: "http://img.b2bpic.net/free-photo/party-still-life-set_23-2148736188.jpg",
},
{
id: "p5",
name: "Kids Essentials",
price: "Check Prices",
imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-pastel-colored-thermoses_23-2149304197.jpg",
},
{
id: "p6",
name: "Lifestyle Goods",
price: "Check Prices",
imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-pack_23-2148837292.jpg",
},
]}
title="Our Popular Categories"
description="Explore our top collections of cute, premium, and unique items."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Premium Tumblers", price: "Check Prices", imageSrc: "http://img.b2bpic.net/free-photo/top-view-reusable-cups-with-plastic-cups_23-2148780243.jpg" },
{ id: "p2", name: "Cute Stationery", price: "Check Prices", imageSrc: "http://img.b2bpic.net/free-photo/summer-spring-break-holiday-vacation-leisure-concept_53876-31829.jpg" },
{ id: "p3", name: "Gift Hampers", price: "Check Prices", imageSrc: "http://img.b2bpic.net/free-photo/dried-fruits-nuts-wooden-bag-with-bottle-wine_114579-30033.jpg" },
{ id: "p4", name: "Kawaii Accessories", price: "Check Prices", imageSrc: "http://img.b2bpic.net/free-photo/party-still-life-set_23-2148736188.jpg" },
{ id: "p5", name: "Kids Essentials", price: "Check Prices", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-pastel-colored-thermoses_23-2149304197.jpg" },
{ id: "p6", name: "Lifestyle Goods", price: "Check Prices", imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-pack_23-2148837292.jpg" },
]}
title="Our Popular Categories"
description="Explore our top collections of cute, premium, and unique items."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Ananya Roy",
date: "Jan 2025",
title: "Great Experience",
quote: "The best gift shop in Kolkata. So many cute stationery options!",
tag: "Regular Shopper",
avatarSrc: "http://img.b2bpic.net/free-photo/surprised-woman-looking-his-boyfriend-hiding-gift-his-back_23-2147879714.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-cute-asian-student-dressed-soft-pajama-sleepmask-forehead-has-breakfast-workplace-enjoys-cozy-home-environment-poses-messy-desktop-with-paper-rubbish-yellow-wall_273609-53593.jpg?_wi=2",
imageAlt: "happy customer gift shop",
},
{
id: "t2",
name: "Rohan Das",
date: "Dec 2024",
title: "Perfect Gifts",
quote: "Fantastic collection of hampers. Saved my birthday shopping!",
tag: "Gift Buyer",
avatarSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353757.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-working-zero-waste-supermarket-adding-pantry-staples-shelves-cheerful-merchant-restocks-local-grocery-store-with-organic-food-reusable-jars-close-up_482257-70907.jpg",
imageAlt: "happy customer gift shop",
},
{
id: "t3",
name: "Priya Sharma",
date: "Nov 2024",
title: "Wonderful Store",
quote: "Love the kawaii vibes and the friendly staff. Highly recommend.",
tag: "Lifestyle Fan",
avatarSrc: "http://img.b2bpic.net/free-photo/boutique-employee-providing-fashion-guidance-male-customer_482257-117992.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/stack-red-white-christmas-gifts_329181-6611.jpg",
imageAlt: "happy customer gift shop",
},
{
id: "t4",
name: "Sita Mukherjee",
date: "Oct 2024",
title: "Unique Items",
quote: "Always finding something beautiful here for the kids.",
tag: "Happy Mom",
avatarSrc: "http://img.b2bpic.net/free-photo/loving-woman-excited-with-present-from-man_23-2147736657.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/computer-keyboard-with-mouse-notebook-blue-background_185193-162312.jpg",
imageAlt: "happy customer gift shop",
},
{
id: "t5",
name: "Amit Gupta",
date: "Sep 2024",
title: "Quick Service",
quote: "Fast delivery and great quality gifts every time.",
tag: "Regular Customer",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-stylish-girl-holding-shopping-bags-looking-forward-good-mood-ideal-shopping_1328-4218.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-reusable-cups-with-plastic-cups_23-2148780243.jpg?_wi=2",
imageAlt: "happy customer gift shop",
},
]}
title="Loved by Kolkata"
description="92+ reviews with a 4.5★ average rating. See what our community says."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Ananya Roy", date: "Jan 2025", title: "Great Experience", quote: "The best gift shop in Kolkata. So many cute stationery options!", tag: "Regular Shopper", avatarSrc: "http://img.b2bpic.net/free-photo/surprised-woman-looking-his-boyfriend-hiding-gift-his-back_23-2147879714.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-cute-asian-student-dressed-soft-pajama-sleepmask-forehead-has-breakfast-workplace-enjoys-cozy-home-environment-poses-messy-desktop-with-paper-rubbish-yellow-wall_273609-53593.jpg", imageAlt: "happy customer gift shop" },
{ id: "t2", name: "Rohan Das", date: "Dec 2024", title: "Perfect Gifts", quote: "Fantastic collection of hampers. Saved my birthday shopping!", tag: "Gift Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353757.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-working-zero-waste-supermarket-adding-pantry-staples-shelves-cheerful-merchant-restocks-local-grocery-store-with-organic-food-reusable-jars-close-up_482257-70907.jpg", imageAlt: "happy customer gift shop" },
{ id: "t3", name: "Priya Sharma", date: "Nov 2024", title: "Wonderful Store", quote: "Love the kawaii vibes and the friendly staff. Highly recommend.", tag: "Lifestyle Fan", avatarSrc: "http://img.b2bpic.net/free-photo/boutique-employee-providing-fashion-guidance-male-customer_482257-117992.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stack-red-white-christmas-gifts_329181-6611.jpg", imageAlt: "happy customer gift shop" },
{ id: "t4", name: "Sita Mukherjee", date: "Oct 2024", title: "Unique Items", quote: "Always finding something beautiful here for the kids.", tag: "Happy Mom", avatarSrc: "http://img.b2bpic.net/free-photo/loving-woman-excited-with-present-from-man_23-2147736657.jpg", imageSrc: "http://img.b2bpic.net/free-photo/computer-keyboard-with-mouse-notebook-blue-background_185193-162312.jpg", imageAlt: "happy customer gift shop" },
{ id: "t5", name: "Amit Gupta", date: "Sep 2024", title: "Quick Service", quote: "Fast delivery and great quality gifts every time.", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-stylish-girl-holding-shopping-bags-looking-forward-good-mood-ideal-shopping_1328-4218.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-reusable-cups-with-plastic-cups_23-2148780243.jpg", imageAlt: "happy customer gift shop" },
]}
title="Loved by Kolkata"
description="92+ reviews with a 4.5★ average rating. See what our community says."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer delivery?",
content: "Yes, we offer fast local delivery across Kolkata.",
},
{
id: "f2",
title: "Is the store LGBTQ+ friendly?",
content: "Absolutely! We celebrate diversity and are a safe space for everyone.",
},
{
id: "f3",
title: "Can I pick up in-store?",
content: "Yes, online orders can be picked up at our Taltala location.",
},
{
id: "f4",
title: "How can I contact you?",
content: "You can call or WhatsApp us at +91 98744 87612.",
},
]}
title="Common Questions"
description="Find quick answers to your inquiries about our products and services."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you offer delivery?", content: "Yes, we offer fast local delivery across Kolkata." },
{ id: "f2", title: "Is the store LGBTQ+ friendly?", content: "Absolutely! We celebrate diversity and are a safe space for everyone." },
{ id: "f3", title: "Can I pick up in-store?", content: "Yes, online orders can be picked up at our Taltala location." },
{ id: "f4", title: "How can I contact you?", content: "You can call or WhatsApp us at +91 98744 87612." },
]}
title="Common Questions"
description="Find quick answers to your inquiries about our products and services."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Contact Us"
title="Ready to Find the Perfect Gift?"
description="Call, WhatsApp, or drop by our store for personalized gift suggestions."
buttons={[
{
text: "Call Now",
href: "tel:+919874487612",
},
{
text: "WhatsApp Inquiry",
href: "https://wa.me/919874487612",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Contact Us"
title="Ready to Find the Perfect Gift?"
description="Call, WhatsApp, or drop by our store for personalized gift suggestions."
buttons={[
{ text: "Call Now", href: "tel:+919874487612" },
{ text: "WhatsApp Inquiry", href: "https://wa.me/919874487612" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/young-female-florist-holding-flower-low-view_23-2148463272.jpg"
logoText="Shopping Bee"
columns={[
{
title: "Quick Links",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Products",
href: "#products",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Policies",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{
title: "Connect",
items: [
{
label: "WhatsApp",
href: "https://wa.me/919874487612",
},
{
label: "Call Us",
href: "tel:+919874487612",
},
{
label: "Google Maps",
href: "https://maps.app.goo.gl/...",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/young-female-florist-holding-flower-low-view_23-2148463272.jpg"
logoText="Shopping Bee"
columns={[
{ title: "Quick Links", items: [{ label: "About Us", href: "#about" }, { label: "Products", href: "#products" }, { label: "Contact", href: "#contact" }] },
{ title: "Policies", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
{ title: "Connect", items: [{ label: "WhatsApp", href: "https://wa.me/919874487612" }, { label: "Call Us", href: "tel:+919874487612" }, { label: "Google Maps", href: "https://maps.app.goo.gl/..." }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}