Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
192
src/app/page.tsx
192
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "Shop", id: "#products" },
|
||||
{ name: "Collection", id: "#features" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="E-Mode"
|
||||
/>
|
||||
@@ -56,38 +44,19 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Timeless Elegance."
|
||||
description="Discover our new seasonal collection, designed for the modern individual who values simplicity and quality."
|
||||
tag="New Season"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-warm-sweater-sitting-ground_1303-17652.jpg",
|
||||
imageAlt: "elegant fashion model runway",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-warm-sweater-sitting-ground_1303-17652.jpg", imageAlt: "elegant fashion model runway"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-interracial-young-couple-sitting-outdoor_23-2148151954.jpg",
|
||||
imageAlt: "modern street style clothing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-openning-door-into-cafeteria_1303-25869.jpg",
|
||||
imageAlt: "Woman openning door into a cafeteria",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-sitting-cube-while-man-standing-her_158595-5483.jpg",
|
||||
imageAlt: "Fashionable woman sitting on a cube while the man standing behind her",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-black-outfit_23-2151044536.jpg",
|
||||
imageAlt: "Front view woman posing with black outfit",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-interracial-young-couple-sitting-outdoor_23-2148151954.jpg", imageAlt: "modern street style clothing"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -103,41 +72,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Essential Tee",
|
||||
price: "45€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-portrait-attractive-fashionable-young-african-model-with-curly-hair-posing-indoors-looking-away-with-serious-face-expression_273609-2008.jpg",
|
||||
},
|
||||
id: "1", name: "Essential Tee", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/cropped-portrait-attractive-fashionable-young-african-model-with-curly-hair-posing-indoors-looking-away-with-serious-face-expression_273609-2008.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Silk Blouse",
|
||||
price: "120€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-suit-posing-with-mirror-outdoors_23-2149445026.jpg",
|
||||
},
|
||||
id: "2", name: "Silk Blouse", price: "120€", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-suit-posing-with-mirror-outdoors_23-2149445026.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Denim Jacket",
|
||||
price: "180€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-model-sitting-floor-with-closed-eyes_23-2148760652.jpg",
|
||||
},
|
||||
id: "3", name: "Denim Jacket", price: "180€", imageSrc: "http://img.b2bpic.net/free-photo/male-model-sitting-floor-with-closed-eyes_23-2148760652.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Summer Dress",
|
||||
price: "95€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-womans-casual-outfits_93675-134143.jpg",
|
||||
},
|
||||
id: "4", name: "Summer Dress", price: "95€", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-womans-casual-outfits_93675-134143.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Leather Sneakers",
|
||||
price: "150€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-skateboard_23-2148937848.jpg",
|
||||
},
|
||||
id: "5", name: "Leather Sneakers", price: "150€", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-skateboard_23-2148937848.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Woolen Sweater",
|
||||
price: "110€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-twigs-her-pockets_23-2148350161.jpg",
|
||||
},
|
||||
id: "6", name: "Woolen Sweater", price: "110€", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-twigs-her-pockets_23-2148350161.jpg"},
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Explore our hand-picked selection of high-quality garments."
|
||||
@@ -146,24 +91,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Sustainable Fabrics",
|
||||
description: "Ethically sourced organic cotton and recycled materials.",
|
||||
},
|
||||
title: "Sustainable Fabrics", description: "Ethically sourced organic cotton and recycled materials."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Lifetime Quality",
|
||||
description: "Built to last through every season and trend.",
|
||||
},
|
||||
title: "Lifetime Quality", description: "Built to last through every season and trend."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Artisanal Craft",
|
||||
description: "Handcrafted details that define true quality.",
|
||||
},
|
||||
title: "Artisanal Craft", description: "Handcrafted details that define true quality."},
|
||||
]}
|
||||
title="Why Choose E-Mode?"
|
||||
description="Our commitment to quality, sustainability, and timeless design."
|
||||
@@ -178,25 +118,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
description: "Worldwide",
|
||||
icon: Star,
|
||||
id: "1", value: "10k+", title: "Happy Customers", description: "Worldwide", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
title: "Sustainable",
|
||||
description: "Ethical production",
|
||||
icon: Leaf,
|
||||
id: "2", value: "100%", title: "Sustainable", description: "Ethical production", icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "50+",
|
||||
title: "Countries",
|
||||
description: "Shipping globally",
|
||||
icon: Globe,
|
||||
id: "3", value: "50+", title: "Countries", description: "Shipping globally", icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -209,30 +137,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sophie M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
},
|
||||
id: "1", name: "Sophie M.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Thomas L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-consumerism-purchasing-concept-glad-fashionable-woman-wears-pink-sunglasses-stylish-jacket-carries-paper-shopping-bags-has-happy-mood-strolls-sreeet-against-urban-bbackground_273609-62290.jpg",
|
||||
},
|
||||
id: "2", name: "Thomas L.", imageSrc: "http://img.b2bpic.net/free-photo/people-consumerism-purchasing-concept-glad-fashionable-woman-wears-pink-sunglasses-stylish-jacket-carries-paper-shopping-bags-has-happy-mood-strolls-sreeet-against-urban-bbackground_273609-62290.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Claire R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-elegant-stylish-woman-with-blonde-curly-hair-natural-make-up-wearing-black-fedora-posing-street_291049-2812.jpg",
|
||||
},
|
||||
id: "3", name: "Claire R.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-elegant-stylish-woman-with-blonde-curly-hair-natural-make-up-wearing-black-fedora-posing-street_291049-2812.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marc B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-posing-outdoors_23-2148466086.jpg",
|
||||
},
|
||||
id: "4", name: "Marc B.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-posing-outdoors_23-2148466086.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julie D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-her-handsome-boyfriend_158538-265.jpg",
|
||||
},
|
||||
id: "5", name: "Julie D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-her-handsome-boyfriend_158538-265.jpg"},
|
||||
]}
|
||||
cardTitle="What They Say"
|
||||
cardTag="Community"
|
||||
@@ -245,14 +158,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Elle",
|
||||
"Harper's Bazaar",
|
||||
"GQ",
|
||||
"Dazed",
|
||||
"i-D",
|
||||
"Numero",
|
||||
]}
|
||||
"Vogue", "Elle", "Harper's Bazaar", "GQ", "Dazed", "i-D", "Numero"]}
|
||||
title="As Seen In"
|
||||
description="Recognized by industry leaders in fashion."
|
||||
/>
|
||||
@@ -264,20 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Shipping times?",
|
||||
content: "3-5 business days within Europe.",
|
||||
},
|
||||
id: "1", title: "Shipping times?", content: "3-5 business days within Europe."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Return policy?",
|
||||
content: "Free 30-day returns on all orders.",
|
||||
},
|
||||
id: "2", title: "Return policy?", content: "Free 30-day returns on all orders."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sizing guide?",
|
||||
content: "Detailed measurements in each product page.",
|
||||
},
|
||||
id: "3", title: "Sizing guide?", content: "Detailed measurements in each product page."},
|
||||
]}
|
||||
title="FAQs"
|
||||
description="Have questions? We're here to help."
|
||||
@@ -289,14 +186,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Join our newsletter for exclusive updates."
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Subscribe Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -306,29 +200,19 @@ export default function LandingPage() {
|
||||
logoText="E-Mode"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All", href: "#products"},
|
||||
{
|
||||
label: "New",
|
||||
href: "#",
|
||||
},
|
||||
label: "New", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user