Update src/app/page.tsx

This commit is contained in:
2026-05-13 15:17:50 +00:00
parent 301f75768e
commit a727821bea

View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Shop", name: "Shop", id: "shop"},
id: "shop",
},
{ {
name: "Reviews", name: "Reviews", id: "reviews"},
id: "reviews",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="LifeXtras" brandName="LifeXtras"
/> />
@@ -57,68 +49,33 @@ export default function LandingPage() {
description="Discover our collection of one-of-a-kind accessories, crafted with love and creativity for the bold spirit." description="Discover our collection of one-of-a-kind accessories, crafted with love and creativity for the bold spirit."
testimonials={[ testimonials={[
{ {
name: "Mia Chen", name: "Mia Chen", handle: "@miastyle", testimonial: "I love my new bracelet! You can feel the handmade quality.", rating: 5,
handle: "@miastyle", imageSrc: "http://img.b2bpic.net/free-vector/red-labels-collection_1040-1078.jpg", imageAlt: "unique handmade accessory brand logo vibrant"},
testimonial: "I love my new bracelet! You can feel the handmade quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/red-labels-collection_1040-1078.jpg?_wi=1",
imageAlt: "unique handmade accessory brand logo vibrant",
},
{ {
name: "Jordan P.", name: "Jordan P.", handle: "@jordanart", testimonial: "The necklace is stunning, truly a statement piece.", rating: 5,
handle: "@jordanart", imageSrc: "http://img.b2bpic.net/free-photo/bracelets-made-by-colorful-pearls-stones_114579-13013.jpg", imageAlt: "unique handmade accessory brand logo vibrant"},
testimonial: "The necklace is stunning, truly a statement piece.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bracelets-made-by-colorful-pearls-stones_114579-13013.jpg?_wi=1",
imageAlt: "unique handmade accessory brand logo vibrant",
},
{ {
name: "Sophie K.", name: "Sophie K.", handle: "@sophcreative", testimonial: "Perfect charm, fast shipping, and so beautiful!", rating: 5,
handle: "@sophcreative", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560670.jpg", imageAlt: "unique handmade accessory brand logo vibrant"},
testimonial: "Perfect charm, fast shipping, and so beautiful!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560670.jpg?_wi=1",
imageAlt: "unique handmade accessory brand logo vibrant",
},
{ {
name: "Liam D.", name: "Liam D.", handle: "@liam_designs", testimonial: "Authentic, vibrant, and so uniquely styled.", rating: 5,
handle: "@liam_designs", imageSrc: "http://img.b2bpic.net/free-photo/close-up-multi-colored-sweet-sugar-balls_23-2147921618.jpg", imageAlt: "unique handmade accessory brand logo vibrant"},
testimonial: "Authentic, vibrant, and so uniquely styled.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-multi-colored-sweet-sugar-balls_23-2147921618.jpg?_wi=1",
imageAlt: "unique handmade accessory brand logo vibrant",
},
{ {
name: "Chloe T.", name: "Chloe T.", handle: "@chloetreats", testimonial: "The attention to detail on the earrings is impeccable.", rating: 5,
handle: "@chloetreats", imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649109.jpg", imageAlt: "unique handmade accessory brand logo vibrant"},
testimonial: "The attention to detail on the earrings is impeccable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649109.jpg?_wi=1",
imageAlt: "unique handmade accessory brand logo vibrant",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-vector/red-labels-collection_1040-1078.jpg?_wi=2" imageSrc="http://img.b2bpic.net/free-vector/red-labels-collection_1040-1078.jpg"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg", src: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg", alt: "Customer portrait 1"},
alt: "Customer portrait 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg", src: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg", alt: "Customer portrait 2"},
alt: "Customer portrait 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg", src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg", alt: "Customer portrait 3"},
alt: "Customer portrait 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13318.jpg", src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13318.jpg", alt: "Customer portrait 4"},
alt: "Customer portrait 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/attractive-excited-happy-charming-blond-girl-attend-luxurious-party-see-famous-person-feel-lucky_1258-228521.jpg", src: "http://img.b2bpic.net/free-photo/attractive-excited-happy-charming-blond-girl-attend-luxurious-party-see-famous-person-feel-lucky_1258-228521.jpg", alt: "Customer portrait 5"},
alt: "Customer portrait 5",
},
]} ]}
avatarText="Join 500+ happy collectors" avatarText="Join 500+ happy collectors"
/> />
@@ -130,20 +87,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Stretchy & Chained", title: "Stretchy & Chained", description: "Beautiful, durable bracelets for every wrist size.", imageSrc: "http://img.b2bpic.net/free-photo/bracelets-made-by-colorful-pearls-stones_114579-13013.jpg"},
description: "Beautiful, durable bracelets for every wrist size.",
imageSrc: "http://img.b2bpic.net/free-photo/bracelets-made-by-colorful-pearls-stones_114579-13013.jpg?_wi=2",
},
{ {
title: "Hand-crafted Neckwear", title: "Hand-crafted Neckwear", description: "Unique necklaces designed to turn heads everywhere.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560670.jpg"},
description: "Unique necklaces designed to turn heads everywhere.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560670.jpg?_wi=2",
},
{ {
title: "Phone & Key Charms", title: "Phone & Key Charms", description: "Add a touch of whimsy to your daily essentials.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-multi-colored-sweet-sugar-balls_23-2147921618.jpg"},
description: "Add a touch of whimsy to your daily essentials.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-multi-colored-sweet-sugar-balls_23-2147921618.jpg?_wi=2",
},
]} ]}
title="Crafted With Care" title="Crafted With Care"
description="Every item we create is a story, meticulously handmade to bring a pop of joy to your everyday outfit." description="Every item we create is a story, meticulously handmade to bring a pop of joy to your everyday outfit."
@@ -158,41 +106,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", id: "1", name: "Beaded Bracelet", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/person-holding-spoon-table-with-cereal_23-2147961733.jpg"},
name: "Beaded Bracelet",
price: "$25",
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-spoon-table-with-cereal_23-2147961733.jpg",
},
{ {
id: "2", id: "2", name: "Golden Link Necklace", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635266.jpg"},
name: "Golden Link Necklace",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635266.jpg",
},
{ {
id: "3", id: "3", name: "Celestial Phone Charm", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/just-fun-beads-text-typography_53876-105994.jpg"},
name: "Celestial Phone Charm",
price: "$15",
imageSrc: "http://img.b2bpic.net/free-photo/just-fun-beads-text-typography_53876-105994.jpg",
},
{ {
id: "4", id: "4", name: "Artisanal Ear Cuffs", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649109.jpg"},
name: "Artisanal Ear Cuffs",
price: "$30",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649109.jpg?_wi=2",
},
{ {
id: "5", id: "5", name: "Statement Arm Cuff", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-ouija-board-old-doll_23-2149409485.jpg"},
name: "Statement Arm Cuff",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-ouija-board-old-doll_23-2149409485.jpg",
},
{ {
id: "6", id: "6", name: "Floral Hair Clips", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154083.jpg"},
name: "Floral Hair Clips",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154083.jpg",
},
]} ]}
title="Our Handmade Shop" title="Our Handmade Shop"
description="Explore our curated categories, from dainty ear cuffs to bold statement arm pieces." description="Explore our curated categories, from dainty ear cuffs to bold statement arm pieces."
@@ -203,47 +127,23 @@ export default function LandingPage() {
<TestimonialCardThirteen <TestimonialCardThirteen
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Alex R.", handle: "@alex", testimonial: "Stunning quality, definitely buying more!", rating: 5,
name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-makes-handmade-necklaces-working-with-needles-thread-jewelry-workshop_613910-21164.jpg"},
handle: "@alex",
testimonial: "Stunning quality, definitely buying more!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-makes-handmade-necklaces-working-with-needles-thread-jewelry-workshop_613910-21164.jpg",
},
{ {
id: "2", id: "2", name: "Sam B.", handle: "@sam", testimonial: "Perfect accessory for every occasion.", rating: 5,
name: "Sam B.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-talking-phone_23-2148360121.jpg"},
handle: "@sam",
testimonial: "Perfect accessory for every occasion.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-talking-phone_23-2148360121.jpg",
},
{ {
id: "3", id: "3", name: "Emma L.", handle: "@emma", testimonial: "So creative, I love the artistic detail.", rating: 5,
name: "Emma L.", imageSrc: "http://img.b2bpic.net/free-photo/photo-pleasant-looking-african-american-female-with-cheerful-expression-calls-friend-via-cell-phone-enjoys-spare-time-summer-day_273609-3490.jpg"},
handle: "@emma",
testimonial: "So creative, I love the artistic detail.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/photo-pleasant-looking-african-american-female-with-cheerful-expression-calls-friend-via-cell-phone-enjoys-spare-time-summer-day_273609-3490.jpg",
},
{ {
id: "4", id: "4", name: "Kylie W.", handle: "@kylie", testimonial: "Fast shipping, great communication.", rating: 5,
name: "Kylie W.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-surprised-woman-with-hands-near-face-trendy-girl-casual-summer-clothes-shocked-female-posing-near-gray-wall-interior-studio-sunglasses_158538-1592.jpg"},
handle: "@kylie",
testimonial: "Fast shipping, great communication.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-surprised-woman-with-hands-near-face-trendy-girl-casual-summer-clothes-shocked-female-posing-near-gray-wall-interior-studio-sunglasses_158538-1592.jpg",
},
{ {
id: "5", id: "5", name: "Noah J.", handle: "@noah", testimonial: "Handmade perfection in every single detail.", rating: 5,
name: "Noah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-hippie-woman-wearing-fashion-boho-style-sunglasses-pink-background-smiling-amazed-surprised-pointing-up-with-fingers-raised-arms_839833-15287.jpg"},
handle: "@noah",
testimonial: "Handmade perfection in every single detail.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-hippie-woman-wearing-fashion-boho-style-sunglasses-pink-background-smiling-amazed-surprised-pointing-up-with-fingers-raised-arms_839833-15287.jpg",
},
]} ]}
showRating={true} showRating={true}
title="Loved by You" title="Loved by You"
@@ -257,20 +157,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "Are items truly handmade?", content: "Yes, everything is crafted by hand in our small studio."},
title: "Are items truly handmade?",
content: "Yes, everything is crafted by hand in our small studio.",
},
{ {
id: "2", id: "2", title: "Can I request custom pieces?", content: "Absolutely! Please use the custom order form below."},
title: "Can I request custom pieces?",
content: "Absolutely! Please use the custom order form below.",
},
{ {
id: "3", id: "3", title: "Do you ship worldwide?", content: "Yes, we ship globally with eco-friendly packaging."},
title: "Do you ship worldwide?",
content: "Yes, we ship globally with eco-friendly packaging.",
},
]} ]}
title="Shop FAQs" title="Shop FAQs"
description="Have questions about our handmade pieces?" description="Have questions about our handmade pieces?"
@@ -283,13 +174,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"@LifeXtras", "@LifeXtras", "@LifeXtras", "@LifeXtras", "@LifeXtras", "@LifeXtras", "@LifeXtras"]}
"@LifeXtras",
"@LifeXtras",
"@LifeXtras",
"@LifeXtras",
"@LifeXtras",
]}
title="Find us on Instagram" title="Find us on Instagram"
description="Join the LifeXtras family @LifeXtras" description="Join the LifeXtras family @LifeXtras"
/> />
@@ -299,14 +184,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
text="Have a vision for your perfect accessory? Lets create something unique together." text="Have a vision for your perfect accessory? Lets create something unique together."
buttons={[ buttons={[
{ {
text: "Send a Request", text: "Send a Request", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -315,13 +197,9 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="LifeXtras" logoText="LifeXtras"
leftLink={{ leftLink={{
text: "© 2024 LifeXtras", text: "© 2024 LifeXtras", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>