Merge version_1 into main #1
469
src/app/page.tsx
469
src/app/page.tsx
@@ -29,341 +29,158 @@ 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="Porabari"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</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="Porabari"
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Authentic Porabari Sweets"
|
||||
description="Experience the heritage of traditional taste, handcrafted with purity and love."
|
||||
tag="Heritage Collection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-turkish-sweets-shop_107420-94721.jpg",
|
||||
imageAlt: "traditional bangladeshi sweets elegant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-her-cake-shop_23-2149210491.jpg",
|
||||
imageAlt: "sweet shop artisan craft",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-desserts-dessert-counter_107420-96365.jpg",
|
||||
imageAlt: "Woman looking at desserts at dessert counter",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vendor-with-sweets_1398-562.jpg",
|
||||
imageAlt: "vendor with sweets",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shop-cosmetics-handmade_169016-3566.jpg",
|
||||
imageAlt: "shop cosmetics handmade",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Loved by 1000+ local families"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Authentic Porabari Sweets"
|
||||
description="Experience the heritage of traditional taste, handcrafted with purity and love."
|
||||
tag="Heritage Collection"
|
||||
buttons={[{ text: "Explore Products", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-turkish-sweets-shop_107420-94721.jpg", imageAlt: "traditional bangladeshi sweets elegant"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-her-cake-shop_23-2149210491.jpg", imageAlt: "sweet shop artisan craft"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Loved by 1000+ local families"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Sweetness"
|
||||
description="Porabari-পোড়াবাড়ি is more than just sweets; it's a centuries-old tradition. Our recipes have been passed down through generations, ensuring every bite carries the authentic essence of our culture."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Traditional Recipes",
|
||||
description: "Authentic methods preserved for years.",
|
||||
},
|
||||
{
|
||||
title: "Pure Ingredients",
|
||||
description: "High-quality, natural sourcing.",
|
||||
},
|
||||
{
|
||||
title: "Handcrafted",
|
||||
description: "Made with attention to detail.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-holding-yogurt-pot-hands-tomatoes-wooden-table_114579-4583.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Sweetness"
|
||||
description="Porabari-পোড়াবাড়ি is more than just sweets; it's a centuries-old tradition. Our recipes have been passed down through generations, ensuring every bite carries the authentic essence of our culture."
|
||||
bulletPoints={[
|
||||
{ title: "Traditional Recipes", description: "Authentic methods preserved for years." },
|
||||
{ title: "Pure Ingredients", description: "High-quality, natural sourcing." },
|
||||
{ title: "Handcrafted", description: "Made with attention to detail." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-holding-yogurt-pot-hands-tomatoes-wooden-table_114579-4583.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Traditional Porabari Sweets",
|
||||
price: "৳ 450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-dried-fruits-nuts-glass-plate_114579-30511.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium Ghee Delight",
|
||||
price: "৳ 600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/georgian-khinkali-with-hot-chili-sauce_114579-2368.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Kheer Special",
|
||||
price: "৳ 350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sugar-powdered-pie-strawberry-cake-with-waffles-macarons-pink_140725-78311.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Royal Barfi Box",
|
||||
price: "৳ 550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Chana Specialty",
|
||||
price: "৳ 400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-arrangement_23-2150684230.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Festival Mix Box",
|
||||
price: "৳ 800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-sweets-with-cookies-fruits-light-desk_140725-90992.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Delicacies"
|
||||
description="Discover our most loved items, prepared daily in small batches for peak freshness."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Traditional Porabari Sweets", price: "৳ 450", imageSrc: "http://img.b2bpic.net/free-photo/various-dried-fruits-nuts-glass-plate_114579-30511.jpg" },
|
||||
{ id: "p2", name: "Premium Ghee Delight", price: "৳ 600", imageSrc: "http://img.b2bpic.net/free-photo/georgian-khinkali-with-hot-chili-sauce_114579-2368.jpg" },
|
||||
{ id: "p3", name: "Kheer Special", price: "৳ 350", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sugar-powdered-pie-strawberry-cake-with-waffles-macarons-pink_140725-78311.jpg" },
|
||||
{ id: "p4", name: "Royal Barfi Box", price: "৳ 550", imageSrc: "http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg" },
|
||||
{ id: "p5", name: "Chana Specialty", price: "৳ 400", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-arrangement_23-2150684230.jpg" },
|
||||
{ id: "p6", name: "Festival Mix Box", price: "৳ 800", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-sweets-with-cookies-fruits-light-desk_140725-90992.jpg" },
|
||||
]}
|
||||
title="Our Signature Delicacies"
|
||||
description="Discover our most loved items, prepared daily in small batches for peak freshness."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Daily",
|
||||
description: "No additives, just natural sweetness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-colorful-sweet-delights-with-nuts-wooden-board_114579-48757.jpg",
|
||||
imageAlt: "traditional sweet box presentation",
|
||||
},
|
||||
{
|
||||
title: "Heritage Taste",
|
||||
description: "The exact recipe from our ancestors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fresh-raspberries-babies-white-tray-mixed-color-table_140725-86587.jpg",
|
||||
imageAlt: "sweet dessert elegant styling",
|
||||
},
|
||||
{
|
||||
title: "Secure Delivery",
|
||||
description: "Delivered fresh to your doorstep.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-confiture-cookies-wooden-board_114579-20737.jpg",
|
||||
imageAlt: "handcrafted sweet assortment",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Quality meets tradition in everything we do."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Fresh Daily", description: "No additives, just natural sweetness.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-colorful-sweet-delights-with-nuts-wooden-board_114579-48757.jpg", imageAlt: "traditional sweet box presentation" },
|
||||
{ title: "Heritage Taste", description: "The exact recipe from our ancestors.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fresh-raspberries-babies-white-tray-mixed-color-table_140725-86587.jpg", imageAlt: "sweet dessert elegant styling" },
|
||||
{ title: "Secure Delivery", description: "Delivered fresh to your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/red-confiture-cookies-wooden-board_114579-20737.jpg", imageAlt: "handcrafted sweet assortment" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Quality meets tradition in everything we do."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Satisfied Customers",
|
||||
value: "10k+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Sweets Crafted",
|
||||
value: "5M+",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Years Legacy",
|
||||
value: "50+",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Serving happiness across the region for years."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Satisfied Customers", value: "10k+", icon: Users },
|
||||
{ id: "m2", title: "Sweets Crafted", value: "5M+", icon: Utensils },
|
||||
{ id: "m3", title: "Years Legacy", value: "50+", icon: Award },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Serving happiness across the region for years."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rahim Ahmed",
|
||||
role: "Teacher",
|
||||
company: "Local School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-urban-portrait-brunet-hipster-woman-having-fun-going-crazy-masquerade-party-wearing-trendy-cozy-sweater-face-crown-eating-sweet-tasty-berry-cake-bright-positive-happy_291049-1259.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Fatima Begum",
|
||||
role: "Homemaker",
|
||||
company: "Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lunch-break-elegant-man-office-businessman-white-shirt-man-eats-noodles_1157-39262.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Kamal Hossain",
|
||||
role: "Businessman",
|
||||
company: "Small Biz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-showing-empty-box-while-showing-thumb-up-shirt-jacket-looking-positive-front-view_176474-57744.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Nasrin Akter",
|
||||
role: "Artist",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-african-american-woman-looking-delicious-piece-cake-smiling-standing-yellow-background_1258-54828.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sabbir Ahmed",
|
||||
role: "Engineer",
|
||||
company: "Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-having-fun-amusement-park_23-2147917241.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="See why locals trust our traditional recipes."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Rahim Ahmed", role: "Teacher", company: "Local School", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-urban-portrait-brunet-hipster-woman-having-fun-going-crazy-masquerade-party-wearing-trendy-cozy-sweater-face-crown-eating-sweet-tasty-berry-cake-bright-positive-happy_291049-1259.jpg" },
|
||||
{ id: "t2", name: "Fatima Begum", role: "Homemaker", company: "Home", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lunch-break-elegant-man-office-businessman-white-shirt-man-eats-noodles_1157-39262.jpg" },
|
||||
{ id: "t3", name: "Kamal Hossain", role: "Businessman", company: "Small Biz", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-male-showing-empty-box-while-showing-thumb-up-shirt-jacket-looking-positive-front-view_176474-57744.jpg" },
|
||||
{ id: "t4", name: "Nasrin Akter", role: "Artist", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-african-american-woman-looking-delicious-piece-cake-smiling-standing-yellow-background_1258-54828.jpg" },
|
||||
{ id: "t5", name: "Sabbir Ahmed", role: "Engineer", company: "Firm", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-having-fun-amusement-park_23-2147917241.jpg" },
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="See why locals trust our traditional recipes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How to store sweets?",
|
||||
content: "Keep in a cool, dry place.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, across the city daily.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are ingredients natural?",
|
||||
content: "Always, no artificial preservatives.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Got questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How to store sweets?", content: "Keep in a cool, dry place." },
|
||||
{ id: "f2", title: "Do you deliver?", content: "Yes, across the city daily." },
|
||||
{ id: "f3", title: "Are ingredients natural?", content: "Always, no artificial preservatives." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Got questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Ready for Authentic Sweets?"
|
||||
description="Place your order today and experience true heritage."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "tel:+880123456789",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready for Authentic Sweets?"
|
||||
description="Place your order today and experience true heritage."
|
||||
buttons={[{ text: "Contact Us", href: "tel:+880123456789" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/realistic-scene-neighborhood-yard-sale-with-miscellaneous-items_23-2151238330.jpg"
|
||||
logoText="Porabari"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/realistic-scene-neighborhood-yard-sale-with-miscellaneous-items_23-2151238330.jpg"
|
||||
logoText="Porabari"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user