Merge version_1 into main #2
183
src/app/page.tsx
183
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
brandName="MODA"
|
||||
/>
|
||||
@@ -52,21 +44,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="MODA Essentials"
|
||||
description="Timeless designs for the modern wardrobe. Quality craftsmanship meets sustainable fashion."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g4b5c620230c8b19c670cd4a4607cdff8e7a7dd569899127ee7ac358805ca63f831bb5e40ac4f643624f7247888e447673e33d1dca2ed579ac5dfeb369f54b1c2_1280.jpg?_wi=1"
|
||||
imageSrc="https://pixabay.com/get/g4b5c620230c8b19c670cd4a4607cdff8e7a7dd569899127ee7ac358805ca63f831bb5e40ac4f643624f7247888e447673e33d1dca2ed579ac5dfeb369f54b1c2_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,35 +65,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Sustainable Materials",
|
||||
tags: [
|
||||
"Eco-friendly",
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "https://pixabay.com/get/g4b5c620230c8b19c670cd4a4607cdff8e7a7dd569899127ee7ac358805ca63f831bb5e40ac4f643624f7247888e447673e33d1dca2ed579ac5dfeb369f54b1c2_1280.jpg?_wi=2",
|
||||
imageAlt: "modern fashion model portrait studio",
|
||||
},
|
||||
id: "f1", title: "Sustainable Materials", tags: [
|
||||
"Eco-friendly", "Premium"],
|
||||
imageSrc: "https://pixabay.com/get/g4b5c620230c8b19c670cd4a4607cdff8e7a7dd569899127ee7ac358805ca63f831bb5e40ac4f643624f7247888e447673e33d1dca2ed579ac5dfeb369f54b1c2_1280.jpg", imageAlt: "modern fashion model portrait studio"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Ethical Production",
|
||||
tags: [
|
||||
"Fair Trade",
|
||||
"Human-focused",
|
||||
],
|
||||
imageSrc: "https://pixabay.com/get/g74d6eb951344ad666752153a94d0dd54f7f718f98e6b3b392981e3edcc1c91ce25acdfdb76a0186f5ae7dc7c01af5d65ffe6c01e59115390ca6f7f6ce7bb60b1_1280.jpg?_wi=1",
|
||||
imageAlt: "minimalist streetwear t-shirt product shot",
|
||||
},
|
||||
id: "f2", title: "Ethical Production", tags: [
|
||||
"Fair Trade", "Human-focused"],
|
||||
imageSrc: "https://pixabay.com/get/g74d6eb951344ad666752153a94d0dd54f7f718f98e6b3b392981e3edcc1c91ce25acdfdb76a0186f5ae7dc7c01af5d65ffe6c01e59115390ca6f7f6ce7bb60b1_1280.jpg", imageAlt: "minimalist streetwear t-shirt product shot"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Timeless Design",
|
||||
tags: [
|
||||
"Durable",
|
||||
"Classic",
|
||||
],
|
||||
imageSrc: "https://pixabay.com/get/g2faebf148cd53237ebe3bf6a5ead3f55298daf911b1e845e335d44afcdb280ace6322bcc29e784c0002df873261c742eaf1dd8dbb2ad8ae32222f6cb7a2b3c0e_1280.jpg?_wi=1",
|
||||
imageAlt: "denim jacket lifestyle product photo",
|
||||
},
|
||||
id: "f3", title: "Timeless Design", tags: [
|
||||
"Durable", "Classic"],
|
||||
imageSrc: "https://pixabay.com/get/g2faebf148cd53237ebe3bf6a5ead3f55298daf911b1e845e335d44afcdb280ace6322bcc29e784c0002df873261c742eaf1dd8dbb2ad8ae32222f6cb7a2b3c0e_1280.jpg", imageAlt: "denim jacket lifestyle product photo"},
|
||||
]}
|
||||
title="Why Choose MODA"
|
||||
description="We believe in transparency, quality, and design excellence."
|
||||
@@ -117,26 +86,15 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Organic Cotton Tee",
|
||||
price: "$45.00",
|
||||
imageSrc: "https://pixabay.com/get/g74d6eb951344ad666752153a94d0dd54f7f718f98e6b3b392981e3edcc1c91ce25acdfdb76a0186f5ae7dc7c01af5d65ffe6c01e59115390ca6f7f6ce7bb60b1_1280.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Organic Cotton Tee", price: "$45.00", imageSrc: "https://pixabay.com/get/g74d6eb951344ad666752153a94d0dd54f7f718f98e6b3b392981e3edcc1c91ce25acdfdb76a0186f5ae7dc7c01af5d65ffe6c01e59115390ca6f7f6ce7bb60b1_1280.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Indigo Denim Jacket",
|
||||
price: "$125.00",
|
||||
imageSrc: "https://pixabay.com/get/g2faebf148cd53237ebe3bf6a5ead3f55298daf911b1e845e335d44afcdb280ace6322bcc29e784c0002df873261c742eaf1dd8dbb2ad8ae32222f6cb7a2b3c0e_1280.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Indigo Denim Jacket", price: "$125.00", imageSrc: "https://pixabay.com/get/g2faebf148cd53237ebe3bf6a5ead3f55298daf911b1e845e335d44afcdb280ace6322bcc29e784c0002df873261c742eaf1dd8dbb2ad8ae32222f6cb7a2b3c0e_1280.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Silk Blend Midi Dress",
|
||||
price: "$189.00",
|
||||
imageSrc: "https://pixabay.com/get/gf1ef010d200a2939c20163b9b755e7bead18a111d2580bdcef0ef5dbbb7a4bc656af1b3dd527fd9086bec5903a06bb71288fee79de3433bdb65b953f0db99b60_1280.jpg",
|
||||
},
|
||||
id: "p3", name: "Silk Blend Midi Dress", price: "$189.00", imageSrc: "https://pixabay.com/get/gf1ef010d200a2939c20163b9b755e7bead18a111d2580bdcef0ef5dbbb7a4bc656af1b3dd527fd9086bec5903a06bb71288fee79de3433bdb65b953f0db99b60_1280.jpg"},
|
||||
]}
|
||||
title="Latest Arrivals"
|
||||
description="Explore our curated collection for the season."
|
||||
@@ -150,17 +108,11 @@ export default function LandingPage() {
|
||||
description="Founded in 2020, MODA began with a single vision: to simplify the modern wardrobe without sacrificing style."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Garments Crafted",
|
||||
},
|
||||
value: "500+", title: "Garments Crafted"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Organic Fabrics",
|
||||
},
|
||||
value: "100%", title: "Organic Fabrics"},
|
||||
{
|
||||
value: "5k",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "5k", title: "Happy Customers"},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g48bb6c0851594fb9983515c6ed548ae2f66cd9cb7a144e21b195d83db4fbd39374d9e54664f121778a5d9949a76cd1e6241d9708f95613e1b6af3cdf65bbd99c_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -175,59 +127,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g4ba038598b50b9a2316524dc733452ef0119211eac50e9fd352c17faa4982eceac2e10a19d4557d20a490935bd34bdd406b789115f49576edb56ca912528da33_1280.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Designer", company: "Studio X", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g4ba038598b50b9a2316524dc733452ef0119211eac50e9fd352c17faa4982eceac2e10a19d4557d20a490935bd34bdd406b789115f49576edb56ca912528da33_1280.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael L.",
|
||||
role: "Architect",
|
||||
company: "Build Co",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gb64857e2a6d3033a8f8bc29d49271f39fdf5f92ae1cc4f04d073d5258dece65170970f27d6c55d325cbce121bb13fc16873f4103bdaf5ddd198ebcd4568cec33_1280.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael L.", role: "Architect", company: "Build Co", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gb64857e2a6d3033a8f8bc29d49271f39fdf5f92ae1cc4f04d073d5258dece65170970f27d6c55d325cbce121bb13fc16873f4103bdaf5ddd198ebcd4568cec33_1280.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily D.",
|
||||
role: "Creative",
|
||||
company: "Vogue Art",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g5c3f8003c672b84f0ea8de2babb8fc5a16c7d938554b3ff1bf1d20889de625f6e5012603dfb5b644e8d0244af4ef39fb5930fab05ea3b1bb6e242d7501d98db1_1280.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily D.", role: "Creative", company: "Vogue Art", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g5c3f8003c672b84f0ea8de2babb8fc5a16c7d938554b3ff1bf1d20889de625f6e5012603dfb5b644e8d0244af4ef39fb5930fab05ea3b1bb6e242d7501d98db1_1280.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Manager",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gcad49896f9f1c4e3cd0a12414a0ac8d010e43a98fe1b2c29e83c8d42ba67a6bbb4cb99133f3cf8e803dd6fd5be6183b740a9c041c345a3b7ef5891e027a6c199_1280.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", role: "Manager", company: "Innovate", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gcad49896f9f1c4e3cd0a12414a0ac8d010e43a98fe1b2c29e83c8d42ba67a6bbb4cb99133f3cf8e803dd6fd5be6183b740a9c041c345a3b7ef5891e027a6c199_1280.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe R.",
|
||||
role: "Founder",
|
||||
company: "Modern Life",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g4ba038598b50b9a2316524dc733452ef0119211eac50e9fd352c17faa4982eceac2e10a19d4557d20a490935bd34bdd406b789115f49576edb56ca912528da33_1280.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Chloe R.", role: "Founder", company: "Modern Life", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g4ba038598b50b9a2316524dc733452ef0119211eac50e9fd352c17faa4982eceac2e10a19d4557d20a490935bd34bdd406b789115f49576edb56ca912528da33_1280.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg. Rating",
|
||||
},
|
||||
value: "4.9", label: "Avg. Rating"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "95%", label: "Retention"},
|
||||
{
|
||||
value: "10k",
|
||||
label: "Members",
|
||||
},
|
||||
value: "10k", label: "Members"},
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="See why our community loves our quality."
|
||||
@@ -239,37 +160,23 @@ export default function LandingPage() {
|
||||
logoText="MODA"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Tops",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tops", href: "#"},
|
||||
{
|
||||
label: "Denim",
|
||||
href: "#",
|
||||
},
|
||||
label: "Denim", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user