Merge version_1 into main #2
184
src/app/page.tsx
184
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LuxeAccessory"
|
||||
/>
|
||||
@@ -62,16 +52,12 @@ export default function LandingPage() {
|
||||
description="Timeless accessories designed for the modern individual. Discover our curated collection of men and women's essential pieces."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Story", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg"
|
||||
imageAlt="Collection showcase"
|
||||
/>
|
||||
</div>
|
||||
@@ -81,7 +67,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Timeless Elegance"
|
||||
description="We believe that accessories are more than just additions; they are the final touch that completes your narrative. Our pieces are sourced with quality, sustainability, and personal style at their core."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegantly-dressed-woman-makes-handmade-necklaces-working-with-needles-thread-jewelry-workshop_613910-18488.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegantly-dressed-woman-makes-handmade-necklaces-working-with-needles-thread-jewelry-workshop_613910-18488.jpg"
|
||||
imageAlt="Artisanal craftsmanship"
|
||||
/>
|
||||
</div>
|
||||
@@ -93,28 +79,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Sourced from world-class tanneries and foundries.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg",
|
||||
imageAlt: "premium leather texture close up",
|
||||
title: "Premium Materials", description: "Sourced from world-class tanneries and foundries.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Modern Designs",
|
||||
description: "Curated for the contemporary aesthetic.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg?_wi=2",
|
||||
imageAlt: "premium leather texture close up",
|
||||
title: "Modern Designs", description: "Curated for the contemporary aesthetic.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Timeless Style",
|
||||
description: "Designed to outlast seasonal trends.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-woman-makes-handmade-necklaces-working-with-needles-thread-jewelry-workshop_613910-18488.jpg?_wi=2",
|
||||
imageAlt: "premium leather texture close up",
|
||||
title: "Timeless Style", description: "Designed to outlast seasonal trends.", bentoComponent: "reveal-icon", icon: Award
|
||||
},
|
||||
]}
|
||||
title="Why Choose Luxe?"
|
||||
@@ -130,59 +101,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Luxe",
|
||||
name: "Classic Leather Wallet",
|
||||
price: "$89",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916683.jpg",
|
||||
},
|
||||
id: "p1", brand: "Luxe", name: "Classic Leather Wallet", price: "$89", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916683.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Luxe",
|
||||
name: "Gold Minimalist Necklace",
|
||||
price: "$125",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-woman-smiling-relax-happy-concept_53876-42839.jpg",
|
||||
},
|
||||
id: "p2", brand: "Luxe", name: "Gold Minimalist Necklace", price: "$125", rating: 5,
|
||||
reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/girl-woman-smiling-relax-happy-concept_53876-42839.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Luxe",
|
||||
name: "Urban Chrono Watch",
|
||||
price: "$299",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg",
|
||||
},
|
||||
id: "p3", brand: "Luxe", name: "Urban Chrono Watch", price: "$299", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Luxe",
|
||||
name: "Pearl Drop Earrings",
|
||||
price: "$75",
|
||||
rating: 5,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-earrings-with-lot-blue-gems-isolated_132075-8119.jpg",
|
||||
},
|
||||
id: "p4", brand: "Luxe", name: "Pearl Drop Earrings", price: "$75", rating: 5,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-earrings-with-lot-blue-gems-isolated_132075-8119.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Luxe",
|
||||
name: "Silk Floral Scarf",
|
||||
price: "$55",
|
||||
rating: 4,
|
||||
reviewCount: "82",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fabric_23-2148817511.jpg",
|
||||
},
|
||||
id: "p5", brand: "Luxe", name: "Silk Floral Scarf", price: "$55", rating: 4,
|
||||
reviewCount: "82", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fabric_23-2148817511.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Luxe",
|
||||
name: "Designer Acetate Frames",
|
||||
price: "$145",
|
||||
rating: 5,
|
||||
reviewCount: "153",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-girl-with-short-hair-posing-couch-inside-charming-brunette-woman-pink-sunglasses-denim-beige-outfit-looking-into-camera-cafe_197531-29429.jpg",
|
||||
},
|
||||
id: "p6", brand: "Luxe", name: "Designer Acetate Frames", price: "$145", rating: 5,
|
||||
reviewCount: "153", imageSrc: "http://img.b2bpic.net/free-photo/teen-girl-with-short-hair-posing-couch-inside-charming-brunette-woman-pink-sunglasses-denim-beige-outfit-looking-into-camera-cafe_197531-29429.jpg"},
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Explore our handpicked selection of premium accessories."
|
||||
@@ -197,45 +132,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Creative Lead",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-brunette-hair-glasses-smiling-sitting-outside-young-woman-black-jacket-white-pants-talks-phone-outdoors_197531-19318.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Creative Lead", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-brunette-hair-glasses-smiling-sitting-outside-young-woman-black-jacket-white-pants-talks-phone-outdoors_197531-19318.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
role: "Marketing Dir.",
|
||||
company: "GrowthLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/choosing-gift-christmas-anniversary-salesperson-shows-happy-woman-watch-she-has-chosen-as-gift_166373-8885.jpg",
|
||||
},
|
||||
id: "t2", name: "David Chen", role: "Marketing Dir.", company: "GrowthLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/choosing-gift-christmas-anniversary-salesperson-shows-happy-woman-watch-she-has-chosen-as-gift_166373-8885.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
role: "Fashion Stylist",
|
||||
company: "VogueLocal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-with-phone_1303-5213.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rossi", role: "Fashion Stylist", company: "VogueLocal", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-with-phone_1303-5213.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Thorne",
|
||||
role: "Architect",
|
||||
company: "ModernSpace",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-lady-stylish-red-outfit-looks-into-camera_197531-27288.jpg",
|
||||
},
|
||||
id: "t4", name: "Marcus Thorne", role: "Architect", company: "ModernSpace", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-lady-stylish-red-outfit-looks-into-camera_197531-27288.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Low",
|
||||
role: "Entrepreneur",
|
||||
company: "StartupX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/look-my-ring-is-very-similar_329181-8041.jpg",
|
||||
},
|
||||
id: "t5", name: "Jessica Low", role: "Entrepreneur", company: "StartupX", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/look-my-ring-is-very-similar_329181-8041.jpg"},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="See why our customers prefer LuxeAccessory for their daily style needs."
|
||||
@@ -248,20 +158,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer shipping?",
|
||||
content: "Yes, we ship globally within 3-5 business days.",
|
||||
},
|
||||
id: "f1", title: "Do you offer shipping?", content: "Yes, we ship globally within 3-5 business days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your products sustainable?",
|
||||
content: "We prioritize ethical sourcing and high-quality materials.",
|
||||
},
|
||||
id: "f2", title: "Are your products sustainable?", content: "We prioritize ethical sourcing and high-quality materials."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day hassle-free return window.",
|
||||
},
|
||||
id: "f3", title: "What is your return policy?", content: "We offer a 30-day hassle-free return window."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-female-friends-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-copy-space-consumerism-shopping-concept_74855-11590.jpg"
|
||||
title="Frequently Asked"
|
||||
@@ -274,8 +175,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Stay Updated"
|
||||
title="Join the Inner Circle"
|
||||
description="Sign up for early access to new collections, style tips, and exclusive offers."
|
||||
@@ -291,14 +191,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user