Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fcae5c2e1d | |||
| 314ce88887 | |||
| 7db7a09637 |
241
src/app/page.tsx
241
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Colognes",
|
name: "Colognes", id: "#colognes"},
|
||||||
id: "#colognes",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Shoes",
|
name: "Shoes", id: "#shoes"},
|
||||||
id: "#shoes",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Lifestyle",
|
name: "Lifestyle", id: "#everything"},
|
||||||
id: "#everything",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "#reviews"},
|
||||||
id: "#reviews",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="LuxeVendor"
|
brandName="LuxeVendor"
|
||||||
/>
|
/>
|
||||||
@@ -52,15 +44,12 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
logoText="Curated Luxury for the Modern Connoisseur"
|
||||||
logoText="LuxeVendor Collection"
|
|
||||||
description="Curated selection of premium colognes, footwear, and lifestyle goods designed for the modern connoisseur."
|
description="Curated selection of premium colognes, footwear, and lifestyle goods designed for the modern connoisseur."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Shop Collections",
|
text: "Shop Collections", href: "#colognes"},
|
||||||
href: "#colognes",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/golden-leaf-black-background-luxury-wallpaper_53876-97654.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/golden-leaf-black-background-luxury-wallpaper_53876-97654.jpg"
|
||||||
@@ -76,41 +65,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "c1",
|
id: "c1", name: "Oud Essence", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/little-decorative-corn-stands-glass-bottle_1304-2745.jpg"},
|
||||||
name: "Oud Essence",
|
|
||||||
price: "$150",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/little-decorative-corn-stands-glass-bottle_1304-2745.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c2",
|
id: "c2", name: "Citrus Peak", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234327.jpg"},
|
||||||
name: "Citrus Peak",
|
|
||||||
price: "$120",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234327.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c3",
|
id: "c3", name: "Midnight Spice", price: "$145", imageSrc: "http://img.b2bpic.net/free-photo/front-view-expensive-fragnance-dark-background-color-perfume-gift-present-love-couple-marriage-feeling-scent_140725-158065.jpg"},
|
||||||
name: "Midnight Spice",
|
|
||||||
price: "$145",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-expensive-fragnance-dark-background-color-perfume-gift-present-love-couple-marriage-feeling-scent_140725-158065.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c4",
|
id: "c4", name: "Ocean Breeze", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/front-view-expensive-perfume-with-flowers-picture-frame-black-table_140725-148394.jpg"},
|
||||||
name: "Ocean Breeze",
|
|
||||||
price: "$110",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-expensive-perfume-with-flowers-picture-frame-black-table_140725-148394.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c5",
|
id: "c5", name: "Forest Fern", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420648.jpg"},
|
||||||
name: "Forest Fern",
|
|
||||||
price: "$135",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420648.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c6",
|
id: "c6", name: "Velvet Rose", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420710.jpg"},
|
||||||
name: "Velvet Rose",
|
|
||||||
price: "$160",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420710.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Signature Cologne Collection"
|
title="Signature Cologne Collection"
|
||||||
description="Best-seller status. Refined scents for every occasion."
|
description="Best-seller status. Refined scents for every occasion."
|
||||||
@@ -125,35 +90,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "s1",
|
id: "s1", name: "Classic Brogue", price: "$290", imageSrc: "http://img.b2bpic.net/free-photo/fit-young-brunette-female-wearing-shirt-with-naked-legs-sitting-black-white-cubes-gray-background-copy-space-high-quality-photo_132075-10096.jpg"},
|
||||||
name: "Classic Brogue",
|
|
||||||
price: "$290",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/fit-young-brunette-female-wearing-shirt-with-naked-legs-sitting-black-white-cubes-gray-background-copy-space-high-quality-photo_132075-10096.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s2",
|
id: "s2", name: "Chelsea Boot", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/pair-brides-wedding-shoes_1303-24904.jpg"},
|
||||||
name: "Chelsea Boot",
|
|
||||||
price: "$350",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pair-brides-wedding-shoes_1303-24904.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s3",
|
id: "s3", name: "Oxford Lace-up", price: "$310", imageSrc: "http://img.b2bpic.net/free-photo/woman-shoes_1203-8759.jpg"},
|
||||||
name: "Oxford Lace-up",
|
|
||||||
price: "$310",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shoes_1203-8759.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s4",
|
id: "s4", name: "Suede Loafer", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/closeup-brogue-shoe-person-sitting-with-crossed-legs-lights_181624-16952.jpg"},
|
||||||
name: "Suede Loafer",
|
|
||||||
price: "$250",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-brogue-shoe-person-sitting-with-crossed-legs-lights_181624-16952.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s5",
|
id: "s5", name: "Monk Strap", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/patent-shoes-lie-leather-chair_8353-16.jpg"},
|
||||||
name: "Monk Strap",
|
|
||||||
price: "$380",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/patent-shoes-lie-leather-chair_8353-16.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Elite Footwear"
|
title="Elite Footwear"
|
||||||
description="Step into sophistication with our premium navy-themed collection."
|
description="Step into sophistication with our premium navy-themed collection."
|
||||||
@@ -168,41 +113,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "e1",
|
id: "e1", name: "Chronograph Watch", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/packages-wrapped_1122-834.jpg"},
|
||||||
name: "Chronograph Watch",
|
|
||||||
price: "$450",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/packages-wrapped_1122-834.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "e2",
|
id: "e2", name: "Aviator Sunglasses", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282419.jpg"},
|
||||||
name: "Aviator Sunglasses",
|
|
||||||
price: "$180",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282419.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "e3",
|
id: "e3", name: "Leather Briefcase", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-different-traveling-elements_23-2148884960.jpg"},
|
||||||
name: "Leather Briefcase",
|
|
||||||
price: "$600",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-different-traveling-elements_23-2148884960.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "e4",
|
id: "e4", name: "Silk Tie Set", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-empty-notebook-cellphone-woman-s-accessories-black-concept-top-view-isolated-white-background_1428-525.jpg"},
|
||||||
name: "Silk Tie Set",
|
|
||||||
price: "$90",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-empty-notebook-cellphone-woman-s-accessories-black-concept-top-view-isolated-white-background_1428-525.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "e5",
|
id: "e5", name: "Wallet Cardholder", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649116.jpg"},
|
||||||
name: "Wallet Cardholder",
|
|
||||||
price: "$120",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649116.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "e6",
|
id: "e6", name: "Cufflink Assortment", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440673.jpg"},
|
||||||
name: "Cufflink Assortment",
|
|
||||||
price: "$85",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440673.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Everything Lifestyle"
|
title="Everything Lifestyle"
|
||||||
description="Premium accessories to complete your look."
|
description="Premium accessories to complete your look."
|
||||||
@@ -217,69 +138,29 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "James Anderson", role: "Collector", company: "Cologne", rating: 5,
|
||||||
name: "James Anderson",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg"},
|
||||||
role: "Collector",
|
|
||||||
company: "Cologne",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Sarah Jenkins", role: "Stylist", company: "Shoes", rating: 5,
|
||||||
name: "Sarah Jenkins",
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-black-suit-white-tshirt-is-smiling-isolated-background_197531-26651.jpg"},
|
||||||
role: "Stylist",
|
|
||||||
company: "Shoes",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-black-suit-white-tshirt-is-smiling-isolated-background_197531-26651.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Michael Reed", role: "Executive", company: "Everything", rating: 5,
|
||||||
name: "Michael Reed",
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg"},
|
||||||
role: "Executive",
|
|
||||||
company: "Everything",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "David Thorne", role: "Enthusiast", company: "Cologne", rating: 5,
|
||||||
name: "David Thorne",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg"},
|
||||||
role: "Enthusiast",
|
|
||||||
company: "Cologne",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Elena Rossi", role: "Buyer", company: "Cologne", rating: 5,
|
||||||
name: "Elena Rossi",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-smiling-male-elegant-black-suit-dark-background_613910-14660.jpg"},
|
||||||
role: "Buyer",
|
|
||||||
company: "Cologne",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-smiling-male-elegant-black-suit-dark-background_613910-14660.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t6",
|
id: "t6", name: "Robert Klein", role: "Investor", company: "Shoes", rating: 5,
|
||||||
name: "Robert Klein",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15025.jpg"},
|
||||||
role: "Investor",
|
|
||||||
company: "Shoes",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15025.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t7",
|
id: "t7", name: "Lisa Wang", role: "Designer", company: "Everything", rating: 5,
|
||||||
name: "Lisa Wang",
|
imageSrc: "http://img.b2bpic.net/free-photo/classic-studio-portrait-black-american-male-dressed-suit-grey-vignette-background_613910-9578.jpg"},
|
||||||
role: "Designer",
|
|
||||||
company: "Everything",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-studio-portrait-black-american-male-dressed-suit-grey-vignette-background_613910-9578.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t8",
|
id: "t8", name: "Tom Baker", role: "Collector", company: "Cologne", rating: 5,
|
||||||
name: "Tom Baker",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg"},
|
||||||
role: "Collector",
|
|
||||||
company: "Cologne",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Customer Testimonials"
|
title="Customer Testimonials"
|
||||||
description="Real feedback from our satisfied clients."
|
description="Real feedback from our satisfied clients."
|
||||||
@@ -291,20 +172,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "How is shipping handled?", content: "We offer insured shipping for all high-value items."},
|
||||||
title: "How is shipping handled?",
|
|
||||||
content: "We offer insured shipping for all high-value items.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Are products authentic?", content: "Yes, all items are 100% authentic and verified."},
|
||||||
title: "Are products authentic?",
|
|
||||||
content: "Yes, all items are 100% authentic and verified.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "What is the return policy?", content: "Returns are accepted within 30 days in original condition."},
|
||||||
title: "What is the return policy?",
|
|
||||||
content: "Returns are accepted within 30 days in original condition.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Frequently Asked Questions"
|
sideTitle="Frequently Asked Questions"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -315,16 +187,13 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
tag="Get in touch"
|
tag="Get in touch"
|
||||||
title="Need a Personal Concierge?"
|
title="Need a Personal Concierge?"
|
||||||
description="Our team is here to assist with your selection."
|
description="Our team is here to assist with your selection."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Us",
|
text: "Contact Us", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -335,29 +204,19 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Colognes",
|
label: "Colognes", href: "#colognes"},
|
||||||
href: "#colognes",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Shoes",
|
label: "Shoes", href: "#shoes"},
|
||||||
href: "#shoes",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Everything",
|
label: "Everything", href: "#everything"},
|
||||||
href: "#everything",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user