Merge version_1 into main #1
409
src/app/page.tsx
409
src/app/page.tsx
@@ -27,297 +27,140 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Safety",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="TinyLinks"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Safety", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="TinyLinks"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Personalized Pacifier Chains, Built by You"
|
||||
description="Watch your baby's name come to life on custom silicone squares. Every chain is BPA-free, soft, and designed for safety and style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Create Your Chain",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-cute-little-baby-boy-accessories_23-2148415548.jpg"
|
||||
imageAlt="Customized silicone baby pacifier chain"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/objects-showing-its-girl-expectancy_23-2150166782.jpg",
|
||||
alt: "Parents using custom chains",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/objects-showing-its-girl-expectancy_23-2150166828.jpg",
|
||||
alt: "Happy customer testimonial",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-little-baby-girl-accesories_23-2148415501.jpg",
|
||||
alt: "Baby gear detail",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/postpartum-box-still-life_23-2151174360.jpg",
|
||||
alt: "Gift set presentation",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/objects-showing-its-girl-expectancy_23-2150166840.jpg",
|
||||
alt: "Parenting essentials",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ parents"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "BPA-Free Silicone",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Food Grade Safety",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Customized for You",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Easy to Clean",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Personalized Pacifier Chains, Built by You"
|
||||
description="Watch your baby's name come to life on custom silicone squares. Every chain is BPA-free, soft, and designed for safety and style."
|
||||
buttons={[{ text: "Create Your Chain", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-cute-little-baby-boy-accessories_23-2148415548.jpg"
|
||||
imageAlt="Customized silicone baby pacifier chain"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/objects-showing-its-girl-expectancy_23-2150166782.jpg", alt: "Parents using custom chains" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/objects-showing-its-girl-expectancy_23-2150166828.jpg", alt: "Happy customer testimonial" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-cute-little-baby-girl-accesories_23-2148415501.jpg", alt: "Baby gear detail" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/postpartum-box-still-life_23-2151174360.jpg", alt: "Gift set presentation" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/objects-showing-its-girl-expectancy_23-2150166840.jpg", alt: "Parenting essentials" }
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ parents"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "BPA-Free Silicone" },
|
||||
{ type: "text", text: "Food Grade Safety" },
|
||||
{ type: "text", text: "Customized for You" },
|
||||
{ type: "text", text: "Eco-Friendly Design" },
|
||||
{ type: "text", text: "Easy to Clean" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ocean Dream",
|
||||
price: "$18",
|
||||
variant: "Blue",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spoons-yellow-background_23-2148580386.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rosy Blossom",
|
||||
price: "$18",
|
||||
variant: "Pink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pearl-necklace-with-macarons_23-2148136663.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mint Meadow",
|
||||
price: "$18",
|
||||
variant: "Mint",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baby-pacifier-diapers-crib-closeup_169016-36806.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sunshine Joy",
|
||||
price: "$18",
|
||||
variant: "Yellow",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-innocent-kid-carefully-looking-colorful-childish-wristwatches-home-little-boy-grey-shirt-with-blond-hair-infant-with-chubby-cheeks-turned-curious-about-new-object_273609-5692.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lavender Sky",
|
||||
price: "$18",
|
||||
variant: "Purple",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-baby-socks_23-2148337058.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Peach Sunset",
|
||||
price: "$18",
|
||||
variant: "Peach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cute-baby_23-2150165374.jpg",
|
||||
},
|
||||
]}
|
||||
title="Build Your Custom Chain"
|
||||
description="Choose your colors, add your name, and create a one-of-a-kind accessory your baby will love."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Ocean Dream", price: "$18", variant: "Blue", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spoons-yellow-background_23-2148580386.jpg" },
|
||||
{ id: "2", name: "Rosy Blossom", price: "$18", variant: "Pink", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pearl-necklace-with-macarons_23-2148136663.jpg" },
|
||||
{ id: "3", name: "Mint Meadow", price: "$18", variant: "Mint", imageSrc: "http://img.b2bpic.net/free-photo/baby-pacifier-diapers-crib-closeup_169016-36806.jpg" },
|
||||
{ id: "4", name: "Sunshine Joy", price: "$18", variant: "Yellow", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-innocent-kid-carefully-looking-colorful-childish-wristwatches-home-little-boy-grey-shirt-with-blond-hair-infant-with-chubby-cheeks-turned-curious-about-new-object_273609-5692.jpg" },
|
||||
{ id: "5", name: "Lavender Sky", price: "$18", variant: "Purple", imageSrc: "http://img.b2bpic.net/free-photo/close-up-baby-socks_23-2148337058.jpg" },
|
||||
{ id: "6", name: "Peach Sunset", price: "$18", variant: "Peach", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cute-baby_23-2150165374.jpg" }
|
||||
]}
|
||||
title="Build Your Custom Chain"
|
||||
description="Choose your colors, add your name, and create a one-of-a-kind accessory your baby will love."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "BPA-Free Silicone",
|
||||
tags: [
|
||||
"Safety",
|
||||
"Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baby-s-dummy-isolated_53876-145016.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Non-Toxic Beads",
|
||||
tags: [
|
||||
"Safety",
|
||||
"Certified",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-baby-with-pacifier-playing-medium-shot_23-2149320445.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Strong Durable Clips",
|
||||
tags: [
|
||||
"Durability",
|
||||
"Reliability",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-baby-trying-bite-toy_23-2147711937.jpg",
|
||||
},
|
||||
]}
|
||||
title="Safety in Every Detail"
|
||||
description="We prioritize your baby's well-being. Our materials are rigorously tested and certified."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "BPA-Free Silicone", tags: ["Safety", "Quality"], imageSrc: "http://img.b2bpic.net/free-photo/baby-s-dummy-isolated_53876-145016.jpg" },
|
||||
{ id: "f2", title: "Non-Toxic Beads", tags: ["Safety", "Certified"], imageSrc: "http://img.b2bpic.net/free-photo/cute-baby-with-pacifier-playing-medium-shot_23-2149320445.jpg" },
|
||||
{ id: "f3", title: "Strong Durable Clips", tags: ["Durability", "Reliability"], imageSrc: "http://img.b2bpic.net/free-photo/cute-baby-trying-bite-toy_23-2147711937.jpg" }
|
||||
]}
|
||||
title="Safety in Every Detail"
|
||||
description="We prioritize your baby's well-being. Our materials are rigorously tested and certified."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Baby Boutique",
|
||||
"Parenting Today",
|
||||
"Safe Kids Co",
|
||||
"Nursery Essentials",
|
||||
"Little One Care",
|
||||
]}
|
||||
title="Trusted by Thousands of Families"
|
||||
description="We are proud to be featured in leading parenting magazines and loved by our community."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Baby Boutique", "Parenting Today", "Safe Kids Co", "Nursery Essentials", "Little One Care"]}
|
||||
title="Trusted by Thousands of Families"
|
||||
description="We are proud to be featured in leading parenting magazines and loved by our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The personalized chain is absolutely gorgeous and the quality is amazing. My baby loves chewing on the soft silicone beads!"
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-hopeful-man-begging-marry-him-looking-sad-showing-wedding-ring-making-proposal-w_1258-113986.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/father-using-carries-his-newborn-baby-while-doing-daily-activities_52683-107645.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/father-taking-picture-baby-with-mother_23-2148354836.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-happy-father-child_23-2148547130.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-hispanic-mother-her-cute-little-daughter-have-fun-kitchen_613910-19781.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The personalized chain is absolutely gorgeous and the quality is amazing. My baby loves chewing on the soft silicone beads!"
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-hopeful-man-begging-marry-him-looking-sad-showing-wedding-ring-making-proposal-w_1258-113986.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/father-using-carries-his-newborn-baby-while-doing-daily-activities_52683-107645.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/father-taking-picture-baby-with-mother_23-2148354836.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-happy-father-child_23-2148547130.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-beautiful-hispanic-mother-her-cute-little-daughter-have-fun-kitchen_613910-19781.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are these pacifier chains safe?",
|
||||
content: "Yes, our chains are made from 100% food-grade silicone, BPA-free, and lead-free.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I clean the chain?",
|
||||
content: "Simply wipe with warm soapy water and air dry. Do not sterilize in high-heat appliances.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I customize the name?",
|
||||
content: "Yes! You can add your baby's name using our easy personalization tool before ordering.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our products."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Are these pacifier chains safe?", content: "Yes, our chains are made from 100% food-grade silicone, BPA-free, and lead-free." },
|
||||
{ id: "q2", title: "How do I clean the chain?", content: "Simply wipe with warm soapy water and air dry. Do not sterilize in high-heat appliances." },
|
||||
{ id: "q3", title: "Can I customize the name?", content: "Yes! You can add your baby's name using our easy personalization tool before ordering." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our products."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to design your custom pacifier chain? Start creating yours today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Create Your Chain",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to design your custom pacifier chain? Start creating yours today!"
|
||||
buttons={[{ text: "Create Your Chain", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="TinyLinks"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="TinyLinks"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user