Merge version_1 into main #1
229
src/app/page.tsx
229
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "New Arrivals",
|
||||
id: "products",
|
||||
},
|
||||
name: "New Arrivals", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MODA"
|
||||
/>
|
||||
@@ -51,63 +45,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Minimalist Elegance for Everyday Wear"
|
||||
description="Discover curated collections designed for the modern lifestyle. Pure quality, timeless design, and unmatched comfort."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830353.jpg"
|
||||
imageAlt="minimalist fashion editorial shoot"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-chair-leaning-against-canvas_171337-16444.jpg",
|
||||
alt: "Woman sitting on a chair and leaning against a canvas",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-chair-leaning-against-canvas_171337-16444.jpg", alt: "Woman sitting on a chair and leaning against a canvas"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg",
|
||||
alt: "Full length view of laughing woman in trench coat",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg", alt: "Full length view of laughing woman in trench coat"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-caucasian-woman-holds-hand-head-looks-camera-smiling-brunette-with-long-hair-wears-casual-clothes-bag-leisure-lifestyle-beauty-concept_197531-32246.jpg",
|
||||
alt: "Attractive young caucasian woman holds hand behind head and looks at camera smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-caucasian-woman-holds-hand-head-looks-camera-smiling-brunette-with-long-hair-wears-casual-clothes-bag-leisure-lifestyle-beauty-concept_197531-32246.jpg", alt: "Attractive young caucasian woman holds hand behind head and looks at camera smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-length-view-elegant-woman-trench-coat_197531-19709.jpg",
|
||||
alt: "Full length view of elegant woman in trench coat",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-length-view-elegant-woman-trench-coat_197531-19709.jpg", alt: "Full length view of elegant woman in trench coat"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/soft-indoor-portrait-caucasian-gentle-woman-wearing-beige-suit-no-bra-posing-palm-tropical-plant-gray_343596-3236.jpg",
|
||||
alt: "Soft indoor portrait of caucasian gentle woman wearing beige suit",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/soft-indoor-portrait-caucasian-gentle-woman-wearing-beige-suit-no-bra-posing-palm-tropical-plant-gray_343596-3236.jpg", alt: "Soft indoor portrait of caucasian gentle woman wearing beige suit"},
|
||||
]}
|
||||
avatarText="Join 15k+ style enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical Production",
|
||||
},
|
||||
type: "text", text: "Ethical Production"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Design",
|
||||
},
|
||||
type: "text", text: "Timeless Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Aesthetic",
|
||||
},
|
||||
type: "text", text: "Modern Aesthetic"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Delivery",
|
||||
},
|
||||
type: "text", text: "Worldwide Delivery"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,41 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "White Linen Shirt",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-217.jpg",
|
||||
},
|
||||
id: "1", name: "White Linen Shirt", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-217.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tailored Trousers",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-jeans-rear-view_53876-98484.jpg",
|
||||
},
|
||||
id: "2", name: "Tailored Trousers", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/woman-white-jeans-rear-view_53876-98484.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Beige Cotton Tee",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448756.jpg",
|
||||
},
|
||||
id: "3", name: "Beige Cotton Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448756.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Leather Belt",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing_158538-14969.jpg",
|
||||
},
|
||||
id: "4", name: "Leather Belt", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing_158538-14969.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Summer Scarf",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-waving-fabric-air_23-2151036787.jpg",
|
||||
},
|
||||
id: "5", name: "Summer Scarf", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/still-life-waving-fabric-air_23-2151036787.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Structured Bag",
|
||||
price: "$189",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-nail-polish-accesories-plain-background_23-2148306690.jpg",
|
||||
},
|
||||
id: "6", name: "Structured Bag", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/top-view-nail-polish-accesories-plain-background_23-2148306690.jpg"},
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Explore our curated essentials."
|
||||
@@ -163,30 +110,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Happy Customers",
|
||||
description: "Global style community",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-design-retail-shop-with-clothes-hangers-racks-department-store-inside-shopping-center-fashion-merchandise-sale_482257-59961.jpg",
|
||||
},
|
||||
id: "m1", value: "15k+", title: "Happy Customers", description: "Global style community", imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-design-retail-shop-with-clothes-hangers-racks-department-store-inside-shopping-center-fashion-merchandise-sale_482257-59961.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Sustainable Pieces",
|
||||
description: "Ethically crafted",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-chic-boutique-filled-with-new-collection-designer-clothes-racks_482257-118548.jpg",
|
||||
},
|
||||
id: "m2", value: "500+", title: "Sustainable Pieces", description: "Ethically crafted", imageSrc: "http://img.b2bpic.net/free-photo/empty-chic-boutique-filled-with-new-collection-designer-clothes-racks_482257-118548.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
title: "Collections Launched",
|
||||
description: "Seasonal excellence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-mall_482257-91309.jpg",
|
||||
},
|
||||
id: "m3", value: "20+", title: "Collections Launched", description: "Seasonal excellence", imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-mall_482257-91309.jpg"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Quality defined by the numbers."
|
||||
@@ -199,19 +132,13 @@ export default function LandingPage() {
|
||||
title="Crafted with Purpose"
|
||||
metrics={[
|
||||
{
|
||||
label: "Design Ethos",
|
||||
value: "Timeless",
|
||||
icon: Sparkles,
|
||||
label: "Design Ethos", value: "Timeless", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
value: "100%",
|
||||
icon: CheckCircle,
|
||||
label: "Sustainability", value: "100%", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
label: "Global Shipping",
|
||||
value: "Fast",
|
||||
icon: Zap,
|
||||
label: "Global Shipping", value: "Fast", icon: Zap,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -225,17 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No fast-fashion trends",
|
||||
"No low-quality materials",
|
||||
"No hidden environmental impact",
|
||||
],
|
||||
"No fast-fashion trends", "No low-quality materials", "No hidden environmental impact"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Premium breathable fabric",
|
||||
"Sustainable manufacturing",
|
||||
"Ethical labor practices",
|
||||
],
|
||||
"Premium breathable fabric", "Sustainable manufacturing", "Ethical labor practices"],
|
||||
}}
|
||||
title="Why Choose Moda"
|
||||
description="Experience superior quality through every thread."
|
||||
@@ -249,40 +170,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Fashion Blogger",
|
||||
testimonial: "The quality of the material is unparalleled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Fashion Blogger", testimonial: "The quality of the material is unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael K.",
|
||||
role: "Creative Director",
|
||||
testimonial: "I love the minimalist aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-hair-posing_23-2148973997.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael K.", role: "Creative Director", testimonial: "I love the minimalist aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-hair-posing_23-2148973997.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Design Consultant",
|
||||
testimonial: "Sustainable and stylish, a rare find.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-is-engaged-subject-photography-photo-studio_185193-163991.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", role: "Design Consultant", testimonial: "Sustainable and stylish, a rare find.", imageSrc: "http://img.b2bpic.net/free-photo/girl-is-engaged-subject-photography-photo-studio_185193-163991.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
role: "Architect",
|
||||
testimonial: "The attention to detail in their pieces is remarkable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg",
|
||||
},
|
||||
id: "t4", name: "David L.", role: "Architect", testimonial: "The attention to detail in their pieces is remarkable.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe T.",
|
||||
role: "Editor",
|
||||
testimonial: "Moda has become my go-to for staple wardrobe items.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-outdoors_23-2149915945.jpg",
|
||||
},
|
||||
id: "t5", name: "Chloe T.", role: "Editor", testimonial: "Moda has become my go-to for staple wardrobe items.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-outdoors_23-2149915945.jpg"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Loved by style enthusiasts everywhere."
|
||||
@@ -296,16 +192,10 @@ export default function LandingPage() {
|
||||
description="Get updates on new drops and early access."
|
||||
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,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/thoughtful-model-black-coat-walks-chairs-studio_8353-5479.jpg"
|
||||
@@ -317,54 +207,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#",
|
||||
},
|
||||
label: "Collections", href: "#"},
|
||||
{
|
||||
label: "Essentials",
|
||||
href: "#",
|
||||
},
|
||||
label: "Essentials", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user