Merge version_1 into main #2
287
src/app/page.tsx
287
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Categories",
|
||||
id: "#categories",
|
||||
},
|
||||
name: "Categories", id: "#categories"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Zoflo"
|
||||
/>
|
||||
@@ -68,71 +54,46 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Welcome to Zoflo: Nurturing Joy, Delivering Care"
|
||||
description="Discover a curated collection of premium baby products, from essential care to playful toys. Shop with confidence for your little one's every need."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Explore Categories",
|
||||
href: "#categories",
|
||||
},
|
||||
text: "Explore Categories", href: "#categories"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-adorable-newborn-baby_23-2151055037.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-adorable-newborn-baby_23-2151055037.jpg"
|
||||
imageAlt="Happy baby playing with colorful toys and Zoflo baby products"
|
||||
mediaAnimation="slide-up"
|
||||
fixedMediaHeight={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-family-studio-background-christmas-tree-with-gift_1328-2047.jpg",
|
||||
alt: "Smiling young mother",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-family-studio-background-christmas-tree-with-gift_1328-2047.jpg", alt: "Smiling young mother"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-father-kissing-baby-dressed-yellow_23-2148354159.jpg",
|
||||
alt: "Happy father with baby",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-father-kissing-baby-dressed-yellow_23-2148354159.jpg", alt: "Happy father with baby"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-shot-cherful-wrinkled-woman-makes-peace-gesture-smiles-gladfully-has-bright-makeup-manicure-dressed-fashion-clothes_273609-48669.jpg",
|
||||
alt: "Joyful grandmother",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-shot-cherful-wrinkled-woman-makes-peace-gesture-smiles-gladfully-has-bright-makeup-manicure-dressed-fashion-clothes_273609-48669.jpg", alt: "Joyful grandmother"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-american-brother-sister-embracing-home_637285-11443.jpg",
|
||||
alt: "Satisfied parent",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-american-brother-sister-embracing-home_637285-11443.jpg", alt: "Satisfied parent"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mother-daughter-park_1303-9385.jpg",
|
||||
alt: "Parent and child",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mother-daughter-park_1303-9385.jpg", alt: "Parent and child"},
|
||||
]}
|
||||
avatarText="Join 100K+ Happy Parents!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Safe & Certified Products",
|
||||
type: "text", text: "Safe & Certified Products"},
|
||||
{
|
||||
type: "text-icon", text: "Fast Nationwide Delivery", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Nationwide Delivery",
|
||||
icon: Truck,
|
||||
type: "text", text: "Eco-Friendly Choices"},
|
||||
{
|
||||
type: "text-icon", text: "24/7 Dedicated Support", icon: LifeBuoy,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Choices",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Dedicated Support",
|
||||
icon: LifeBuoy,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Trusted by Thousands of Parents",
|
||||
},
|
||||
type: "text", text: "Trusted by Thousands of Parents"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,19 +105,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Trusted Products",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Trusted Products", value: "100%"},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Eco-Friendly",
|
||||
value: "95%",
|
||||
},
|
||||
label: "Eco-Friendly", value: "95%"},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Fast Delivery",
|
||||
value: "Nationwide",
|
||||
},
|
||||
label: "Fast Delivery", value: "Nationwide"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -169,44 +124,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Baby Clothing",
|
||||
description: "Softest fabrics, cutest styles for every season and milestone.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Box,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099263.jpg",
|
||||
imageAlt: "caring hands holding baby's feet",
|
||||
title: "Baby Clothing", description: "Softest fabrics, cutest styles for every season and milestone.", bentoComponent: "reveal-icon", icon: Box
|
||||
},
|
||||
{
|
||||
title: "Play & Toys",
|
||||
description: "Engaging toys that inspire imagination and support developmental growth.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Gift,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-newborn-baby_23-2151055037.jpg?_wi=2",
|
||||
imageAlt: "caring hands holding baby's feet",
|
||||
title: "Play & Toys", description: "Engaging toys that inspire imagination and support developmental growth.", bentoComponent: "reveal-icon", icon: Gift
|
||||
},
|
||||
{
|
||||
title: "Diapers & Wipes",
|
||||
description: "Gentle, absorbent, and eco-friendly options for ultimate comfort and care.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Heart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-threads-knitting-yarn-threads-pastel-colors_169016-19934.jpg",
|
||||
imageAlt: "caring hands holding baby's feet",
|
||||
title: "Diapers & Wipes", description: "Gentle, absorbent, and eco-friendly options for ultimate comfort and care.", bentoComponent: "reveal-icon", icon: Heart
|
||||
},
|
||||
{
|
||||
title: "Feeding Essentials",
|
||||
description: "High-quality bottles, purees, and tableware for healthy, happy mealtimes.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Milk,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-playing-with-colorful-wooden-toys-full-shot_23-2149357271.jpg",
|
||||
imageAlt: "caring hands holding baby's feet",
|
||||
title: "Feeding Essentials", description: "High-quality bottles, purees, and tableware for healthy, happy mealtimes.", bentoComponent: "reveal-icon", icon: Milk
|
||||
},
|
||||
{
|
||||
title: "Baby Skincare",
|
||||
description: "Nourishing lotions, gentle washes, and protective creams for delicate skin.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplet,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-collection-jewish-dreidel_23-2148330504.jpg",
|
||||
imageAlt: "caring hands holding baby's feet",
|
||||
title: "Baby Skincare", description: "Nourishing lotions, gentle washes, and protective creams for delicate skin.", bentoComponent: "reveal-icon", icon: Droplet
|
||||
},
|
||||
]}
|
||||
title="Explore Our Curated Baby Product Categories"
|
||||
@@ -222,47 +152,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Organic Cotton Baby Onesie",
|
||||
price: "BDT 950",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/front-tank-top-sleeveless-with-leopard-pattern_1308-61105.jpg",
|
||||
imageAlt: "Organic cotton baby onesie",
|
||||
},
|
||||
id: "1", name: "Organic Cotton Baby Onesie", price: "BDT 950", imageSrc: "http://img.b2bpic.net/free-vector/front-tank-top-sleeveless-with-leopard-pattern_1308-61105.jpg", imageAlt: "Organic cotton baby onesie"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Wooden Educational Toy Set",
|
||||
price: "BDT 2,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-toy-white-shelf_23-2149357208.jpg",
|
||||
imageAlt: "Wooden educational toy set for babies",
|
||||
},
|
||||
id: "2", name: "Wooden Educational Toy Set", price: "BDT 2,200", imageSrc: "http://img.b2bpic.net/free-photo/wooden-toy-white-shelf_23-2149357208.jpg", imageAlt: "Wooden educational toy set for babies"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Premium Soft Diaper Pack",
|
||||
price: "BDT 1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-accessories-baby_23-2148251507.jpg",
|
||||
imageAlt: "Premium soft diaper pack",
|
||||
},
|
||||
id: "3", name: "Premium Soft Diaper Pack", price: "BDT 1,500", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-accessories-baby_23-2148251507.jpg", imageAlt: "Premium soft diaper pack"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Convertible Baby Crib",
|
||||
price: "BDT 18,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-baby-room-design_23-2149125001.jpg",
|
||||
imageAlt: "Convertible baby crib",
|
||||
},
|
||||
id: "4", name: "Convertible Baby Crib", price: "BDT 18,500", imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-baby-room-design_23-2149125001.jpg", imageAlt: "Convertible baby crib"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ergonomic Baby Stroller",
|
||||
price: "BDT 25,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mother-walking-with-baby-carriage-park_1303-14357.jpg",
|
||||
imageAlt: "Ergonomic baby stroller",
|
||||
},
|
||||
id: "5", name: "Ergonomic Baby Stroller", price: "BDT 25,000", imageSrc: "http://img.b2bpic.net/free-photo/young-mother-walking-with-baby-carriage-park_1303-14357.jpg", imageAlt: "Ergonomic baby stroller"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Smart Baby Monitor",
|
||||
price: "BDT 7,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-video-calling-mom-with-child-quarantine_23-2148732563.jpg",
|
||||
imageAlt: "Smart baby monitor",
|
||||
},
|
||||
id: "6", name: "Smart Baby Monitor", price: "BDT 7,800", imageSrc: "http://img.b2bpic.net/free-photo/father-video-calling-mom-with-child-quarantine_23-2148732563.jpg", imageAlt: "Smart baby monitor"},
|
||||
]}
|
||||
title="Our Featured & New Arrival Products"
|
||||
description="Discover our most popular items and the latest additions to the Zoflo family. Quality and comfort guaranteed for your precious little one."
|
||||
@@ -276,34 +176,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Secure Shopping",
|
||||
items: [
|
||||
"SSL Encryption",
|
||||
"Data Privacy",
|
||||
"Safe Transactions",
|
||||
],
|
||||
id: "m1", value: "100%", title: "Secure Shopping", items: [
|
||||
"SSL Encryption", "Data Privacy", "Safe Transactions"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Customer Support",
|
||||
items: [
|
||||
"Dedicated Team",
|
||||
"Quick Responses",
|
||||
"Expert Advice",
|
||||
],
|
||||
id: "m2", value: "24/7", title: "Customer Support", items: [
|
||||
"Dedicated Team", "Quick Responses", "Expert Advice"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Fast",
|
||||
title: "Nationwide Delivery",
|
||||
items: [
|
||||
"Efficient Logistics",
|
||||
"Track Your Order",
|
||||
"On-Time Arrival",
|
||||
],
|
||||
id: "m3", value: "Fast", title: "Nationwide Delivery", items: [
|
||||
"Efficient Logistics", "Track Your Order", "On-Time Arrival"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Zoflo? Safety, Speed, and Satisfaction."
|
||||
@@ -318,45 +200,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ayesha Khan",
|
||||
handle: "@AyeshaK",
|
||||
testimonial: "Zoflo's organic clothing is incredibly soft and gentle for my baby's sensitive skin. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148294016.jpg",
|
||||
imageAlt: "Ayesha Khan",
|
||||
},
|
||||
id: "t1", name: "Ayesha Khan", handle: "@AyeshaK", testimonial: "Zoflo's organic clothing is incredibly soft and gentle for my baby's sensitive skin. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148294016.jpg", imageAlt: "Ayesha Khan"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Rahim Ahmed",
|
||||
handle: "@RahimA",
|
||||
testimonial: "The delivery was surprisingly fast, and the baby monitor works perfectly. Zoflo is my go-to store now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-with-his-toddler-daughter-park_1303-23698.jpg",
|
||||
imageAlt: "Rahim Ahmed",
|
||||
},
|
||||
id: "t2", name: "Rahim Ahmed", handle: "@RahimA", testimonial: "The delivery was surprisingly fast, and the baby monitor works perfectly. Zoflo is my go-to store now.", imageSrc: "http://img.b2bpic.net/free-photo/father-with-his-toddler-daughter-park_1303-23698.jpg", imageAlt: "Rahim Ahmed"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Fatima Begum",
|
||||
handle: "@FatimaB",
|
||||
testimonial: "I love the variety of toys available. My toddler is always excited with new arrivals from Zoflo!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-showing-sign-speech-bubble-banner-looking-happy_657921-1337.jpg",
|
||||
imageAlt: "Fatima Begum",
|
||||
},
|
||||
id: "t3", name: "Fatima Begum", handle: "@FatimaB", testimonial: "I love the variety of toys available. My toddler is always excited with new arrivals from Zoflo!", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-showing-sign-speech-bubble-banner-looking-happy_657921-1337.jpg", imageAlt: "Fatima Begum"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Imran Hossain",
|
||||
handle: "@ImranH",
|
||||
testimonial: "Excellent customer service and quality products. Their feeding essentials made weaning so much easier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-goodlooking-young-tanned-female-with-blond-hair-standing-confident-pose-with-hands_1258-306678.jpg",
|
||||
imageAlt: "Imran Hossain",
|
||||
},
|
||||
id: "t4", name: "Imran Hossain", handle: "@ImranH", testimonial: "Excellent customer service and quality products. Their feeding essentials made weaning so much easier.", imageSrc: "http://img.b2bpic.net/free-photo/ambitious-goodlooking-young-tanned-female-with-blond-hair-standing-confident-pose-with-hands_1258-306678.jpg", imageAlt: "Imran Hossain"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Nadia Sultana",
|
||||
handle: "@NadiaS",
|
||||
testimonial: "Zoflo has a fantastic selection of baby skincare products. My baby's skin feels so nourished and protected.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-with-little-baby-holding-toy-building-blocks_23-2148067738.jpg",
|
||||
imageAlt: "Nadia Sultana",
|
||||
},
|
||||
id: "t5", name: "Nadia Sultana", handle: "@NadiaS", testimonial: "Zoflo has a fantastic selection of baby skincare products. My baby's skin feels so nourished and protected.", imageSrc: "http://img.b2bpic.net/free-photo/man-playing-with-little-baby-holding-toy-building-blocks_23-2148067738.jpg", imageAlt: "Nadia Sultana"},
|
||||
]}
|
||||
title="What Our Happy Parents Say"
|
||||
description="Read reviews from our wonderful community who trust Zoflo for their baby care needs."
|
||||
@@ -369,25 +221,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How do I place an order?",
|
||||
content: "Simply browse our products, add them to your cart, and proceed to checkout. You can then choose your preferred payment method.",
|
||||
},
|
||||
id: "faq1", title: "How do I place an order?", content: "Simply browse our products, add them to your cart, and proceed to checkout. You can then choose your preferred payment method."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We currently accept Manual Payment via bKash (Personal) and Nagad (Personal), as well as Cash on Delivery. Details will be provided at checkout.",
|
||||
},
|
||||
id: "faq2", title: "What payment methods do you accept?", content: "We currently accept Manual Payment via bKash (Personal) and Nagad (Personal), as well as Cash on Delivery. Details will be provided at checkout."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "How long does delivery take?",
|
||||
content: "Delivery typically takes 3-5 business days within major cities and 5-7 business days for other areas. You can track your order status from your account.",
|
||||
},
|
||||
id: "faq3", title: "How long does delivery take?", content: "Delivery typically takes 3-5 business days within major cities and 5-7 business days for other areas. You can track your order status from your account."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Can I return a product?",
|
||||
content: "Yes, we offer a hassle-free return policy within 7 days of delivery for unused and unopened products. Please see our full return policy for details.",
|
||||
},
|
||||
id: "faq4", title: "Can I return a product?", content: "Yes, we offer a hassle-free return policy within 7 days of delivery for unused and unopened products. Please see our full return policy for details."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about orders, payments, and delivery."
|
||||
@@ -399,18 +239,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Have Questions? Reach Out to Our Friendly Support Team!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:support@zoflo.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:support@zoflo.com"},
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+880XXXXXXXXX",
|
||||
},
|
||||
text: "Call Us", href: "tel:+880XXXXXXXXX"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -422,19 +257,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/zoflo",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/zoflo", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/zoflo",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/zoflo", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/zoflo",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/zoflo", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user