bender/972ab279-a846-4e17-baa4-4eedc1387f23
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-21 07:46:13 +00:00
parent e7e9002705
commit 8044997f2b
1 changed files with 46 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
src/app/page.tsx
View File

@@ -33,54 +33,36 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Little Cayn"
button={{ text: "Shop Now", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Premium Comfort for Your Little Ones"
description="Little Cayn offers the softest, sustainable, and most stylish clothing curated specifically for your baby's delicate skin."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-holding-handmade-openwork-napkin-her-hands_169016-12941.jpg?_wi=1",
imageAlt: "Cute baby apparel",
},
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-holding-handmade-openwork-napkin-her-hands_169016-12941.jpg", imageAlt: "Cute baby apparel"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-kid-looking-away_23-2148329731.jpg?_wi=1",
imageAlt: "Soft cotton baby clothes",
},
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-kid-looking-away_23-2148329731.jpg", imageAlt: "Soft cotton baby clothes"},
{
imageSrc: "http://img.b2bpic.net/free-photo/adorable-little-girl-winter-dressed_23-2148329769.jpg",
imageAlt: "Baby wearing Little Cayn",
},
imageSrc: "http://img.b2bpic.net/free-photo/adorable-little-girl-winter-dressed_23-2148329769.jpg", imageAlt: "Baby wearing Little Cayn"},
{
imageSrc: "http://img.b2bpic.net/free-photo/romper-paper-hearts_23-2147698700.jpg",
imageAlt: "Hand-picked baby materials",
},
imageSrc: "http://img.b2bpic.net/free-photo/romper-paper-hearts_23-2147698700.jpg", imageAlt: "Hand-picked baby materials"},
{
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-boho-honeymoon-landing-page-template_23-2149264319.jpg",
imageAlt: "Nurturing baby style",
},
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-boho-honeymoon-landing-page-template_23-2149264319.jpg", imageAlt: "Nurturing baby style"},
]}
mediaAnimation="slide-up"
/>
@@ -93,17 +75,11 @@ export default function LandingPage() {
description="At Little Cayn, we believe in using organic materials that are safe, soft, and breathable for your baby."
metrics={[
{
value: "100%",
title: "Organic Cotton",
},
value: "100%", title: "Organic Cotton"},
{
value: "5k+",
title: "Happy Babies",
},
value: "5k+", title: "Happy Babies"},
{
value: "10+",
title: "Collections",
},
value: "10+", title: "Collections"},
]}
imageSrc="http://img.b2bpic.net/free-photo/lovely-family-forest_1328-712.jpg"
imageAlt="High quality baby clothing detail"
@@ -120,47 +96,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Soft Bodysuit",
price: "$25",
variant: "Cotton",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-baby-t-shirt-with-photo-camera_23-2148251464.jpg",
},
id: "p1", name: "Soft Bodysuit", price: "$25", variant: "Cotton", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-baby-t-shirt-with-photo-camera_23-2148251464.jpg"},
{
id: "p2",
name: "Cozy Onesie",
price: "$30",
variant: "Organic",
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-toddler-dressed-black-dress-as-cat_1157-49464.jpg",
},
id: "p2", name: "Cozy Onesie", price: "$30", variant: "Organic", imageSrc: "http://img.b2bpic.net/free-photo/little-girl-toddler-dressed-black-dress-as-cat_1157-49464.jpg"},
{
id: "p3",
name: "Gentle Mittens",
price: "$12",
variant: "Soft Blend",
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-woolen-baby-s-clothing-with-pacifier-wooden-table_23-2147900741.jpg",
},
id: "p3", name: "Gentle Mittens", price: "$12", variant: "Soft Blend", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-woolen-baby-s-clothing-with-pacifier-wooden-table_23-2147900741.jpg"},
{
id: "p4",
name: "Baby Blanket",
price: "$45",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cute-baby-nursing-pillow_23-2150490904.jpg",
},
id: "p4", name: "Baby Blanket", price: "$45", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cute-baby-nursing-pillow_23-2150490904.jpg"},
{
id: "p5",
name: "Newborn Hat",
price: "$10",
variant: "Breathable",
imageSrc: "http://img.b2bpic.net/free-photo/adorable-little-girl-offering-snowball_23-2148329862.jpg",
},
id: "p5", name: "Newborn Hat", price: "$10", variant: "Breathable", imageSrc: "http://img.b2bpic.net/free-photo/adorable-little-girl-offering-snowball_23-2148329862.jpg"},
{
id: "p6",
name: "Soft Booties",
price: "$15",
variant: "Plush",
imageSrc: "http://img.b2bpic.net/free-photo/toy-camera-baby-shoes_23-2147698707.jpg",
},
id: "p6", name: "Soft Booties", price: "$15", variant: "Plush", imageSrc: "http://img.b2bpic.net/free-photo/toy-camera-baby-shoes_23-2147698707.jpg"},
]}
title="Our Latest Collections"
description="Discover comfort-forward styles designed for everyday play and nap time."
@@ -174,28 +120,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Softness First",
description: "Hand-picked fibers to ensure no irritation on delicate skin.",
bentoComponent: "reveal-icon",
icon: Heart,
imageSrc: "http://img.b2bpic.net/free-photo/cute-baby-with-stuffed-animal_23-2150573671.jpg",
imageAlt: "soft baby knitwear newborn",
title: "Softness First", description: "Hand-picked fibers to ensure no irritation on delicate skin.", bentoComponent: "reveal-icon", icon: Heart,
},
{
title: "Sustainability",
description: "Eco-friendly production for a healthier planet.",
bentoComponent: "reveal-icon",
icon: Leaf,
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-holding-handmade-openwork-napkin-her-hands_169016-12941.jpg?_wi=2",
imageAlt: "soft baby knitwear newborn",
title: "Sustainability", description: "Eco-friendly production for a healthier planet.", bentoComponent: "reveal-icon", icon: Leaf,
},
{
title: "Easy Care",
description: "Machine washable fabrics designed to last through every wash.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-kid-looking-away_23-2148329731.jpg?_wi=2",
imageAlt: "soft baby knitwear newborn",
title: "Easy Care", description: "Machine washable fabrics designed to last through every wash.", bentoComponent: "reveal-icon", icon: Sparkles,
},
]}
title="Why Choose Little Cayn"
@@ -210,45 +141,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
handle: "@sarah_m",
testimonial: "The softest fabric ever. My baby loves it!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-stylish-modern-young-father-with-beard-creative-hairstyle-posing-studio_343059-554.jpg",
},
id: "t1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "The softest fabric ever. My baby loves it!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-stylish-modern-young-father-with-beard-creative-hairstyle-posing-studio_343059-554.jpg"},
{
id: "t2",
name: "Mark D.",
handle: "@mdad",
testimonial: "Excellent quality, arrived quickly and perfectly packaged.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/daddy-carrying-his-baby-family-emotion-home_53876-61.jpg",
},
id: "t2", name: "Mark D.", handle: "@mdad", testimonial: "Excellent quality, arrived quickly and perfectly packaged.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/daddy-carrying-his-baby-family-emotion-home_53876-61.jpg"},
{
id: "t3",
name: "Jenny L.",
handle: "@jl_mom",
testimonial: "Little Cayn makes the most beautiful newborn outfits.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-baby-daughter-lying-bed_1303-29017.jpg",
},
id: "t3", name: "Jenny L.", handle: "@jl_mom", testimonial: "Little Cayn makes the most beautiful newborn outfits.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-baby-daughter-lying-bed_1303-29017.jpg"},
{
id: "t4",
name: "Alice T.",
handle: "@alice_t",
testimonial: "Finally, clothes that are gentle on eczema prone skin.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-taking-selfie_23-2149360121.jpg",
},
id: "t4", name: "Alice T.", handle: "@alice_t", testimonial: "Finally, clothes that are gentle on eczema prone skin.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-taking-selfie_23-2149360121.jpg"},
{
id: "t5",
name: "John B.",
handle: "@j_b_dad",
testimonial: "Durable and adorable. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-smiling-looking-pleased_482257-101175.jpg",
},
id: "t5", name: "John B.", handle: "@j_b_dad", testimonial: "Durable and adorable. Highly recommend.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-smiling-looking-pleased_482257-101175.jpg"},
]}
showRating={true}
title="Loved by Parents"
@@ -261,14 +167,7 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
names={[
"BabySafe",
"GreenBaby",
"SoftDreams",
"PureCare",
"CozyKid",
"EcoTot",
"TinySteps",
]}
"BabySafe", "GreenBaby", "SoftDreams", "PureCare", "CozyKid", "EcoTot", "TinySteps"]}
title="Trusted Partner Brands"
description="We collaborate with leaders in sustainable baby care."
/>
@@ -280,20 +179,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Are your products organic?",
content: "Yes, we use 100% certified organic cotton.",
},
id: "f1", title: "Are your products organic?", content: "Yes, we use 100% certified organic cotton."},
{
id: "f2",
title: "Do you ship worldwide?",
content: "Currently, we ship to selected regions globally.",
},
id: "f2", title: "Do you ship worldwide?", content: "Currently, we ship to selected regions globally."},
{
id: "f3",
title: "Can I return items?",
content: "Yes, we offer a 30-day return policy for unused items.",
},
id: "f3", title: "Can I return items?", content: "Yes, we offer a 30-day return policy for unused items."},
]}
title="Frequently Asked Questions"
description="Answers to common queries about our products."
@@ -305,8 +195,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact Us"
title="Get in Touch"
description="Join our newsletter for updates on new collections and baby care tips."
@@ -321,37 +210,23 @@ export default function LandingPage() {
logoText="Little Cayn"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "All Products",
href: "#products",
},
label: "All Products", href: "#products"},
{
label: "Newborns",
href: "#",
},
label: "Newborns", href: "#"},
{
label: "Gifts",
href: "#",
},
label: "Gifts", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}