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
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
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."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mia Chen",
|
||||
handle: "@miastyle",
|
||||
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: "Mia Chen", handle: "@miastyle", 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", imageAlt: "unique handmade accessory brand logo vibrant"},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jordanart",
|
||||
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: "Jordan P.", handle: "@jordanart", 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", imageAlt: "unique handmade accessory brand logo vibrant"},
|
||||
{
|
||||
name: "Sophie K.",
|
||||
handle: "@sophcreative",
|
||||
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: "Sophie K.", handle: "@sophcreative", 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", imageAlt: "unique handmade accessory brand logo vibrant"},
|
||||
{
|
||||
name: "Liam D.",
|
||||
handle: "@liam_designs",
|
||||
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: "Liam D.", handle: "@liam_designs", 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", imageAlt: "unique handmade accessory brand logo vibrant"},
|
||||
{
|
||||
name: "Chloe T.",
|
||||
handle: "@chloetreats",
|
||||
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",
|
||||
},
|
||||
name: "Chloe T.", handle: "@chloetreats", 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", 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={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg",
|
||||
alt: "Customer portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg", alt: "Customer portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg",
|
||||
alt: "Customer portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg", alt: "Customer portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13318.jpg",
|
||||
alt: "Customer portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13318.jpg", 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",
|
||||
alt: "Customer portrait 5",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
avatarText="Join 500+ happy collectors"
|
||||
/>
|
||||
@@ -130,20 +87,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Crafted With Care"
|
||||
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}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Beaded Bracelet",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-spoon-table-with-cereal_23-2147961733.jpg",
|
||||
},
|
||||
id: "1", name: "Beaded Bracelet", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/person-holding-spoon-table-with-cereal_23-2147961733.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Golden Link Necklace",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635266.jpg",
|
||||
},
|
||||
id: "2", name: "Golden Link Necklace", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635266.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Celestial Phone Charm",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/just-fun-beads-text-typography_53876-105994.jpg",
|
||||
},
|
||||
id: "3", name: "Celestial Phone Charm", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/just-fun-beads-text-typography_53876-105994.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Artisanal Ear Cuffs",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649109.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Artisanal Ear Cuffs", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649109.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Floral Hair Clips",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154083.jpg",
|
||||
},
|
||||
id: "6", 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"
|
||||
description="Explore our curated categories, from dainty ear cuffs to bold statement arm pieces."
|
||||
@@ -203,47 +127,23 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
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: "1", name: "Alex R.", 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",
|
||||
name: "Sam B.",
|
||||
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: "2", name: "Sam B.", 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",
|
||||
name: "Emma L.",
|
||||
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: "3", name: "Emma L.", 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",
|
||||
name: "Kylie W.",
|
||||
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: "4", name: "Kylie W.", 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",
|
||||
name: "Noah J.",
|
||||
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",
|
||||
},
|
||||
id: "5", name: "Noah J.", 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}
|
||||
title="Loved by You"
|
||||
@@ -257,20 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are items truly handmade?",
|
||||
content: "Yes, everything is crafted by hand in our small studio.",
|
||||
},
|
||||
id: "1", title: "Are items truly handmade?", content: "Yes, everything is crafted by hand in our small studio."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I request custom pieces?",
|
||||
content: "Absolutely! Please use the custom order form below.",
|
||||
},
|
||||
id: "2", title: "Can I request custom pieces?", content: "Absolutely! Please use the custom order form below."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we ship globally with eco-friendly packaging.",
|
||||
},
|
||||
id: "3", title: "Do you ship worldwide?", content: "Yes, we ship globally with eco-friendly packaging."},
|
||||
]}
|
||||
title="Shop FAQs"
|
||||
description="Have questions about our handmade pieces?"
|
||||
@@ -283,13 +174,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"@LifeXtras",
|
||||
"@LifeXtras",
|
||||
"@LifeXtras",
|
||||
"@LifeXtras",
|
||||
"@LifeXtras",
|
||||
"@LifeXtras",
|
||||
]}
|
||||
"@LifeXtras", "@LifeXtras", "@LifeXtras", "@LifeXtras", "@LifeXtras", "@LifeXtras"]}
|
||||
title="Find us on Instagram"
|
||||
description="Join the LifeXtras family @LifeXtras"
|
||||
/>
|
||||
@@ -299,14 +184,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Have a vision for your perfect accessory? Let’s create something unique together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send a Request",
|
||||
href: "#",
|
||||
},
|
||||
text: "Send a Request", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -315,13 +197,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="LifeXtras"
|
||||
leftLink={{
|
||||
text: "© 2024 LifeXtras",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2024 LifeXtras", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user