Update src/app/page.tsx
This commit is contained in:
246
src/app/page.tsx
246
src/app/page.tsx
@@ -32,35 +32,25 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Catalog", id: "catalog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="VogueEra"
|
||||
brandName="TROJAN"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="VogueEra"
|
||||
logoText="TROJAN"
|
||||
description="Redefining fast fashion with elegance and sustainability. Explore our latest seasonal collections crafted for your modern lifestyle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Shop Now", href: "#catalog"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-stylish-woman-with-white-hair-poses-studio-dressed-fashionable-jacket-dress-hat-is-her-head_132075-13979.jpg"
|
||||
/>
|
||||
@@ -71,9 +61,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Philosophy"
|
||||
description={[
|
||||
"VogueEra bridges the gap between high-end aesthetics and everyday accessibility.",
|
||||
"We are committed to ethical production, premium materials, and timeless design that speaks to the modern individual.",
|
||||
]}
|
||||
"TROJAN bridges the gap between high-end aesthetics and everyday accessibility.", "We are committed to ethical production, premium materials, and timeless design that speaks to the modern individual."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,28 +73,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Sourcing",
|
||||
description: "Materials sourced ethically and responsibly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rough-studio-shot-fabric-horizontal-material_1122-2405.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-green-belt-texture-background_23-2149341338.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Sustainable Sourcing", description: "Materials sourced ethically and responsibly.", imageSrc: "http://img.b2bpic.net/free-photo/rough-studio-shot-fabric-horizontal-material_1122-2405.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-green-belt-texture-background_23-2149341338.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Modern Trends",
|
||||
description: "Curated collections inspired by global styles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outline-illustration-different-types-trees_1258-289370.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/trendy-teenager-boy-girl-posing-together_23-2149085224.jpg",
|
||||
buttonText: "View Trends",
|
||||
},
|
||||
title: "Modern Trends", description: "Curated collections inspired by global styles.", imageSrc: "http://img.b2bpic.net/free-photo/outline-illustration-different-types-trees_1258-289370.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/trendy-teenager-boy-girl-posing-together_23-2149085224.jpg", buttonText: "View Trends"},
|
||||
{
|
||||
title: "Global Shipping",
|
||||
description: "Fast and reliable delivery worldwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-wearing-red-polo-shirt-cap-medical-protective-mask-standing-with-cardboard-boxes-looking-camera-with-serious-face-isolated-blue-background_141793-19921.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/young-delivery-girl-red-uniform-holding-box-looking-down-standing-profile-view-isolated-pink-wall_141793-79407.jpg",
|
||||
buttonText: "Shipping Info",
|
||||
},
|
||||
title: "Global Shipping", description: "Fast and reliable delivery worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-wearing-red-polo-shirt-cap-medical-protective-mask-standing-with-cardboard-boxes-looking-camera-with-serious-face-isolated-blue-background_141793-19921.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/young-delivery-girl-red-uniform-holding-box-looking-down-standing-profile-view-isolated-pink-wall_141793-79407.jpg", buttonText: "Shipping Info"},
|
||||
]}
|
||||
title="Why VogueEra?"
|
||||
title="Why TROJAN?"
|
||||
description="What sets us apart in the fast fashion landscape."
|
||||
/>
|
||||
</div>
|
||||
@@ -119,47 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Minimalist Silk Dress",
|
||||
price: "$129",
|
||||
variant: "Midnight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-sunglasses_23-2149267444.jpg",
|
||||
},
|
||||
id: "p1", name: "Minimalist Silk Dress", price: "$129", variant: "Midnight", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-sunglasses_23-2149267444.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Bomber Jacket",
|
||||
price: "$189",
|
||||
variant: "Graphite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-eyes-young-woman-white-clothes-possing-chair_613910-10582.jpg",
|
||||
},
|
||||
id: "p2", name: "Urban Bomber Jacket", price: "$189", variant: "Graphite", imageSrc: "http://img.b2bpic.net/free-photo/blue-eyes-young-woman-white-clothes-possing-chair_613910-10582.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Linen Shirt",
|
||||
price: "$89",
|
||||
variant: "Sand",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-gloomy-redhead-male-student-pouting-frowning-looking-distressed-standing-white-back_1258-154184.jpg",
|
||||
},
|
||||
id: "p3", name: "Classic Linen Shirt", price: "$89", variant: "Sand", imageSrc: "http://img.b2bpic.net/free-photo/sad-gloomy-redhead-male-student-pouting-frowning-looking-distressed-standing-white-back_1258-154184.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tailored Slim Trousers",
|
||||
price: "$115",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3782.jpg",
|
||||
},
|
||||
id: "p4", name: "Tailored Slim Trousers", price: "$115", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3782.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Signature Crossbody Bag",
|
||||
price: "$99",
|
||||
variant: "Tan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blue-eyed-girl-with-bun-woman-with-red-lipstick-pink-blouse-headband-posing-isolated-space_197531-15275.jpg",
|
||||
},
|
||||
id: "p5", name: "Signature Crossbody Bag", price: "$99", variant: "Tan", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blue-eyed-girl-with-bun-woman-with-red-lipstick-pink-blouse-headband-posing-isolated-space_197531-15275.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Signature Winter Coat",
|
||||
price: "$249",
|
||||
variant: "Charcoal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-posing-with-elegant-suit_1328-3313.jpg",
|
||||
},
|
||||
id: "p6", name: "Signature Winter Coat", price: "$249", variant: "Charcoal", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-posing-with-elegant-suit_1328-3313.jpg"},
|
||||
]}
|
||||
title="Seasonal Collection"
|
||||
description="Discover our most anticipated pieces for the upcoming season."
|
||||
@@ -171,14 +114,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Elle",
|
||||
"InStyle",
|
||||
"GQ",
|
||||
"Marie Claire",
|
||||
"Cosmopolitan",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "Elle", "InStyle", "GQ", "Marie Claire", "Cosmopolitan"]}
|
||||
title="Featured In"
|
||||
description="Trusted by leading fashion editorials globally."
|
||||
/>
|
||||
@@ -191,67 +127,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Creative Director",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hat_23-2149213174.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Creative Director", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hat_23-2149213174.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
role: "Fashion Consultant",
|
||||
company: "StyleLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio-portrait_1303-2284.jpg",
|
||||
},
|
||||
id: "t2", name: "James Chen", role: "Fashion Consultant", company: "StyleLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio-portrait_1303-2284.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Watson",
|
||||
role: "Blogger",
|
||||
company: "TrendSet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-outside-black-hat-beige-coat-with-folder-hand_627829-5441.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Watson", role: "Blogger", company: "TrendSet", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-outside-black-hat-beige-coat-with-folder-hand_627829-5441.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Alex Rivera",
|
||||
role: "Editor",
|
||||
company: "MediaHub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-shopping-bags-city_1303-16825.jpg",
|
||||
},
|
||||
id: "t4", name: "Alex Rivera", role: "Editor", company: "MediaHub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-shopping-bags-city_1303-16825.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Clara Schmidt",
|
||||
role: "Buyer",
|
||||
company: "GlobalFashion",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-hipster-couple-rest-walk-sitting-pavement-old-europe-street_613910-6592.jpg",
|
||||
},
|
||||
id: "t5", name: "Clara Schmidt", role: "Buyer", company: "GlobalFashion", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-hipster-couple-rest-walk-sitting-pavement-old-europe-street_613910-6592.jpg"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "David Zhou",
|
||||
role: "Influencer",
|
||||
company: "UrbanVogue",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-drag-man_23-2149218634.jpg",
|
||||
},
|
||||
id: "t6", name: "David Zhou", role: "Influencer", company: "UrbanVogue", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-drag-man_23-2149218634.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50k+",
|
||||
label: "Happy Shoppers",
|
||||
},
|
||||
value: "50k+", label: "Happy Shoppers"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Global Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Global Rating"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Countries Served",
|
||||
},
|
||||
value: "15+", label: "Countries Served"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Hear what our global community thinks."
|
||||
@@ -264,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I find my size?",
|
||||
content: "Consult our detailed size guide on every product page for exact measurements.",
|
||||
},
|
||||
id: "f1", title: "How do I find my size?", content: "Consult our detailed size guide on every product page for exact measurements."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer 30-day hassle-free returns on all unworn items.",
|
||||
},
|
||||
id: "f2", title: "What is your return policy?", content: "We offer 30-day hassle-free returns on all unworn items."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I track my order?",
|
||||
content: "You will receive an automated email with tracking information once your order ships.",
|
||||
},
|
||||
id: "f3", title: "How can I track my order?", content: "You will receive an automated email with tracking information once your order ships."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to your shipping, return, and sizing queries."
|
||||
@@ -292,22 +183,14 @@ export default function LandingPage() {
|
||||
description="Have questions or want to collaborate? Fill out the form below and our team will get back to you shortly."
|
||||
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: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-home-office-interior-design-with-white-frame-hanging-wall_53876-111088.jpg"
|
||||
@@ -318,62 +201,41 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Catalog",
|
||||
href: "#catalog",
|
||||
},
|
||||
label: "Catalog", href: "#catalog"},
|
||||
{
|
||||
label: "Size Guide",
|
||||
href: "#",
|
||||
},
|
||||
label: "Size Guide", href: "#"},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#",
|
||||
},
|
||||
label: "Collections", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 VogueEra. All rights reserved."
|
||||
bottomLeftText="© 2024 TROJAN. All rights reserved."
|
||||
bottomRightText="Privacy Policy | Terms of Service"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user