Merge version_1 into main #2
209
src/app/page.tsx
209
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MODA"
|
||||
/>
|
||||
@@ -51,36 +39,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Timeless Elegance"
|
||||
description="Discover curated pieces designed for the modern lifestyle. Quality craftsmanship meets contemporary design."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g8f7868e05c9d9b534ffd00e0e9d1b95c993743ee94f66c8cdba43483aaf973100fb1c028fcf497e54a0f730b63b61a6794def3f67ef2cccc459d0e978e4441cb_1280.jpg",
|
||||
imageAlt: "Fashion Model",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g21e1aef40ead6a858bb48b519c44f525913f560c58649f4229a6593027285642654587206c1296d24a2c4d48c5d8692304ec6fbd5fc6cd0b4bc474c23ccdefb9_1280.jpg",
|
||||
imageAlt: "Clothing Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gaa95dfcebc26908a3c6e8e5ba54db611883ce6b6a09892d6f4c2aa2827b74d3db6f0d2dcbd4deef1e514c86da325a3e47aff9773f18b30528453b7f7595c288a_1280.jpg",
|
||||
imageAlt: "Editorial Style",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g0b165bbac782ae39260ab16923c9376433f70ce41dfdacf943f40096e2168b4d4bc0bcd73c69a8df3280190aef15c633c6ce5f2ea3094764b32a05c72559ab86_1280.jpg",
|
||||
imageAlt: "Studio Photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gd9777d30ef5768b29eeed89236b5b658ea7a4a2eb3ec9927e534a629d3b1fb366cf2778eea19b8a454e285b8f217be44c872f1b0c1c778a5ef8ba0dcfe3a2bab_1280.jpg",
|
||||
imageAlt: "Fabric Close-up",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g05fca0b301a9b5197ce27208be197ed3bfb8c48c2bb2826e6515cc0ddafd2fc1b10bcbfba4de5dc07068749f5920e462bbcd0144b595b5e80ed7084f1b77c457_1280.jpg",
|
||||
imageAlt: "Luxury Garment",
|
||||
},
|
||||
{ imageSrc: "https://pixabay.com/get/g8f7868e05c9d9b534ffd00e0e9d1b95c993743ee94f66c8cdba43483aaf973100fb1c028fcf497e54a0f730b63b61a6794def3f67ef2cccc459d0e978e4441cb_1280.jpg", imageAlt: "Fashion Model" },
|
||||
{ imageSrc: "https://pixabay.com/get/g21e1aef40ead6a858bb48b519c44f525913f560c58649f4229a6593027285642654587206c1296d24a2c4d48c5d8692304ec6fbd5fc6cd0b4bc474c23ccdefb9_1280.jpg", imageAlt: "Clothing Detail" },
|
||||
{ imageSrc: "https://pixabay.com/get/gaa95dfcebc26908a3c6e8e5ba54db611883ce6b6a09892d6f4c2aa2827b74d3db6f0d2dcbd4deef1e514c86da325a3e47aff9773f18b30528453b7f7595c288a_1280.jpg", imageAlt: "Editorial Style" },
|
||||
{ imageSrc: "https://pixabay.com/get/g0b165bbac782ae39260ab16923c9376433f70ce41dfdacf943f40096e2168b4d4bc0bcd73c69a8df3280190aef15c633c6ce5f2ea3094764b32a05c72559ab86_1280.jpg", imageAlt: "Studio Photography" },
|
||||
{ imageSrc: "https://pixabay.com/get/gd9777d30ef5768b29eeed89236b5b658ea7a4a2eb3ec9927e534a629d3b1fb366cf2778eea19b8a454e285b8f217be44c872f1b0c1c778a5ef8ba0dcfe3a2bab_1280.jpg", imageAlt: "Fabric Close-up" },
|
||||
{ imageSrc: "https://pixabay.com/get/g05fca0b301a9b5197ce27208be197ed3bfb8c48c2bb2826e6515cc0ddafd2fc1b10bcbfba4de5dc07068749f5920e462bbcd0144b595b5e80ed7084f1b77c457_1280.jpg", imageAlt: "Luxury Garment" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -93,27 +61,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Trench",
|
||||
price: "$340",
|
||||
imageSrc: "https://pixabay.com/get/gfd4cbd8ea9fb764455c67c42dc8c8cdd10c25def97ae5443724d4b9e97984a31cfbb6706910bc1f9f365c1f3bfeb19b8af693ad3b0f4ff351a7382c40bddc6a8_1280.jpg",
|
||||
imageAlt: "Trench coat",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Essential Linen Shirt",
|
||||
price: "$120",
|
||||
imageSrc: "https://pixabay.com/get/gedbd3c464a6b01ae65ef011d3d8ace404cbf0a6126eab83291f39b7fc4621c5f16ef78c7cd7b6f817e66eb77cd5deded431d18d037ea4e98e9920f95f30b0042_1280.jpg",
|
||||
imageAlt: "Linen shirt",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Silk Midi Dress",
|
||||
price: "$280",
|
||||
imageSrc: "https://pixabay.com/get/g15183e7fe0527396a31eba63b609b94bda0b64bc8afb0f99ac7b51b2f88689eec60359195e943f317ff34ed6ed6830eef0a90039b7105d27cde6555eb35a5f4e_1280.jpg",
|
||||
imageAlt: "Midi dress",
|
||||
},
|
||||
{ id: "p1", name: "Signature Trench", price: "$340", imageSrc: "https://pixabay.com/get/gfd4cbd8ea9fb764455c67c42dc8c8cdd10c25def97ae5443724d4b9e97984a31cfbb6706910bc1f9f365c1f3bfeb19b8af693ad3b0f4ff351a7382c40bddc6a8_1280.jpg", imageAlt: "Trench coat" },
|
||||
{ id: "p2", name: "Essential Linen Shirt", price: "$120", imageSrc: "https://pixabay.com/get/gedbd3c464a6b01ae65ef011d3d8ace404cbf0a6126eab83291f39b7fc4621c5f16ef78c7cd7b6f817e66eb77cd5deded431d18d037ea4e98e9920f95f30b0042_1280.jpg", imageAlt: "Linen shirt" },
|
||||
{ id: "p3", name: "Silk Midi Dress", price: "$280", imageSrc: "https://pixabay.com/get/g15183e7fe0527396a31eba63b609b94bda0b64bc8afb0f99ac7b51b2f88689eec60359195e943f317ff34ed6ed6830eef0a90039b7105d27cde6555eb35a5f4e_1280.jpg", imageAlt: "Midi dress" },
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Essential pieces for your seasonal wardrobe."
|
||||
@@ -122,49 +72,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_styles",
|
||||
testimonial: "The quality is unmatched. Truly pieces that last a lifetime.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gbd36b6a89f6997c0aa0ba6cf2a994ffa341bf8ab6c8396cfc08d0e217e8c7f5995a02ae650eeb6ec43bedd8fc205241c0f079879df77391b3f169e82f7d6aaee_1280.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus T.",
|
||||
handle: "@mt_fashion",
|
||||
testimonial: "Sophisticated, comfortable, and exactly what I needed for my capsule wardrobe.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g06525ddd746744c64aa78d6a1cb74bea8fb59d1dea97b49776317886988feedeb5784d7cfa163c0232cad12c7f647da9392b85a646d80ee7e26eea141b714798_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j_design",
|
||||
testimonial: "Finally found a brand that values sustainable production without compromising on luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gab3025f32262824a90bcf8f53b806e87e759c8d7e1727a2e573ca562918ae32cef2cd908008098a093134aea0745af1c936940d0a2ea9315e85867004adfc9d8_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian V.",
|
||||
handle: "@julian_v",
|
||||
testimonial: "Attention to detail is incredible. Highly recommend their new collection.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gad2f147b623b941c0d13e8f0e23ac2008b400be964d47fde430be281a640bf3d9350f72b3758072514d8a56011a88f5da0ec58fe76e04cf1a338fa98a230f13e_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Clara M.",
|
||||
handle: "@clara_m",
|
||||
testimonial: "The fabric selection is exquisite. Every piece feels like a luxury statement.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gbd36b6a89f6997c0aa0ba6cf2a994ffa341bf8ab6c8396cfc08d0e217e8c7f5995a02ae650eeb6ec43bedd8fc205241c0f079879df77391b3f169e82f7d6aaee_1280.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Elena R.", handle: "@elena_styles", testimonial: "The quality is unmatched. Truly pieces that last a lifetime.", rating: 5, imageSrc: "https://pixabay.com/get/gbd36b6a89f6997c0aa0ba6cf2a994ffa341bf8ab6c8396cfc08d0e217e8c7f5995a02ae650eeb6ec43bedd8fc205241c0f079879df77391b3f169e82f7d6aaee_1280.jpg" },
|
||||
{ id: "2", name: "Marcus T.", handle: "@mt_fashion", testimonial: "Sophisticated, comfortable, and exactly what I needed for my capsule wardrobe.", rating: 5, imageSrc: "https://pixabay.com/get/g06525ddd746744c64aa78d6a1cb74bea8fb59d1dea97b49776317886988feedeb5784d7cfa163c0232cad12c7f647da9392b85a646d80ee7e26eea141b714798_1280.jpg" },
|
||||
{ id: "3", name: "Sarah J.", handle: "@sarah_j_design", testimonial: "Finally found a brand that values sustainable production without compromising on luxury.", rating: 5, imageSrc: "https://pixabay.com/get/gab3025f32262824a90bcf8f53b806e87e759c8d7e1727a2e573ca562918ae32cef2cd908008098a093134aea0745af1c936940d0a2ea9315e85867004adfc9d8_1280.jpg" },
|
||||
{ id: "4", name: "Julian V.", handle: "@julian_v", testimonial: "Attention to detail is incredible. Highly recommend their new collection.", rating: 5, imageSrc: "https://pixabay.com/get/gad2f147b623b941c0d13e8f0e23ac2008b400be964d47fde430be281a640bf3d9350f72b3758072514d8a56011a88f5da0ec58fe76e04cf1a338fa98a230f13e_1280.jpg" },
|
||||
{ id: "5", name: "Clara M.", handle: "@clara_m", testimonial: "The fabric selection is exquisite. Every piece feels like a luxury statement.", rating: 5, imageSrc: "https://pixabay.com/get/gbd36b6a89f6997c0aa0ba6cf2a994ffa341bf8ab6c8396cfc08d0e217e8c7f5995a02ae650eeb6ec43bedd8fc205241c0f079879df77391b3f169e82f7d6aaee_1280.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
@@ -177,21 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer free returns within 30 days of purchase for all unworn items.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship globally to over 50 countries with tracked delivery options.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I care for my garments?",
|
||||
content: "Each garment comes with detailed care instructions. We recommend professional cleaning for silk items.",
|
||||
},
|
||||
{ id: "f1", title: "What is your return policy?", content: "We offer free returns within 30 days of purchase for all unworn items." },
|
||||
{ id: "f2", title: "Do you ship internationally?", content: "Yes, we ship globally to over 50 countries with tracked delivery options." },
|
||||
{ id: "f3", title: "How do I care for my garments?", content: "Each garment comes with detailed care instructions. We recommend professional cleaning for silk items." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our products and shipping."
|
||||
@@ -202,16 +106,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to redefine your wardrobe? Get in touch with our styling team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@modaclothing.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@modaclothing.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -219,61 +116,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="MODA"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sale",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "New Arrivals", href: "#products" }, { label: "Best Sellers", href: "#" }, { label: "Sale", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Returns", href: "#faq" }, { label: "Shipping Info", href: "#faq" }, { label: "Contact Us", href: "#contact" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "#about" }, { label: "Sustainability", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user