Merge version_4 into main #3
121
src/app/page.tsx
121
src/app/page.tsx
@@ -28,14 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Colognes", id: "#colognes"},
|
||||
{
|
||||
name: "Shoes", id: "#shoes"},
|
||||
{
|
||||
name: "Lifestyle", id: "#everything"},
|
||||
{
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{ name: "Colognes", id: "#colognes" },
|
||||
{ name: "Shoes", id: "#shoes" },
|
||||
{ name: "Lifestyle", id: "#everything" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
]}
|
||||
brandName="LuxeVendor"
|
||||
/>
|
||||
@@ -44,12 +40,11 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
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"
|
||||
@@ -64,18 +59,7 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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: "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: "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: "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: "c1", name: "Cologne Vendor", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/little-decorative-corn-stands-glass-bottle_1304-2745.jpg" },
|
||||
]}
|
||||
title="Signature Cologne Collection"
|
||||
description="Best-seller status. Refined scents for every occasion."
|
||||
@@ -89,16 +73,7 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "s1", name: "Shoe Vendor", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/pair-brides-wedding-shoes_1303-24904.jpg" },
|
||||
]}
|
||||
title="Elite Footwear"
|
||||
description="Step into sophistication with our premium navy-themed collection."
|
||||
@@ -112,18 +87,7 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
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: "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: "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: "e1", name: "Everything Vendor", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/packages-wrapped_1122-834.jpg" },
|
||||
]}
|
||||
title="Everything Lifestyle"
|
||||
description="Premium accessories to complete your look."
|
||||
@@ -132,38 +96,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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: "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: "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: "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: "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: "t1", name: "James Anderson", role: "Collector", company: "Cologne", rating: 5 },
|
||||
{ id: "t2", name: "Sarah Jenkins", role: "Stylist", company: "Shoes", rating: 5 },
|
||||
{ id: "t3", name: "Michael Reed", role: "Executive", company: "Everything", rating: 5 },
|
||||
]}
|
||||
title="Customer Testimonials"
|
||||
description="Real feedback from our satisfied clients."
|
||||
title="Customer Feedback"
|
||||
description="What our clients are saying."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,12 +114,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "f3", title: "What is the return policy?", content: "Returns are accepted within 30 days in original condition."},
|
||||
{ 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: "f3", title: "What is the return policy?", content: "Returns are accepted within 30 days in original condition." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -186,14 +126,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ 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>
|
||||
@@ -203,20 +141,15 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Colognes", href: "#colognes"},
|
||||
{
|
||||
label: "Shoes", href: "#shoes"},
|
||||
{
|
||||
label: "Everything", href: "#everything"},
|
||||
{ label: "Colognes", href: "#colognes" },
|
||||
{ label: "Shoes", href: "#shoes" },
|
||||
{ label: "Everything", href: "#everything" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -226,4 +159,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user