Merge version_1 into main #2
272
src/app/page.tsx
272
src/app/page.tsx
@@ -16,27 +16,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Quality",
|
||||
id: "features",
|
||||
},
|
||||
name: "Quality", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LUXE"
|
||||
/>
|
||||
@@ -46,122 +45,70 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Redefining Luxury"
|
||||
description="Experience curated elegance designed for the modern lifestyle."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Eleanor Vance",
|
||||
handle: "@eleanorv",
|
||||
testimonial: "The quality is simply unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-shine-attractive-portrait-brunette_1303-570.jpg?_wi=1",
|
||||
},
|
||||
name: "Eleanor Vance", handle: "@eleanorv", testimonial: "The quality is simply unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-shine-attractive-portrait-brunette_1303-570.jpg"},
|
||||
{
|
||||
name: "Julian Thorne",
|
||||
handle: "@jthorn",
|
||||
testimonial: "Sophistication in every detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg?_wi=1",
|
||||
},
|
||||
name: "Julian Thorne", handle: "@jthorn", testimonial: "Sophistication in every detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg"},
|
||||
{
|
||||
name: "Clarissa M.",
|
||||
handle: "@clarissam",
|
||||
testimonial: "A truly seamless experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-shop-assistants-elegantly-dressed-working-menswear-store_613910-19747.jpg?_wi=1",
|
||||
},
|
||||
name: "Clarissa M.", handle: "@clarissam", testimonial: "A truly seamless experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-shop-assistants-elegantly-dressed-working-menswear-store_613910-19747.jpg"},
|
||||
{
|
||||
name: "Mark Sterling",
|
||||
handle: "@markst",
|
||||
testimonial: "Worth every investment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucaian-woman-poses-with-colorful-bags-hand-dressed-casually-standing-confidently_482257-134177.jpg?_wi=1",
|
||||
},
|
||||
name: "Mark Sterling", handle: "@markst", testimonial: "Worth every investment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucaian-woman-poses-with-colorful-bags-hand-dressed-casually-standing-confidently_482257-134177.jpg"},
|
||||
{
|
||||
name: "Sophia Laurent",
|
||||
handle: "@sophia",
|
||||
testimonial: "Exquisite craftsmanship.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021792.jpg?_wi=1",
|
||||
},
|
||||
name: "Sophia Laurent", handle: "@sophia", testimonial: "Exquisite craftsmanship.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021792.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-background-concept-abstract-empty-light-gradient-purple-studio-room-background-product_1258-102455.jpg"
|
||||
imageAlt="Luxury product showcase"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-shine-attractive-portrait-brunette_1303-570.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-shine-attractive-portrait-brunette_1303-570.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-stylish-shop-assistants-elegantly-dressed-working-menswear-store_613910-19747.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-stylish-shop-assistants-elegantly-dressed-working-menswear-store_613910-19747.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-caucaian-woman-poses-with-colorful-bags-hand-dressed-casually-standing-confidently_482257-134177.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-caucaian-woman-poses-with-colorful-bags-hand-dressed-casually-standing-confidently_482257-134177.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021792.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021792.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ connoisseurs"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
type: "text", text: "Sustainable"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted",
|
||||
},
|
||||
type: "text", text: "Handcrafted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless",
|
||||
},
|
||||
type: "text", text: "Timeless"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive",
|
||||
},
|
||||
type: "text", text: "Exclusive"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Refined",
|
||||
},
|
||||
type: "text", text: "Refined"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Artisan Craftsmanship",
|
||||
description: "Every item is finished with meticulous attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-marble-art-background-diy-luxury-flowing-texture_53876-103613.jpg?_wi=1",
|
||||
imageAlt: "Artisan Craft",
|
||||
},
|
||||
title: "Artisan Craftsmanship", description: "Every item is finished with meticulous attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/gold-marble-art-background-diy-luxury-flowing-texture_53876-103613.jpg", imageAlt: "Artisan Craft"},
|
||||
{
|
||||
title: "Sustainable Luxury",
|
||||
description: "Quality that respects the planet, built for the long term.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-marble-art-background-diy-luxury-flowing-texture_53876-103613.jpg?_wi=2",
|
||||
imageAlt: "Sustainable",
|
||||
},
|
||||
title: "Sustainable Luxury", description: "Quality that respects the planet, built for the long term.", imageSrc: "http://img.b2bpic.net/free-photo/gold-marble-art-background-diy-luxury-flowing-texture_53876-103613.jpg", imageAlt: "Sustainable"},
|
||||
{
|
||||
title: "Global Curation",
|
||||
description: "Hand-picked pieces from the world's most elite designers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-marble-art-background-diy-luxury-flowing-texture_53876-103613.jpg?_wi=3",
|
||||
imageAlt: "Global Curation",
|
||||
},
|
||||
title: "Global Curation", description: "Hand-picked pieces from the world's most elite designers.", imageSrc: "http://img.b2bpic.net/free-photo/gold-marble-art-background-diy-luxury-flowing-texture_53876-103613.jpg", imageAlt: "Global Curation"},
|
||||
]}
|
||||
title="Uncompromised Standards"
|
||||
description="We source only the finest materials for our curated collection."
|
||||
@@ -176,59 +123,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Luxe",
|
||||
name: "Chronograph Classic",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clock-with-bright-falling-sequins_23-2147992700.jpg",
|
||||
},
|
||||
id: "p1", brand: "Luxe", name: "Chronograph Classic", price: "$1,200", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/clock-with-bright-falling-sequins_23-2147992700.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Luxe",
|
||||
name: "Leather Carryall",
|
||||
price: "$850",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576832.jpg",
|
||||
},
|
||||
id: "p2", brand: "Luxe", name: "Leather Carryall", price: "$850", rating: 5,
|
||||
reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576832.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Luxe",
|
||||
name: "Essence Skincare",
|
||||
price: "$150",
|
||||
rating: 4,
|
||||
reviewCount: "320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016650.jpg",
|
||||
},
|
||||
id: "p3", brand: "Luxe", name: "Essence Skincare", price: "$150", rating: 4,
|
||||
reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016650.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Luxe",
|
||||
name: "Signature Pendant",
|
||||
price: "$450",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-wearing-beautiful-silver-necklace_181624-23666.jpg",
|
||||
},
|
||||
id: "p4", brand: "Luxe", name: "Signature Pendant", price: "$450", rating: 5,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-wearing-beautiful-silver-necklace_181624-23666.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Luxe",
|
||||
name: "Visionary Frames",
|
||||
price: "$320",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150163153.jpg",
|
||||
},
|
||||
id: "p5", brand: "Luxe", name: "Visionary Frames", price: "$320", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150163153.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Luxe",
|
||||
name: "Executive Set",
|
||||
price: "$290",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-mock-up-desk-flat-lay_23-2148319725.jpg",
|
||||
},
|
||||
id: "p6", brand: "Luxe", name: "Executive Set", price: "$290", rating: 4,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/phone-mock-up-desk-flat-lay_23-2148319725.jpg"},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Discover our most sought-after pieces for this season."
|
||||
@@ -241,45 +152,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellence",
|
||||
quote: "Perfect in every way.",
|
||||
name: "Sarah J.",
|
||||
role: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-shine-attractive-portrait-brunette_1303-570.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", title: "Excellence", quote: "Perfect in every way.", name: "Sarah J.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/female-shine-attractive-portrait-brunette_1303-570.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Stunning",
|
||||
quote: "The craftsmanship is unparalleled.",
|
||||
name: "Michael B.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", title: "Stunning", quote: "The craftsmanship is unparalleled.", name: "Michael B.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Premium",
|
||||
quote: "Better than I could have imagined.",
|
||||
name: "Anna K.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-shop-assistants-elegantly-dressed-working-menswear-store_613910-19747.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", title: "Premium", quote: "Better than I could have imagined.", name: "Anna K.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-shop-assistants-elegantly-dressed-working-menswear-store_613910-19747.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Seamless",
|
||||
quote: "Absolutely worth the investment.",
|
||||
name: "David W.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucaian-woman-poses-with-colorful-bags-hand-dressed-casually-standing-confidently_482257-134177.jpg?_wi=2",
|
||||
},
|
||||
id: "t4", title: "Seamless", quote: "Absolutely worth the investment.", name: "David W.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/happy-caucaian-woman-poses-with-colorful-bags-hand-dressed-casually-standing-confidently_482257-134177.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Refined",
|
||||
quote: "True elegance defined.",
|
||||
name: "Chloe T.",
|
||||
role: "Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021792.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", title: "Refined", quote: "True elegance defined.", name: "Chloe T.", role: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021792.jpg"},
|
||||
]}
|
||||
title="A Legacy of Trust"
|
||||
description="Hear what our connoisseurs have to say about the Luxe experience."
|
||||
@@ -293,22 +174,14 @@ export default function LandingPage() {
|
||||
description="Connect with our concierge for private shopping appointments or bespoke services."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us how we can assist you",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us how we can assist you", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg"
|
||||
/>
|
||||
@@ -319,42 +192,27 @@ export default function LandingPage() {
|
||||
logoText="LUXE"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Collections", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Concierge",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Concierge", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user