Merge version_2 into main #1
241
src/app/page.tsx
241
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Colognes",
|
||||
id: "#colognes",
|
||||
},
|
||||
name: "Colognes", id: "#colognes"},
|
||||
{
|
||||
name: "Shoes",
|
||||
id: "#shoes",
|
||||
},
|
||||
name: "Shoes", id: "#shoes"},
|
||||
{
|
||||
name: "Lifestyle",
|
||||
id: "#everything",
|
||||
},
|
||||
name: "Lifestyle", id: "#everything"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
]}
|
||||
brandName="LuxeVendor"
|
||||
/>
|
||||
@@ -52,15 +44,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="LuxeVendor Collection"
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Curated Luxury for the Modern Connoisseur"
|
||||
description="Curated selection of premium colognes, footwear, and lifestyle goods designed for the modern connoisseur."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#colognes",
|
||||
},
|
||||
text: "Shop Collections", href: "#colognes"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
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}
|
||||
products={[
|
||||
{
|
||||
id: "c1",
|
||||
name: "Oud Essence",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-decorative-corn-stands-glass-bottle_1304-2745.jpg",
|
||||
},
|
||||
id: "c1", name: "Oud Essence", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/little-decorative-corn-stands-glass-bottle_1304-2745.jpg"},
|
||||
{
|
||||
id: "c2",
|
||||
name: "Citrus Peak",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234327.jpg",
|
||||
},
|
||||
id: "c2", name: "Citrus Peak", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234327.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Signature Cologne Collection"
|
||||
description="Best-seller status. Refined scents for every occasion."
|
||||
@@ -125,35 +90,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Chelsea Boot",
|
||||
price: "$350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pair-brides-wedding-shoes_1303-24904.jpg",
|
||||
},
|
||||
id: "s2", name: "Chelsea Boot", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/pair-brides-wedding-shoes_1303-24904.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Oxford Lace-up",
|
||||
price: "$310",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shoes_1203-8759.jpg",
|
||||
},
|
||||
id: "s3", name: "Oxford Lace-up", price: "$310", imageSrc: "http://img.b2bpic.net/free-photo/woman-shoes_1203-8759.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Monk Strap",
|
||||
price: "$380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patent-shoes-lie-leather-chair_8353-16.jpg",
|
||||
},
|
||||
id: "s5", name: "Monk Strap", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/patent-shoes-lie-leather-chair_8353-16.jpg"},
|
||||
]}
|
||||
title="Elite Footwear"
|
||||
description="Step into sophistication with our premium navy-themed collection."
|
||||
@@ -168,41 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "e1",
|
||||
name: "Chronograph Watch",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packages-wrapped_1122-834.jpg",
|
||||
},
|
||||
id: "e1", name: "Chronograph Watch", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/packages-wrapped_1122-834.jpg"},
|
||||
{
|
||||
id: "e2",
|
||||
name: "Aviator Sunglasses",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282419.jpg",
|
||||
},
|
||||
id: "e2", name: "Aviator Sunglasses", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282419.jpg"},
|
||||
{
|
||||
id: "e3",
|
||||
name: "Leather Briefcase",
|
||||
price: "$600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-different-traveling-elements_23-2148884960.jpg",
|
||||
},
|
||||
id: "e3", name: "Leather Briefcase", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-different-traveling-elements_23-2148884960.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "e5",
|
||||
name: "Wallet Cardholder",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649116.jpg",
|
||||
},
|
||||
id: "e5", name: "Wallet Cardholder", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649116.jpg"},
|
||||
{
|
||||
id: "e6",
|
||||
name: "Cufflink Assortment",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440673.jpg",
|
||||
},
|
||||
id: "e6", name: "Cufflink Assortment", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440673.jpg"},
|
||||
]}
|
||||
title="Everything Lifestyle"
|
||||
description="Premium accessories to complete your look."
|
||||
@@ -217,69 +138,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James Anderson",
|
||||
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: "t1", name: "James Anderson", 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",
|
||||
name: "Sarah Jenkins",
|
||||
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: "t2", name: "Sarah Jenkins", 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",
|
||||
name: "Michael Reed",
|
||||
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: "t3", name: "Michael Reed", 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",
|
||||
name: "David Thorne",
|
||||
role: "Enthusiast",
|
||||
company: "Cologne",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
},
|
||||
id: "t4", name: "David Thorne", role: "Enthusiast", company: "Cologne", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Rossi",
|
||||
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: "t5", name: "Elena Rossi", 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",
|
||||
name: "Robert Klein",
|
||||
role: "Investor",
|
||||
company: "Shoes",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15025.jpg",
|
||||
},
|
||||
id: "t6", name: "Robert Klein", 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",
|
||||
name: "Lisa Wang",
|
||||
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: "t7", name: "Lisa Wang", 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",
|
||||
name: "Tom Baker",
|
||||
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",
|
||||
},
|
||||
id: "t8", name: "Tom Baker", 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"
|
||||
description="Real feedback from our satisfied clients."
|
||||
@@ -291,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How is shipping handled?",
|
||||
content: "We offer insured shipping for all high-value items.",
|
||||
},
|
||||
id: "f1", title: "How is shipping handled?", content: "We offer insured shipping for all high-value items."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are products authentic?",
|
||||
content: "Yes, all items are 100% authentic and verified.",
|
||||
},
|
||||
id: "f2", title: "Are products authentic?", content: "Yes, all items are 100% authentic and verified."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the return policy?",
|
||||
content: "Returns are accepted within 30 days in original condition.",
|
||||
},
|
||||
id: "f3", title: "What is the return policy?", content: "Returns are accepted within 30 days in original condition."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -315,16 +187,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Need a Personal Concierge?"
|
||||
description="Our team is here to assist with your selection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -335,29 +204,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Colognes",
|
||||
href: "#colognes",
|
||||
},
|
||||
label: "Colognes", href: "#colognes"},
|
||||
{
|
||||
label: "Shoes",
|
||||
href: "#shoes",
|
||||
},
|
||||
label: "Shoes", href: "#shoes"},
|
||||
{
|
||||
label: "Everything",
|
||||
href: "#everything",
|
||||
},
|
||||
label: "Everything", href: "#everything"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user