Update src/app/page.tsx
This commit is contained in:
218
src/app/page.tsx
218
src/app/page.tsx
@@ -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? Let’s create something unique together."
|
text="Have a vision for your perfect accessory? Let’s 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>
|
||||||
|
|||||||
Reference in New Issue
Block a user