Merge version_1 into main #2
230
src/app/page.tsx
230
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="MODA"
|
||||
/>
|
||||
@@ -55,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Timeless Elegance."
|
||||
description="Curated collections for the modern wardrobe. Experience simplicity refined."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8230.jpg?_wi=1",
|
||||
imageAlt: "Minimalist clothing collection 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8230.jpg", imageAlt: "Minimalist clothing collection 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lady-empty-room-standing-holding-palm-branch-long-white-dress-space-text_176474-4064.jpg?_wi=1",
|
||||
imageAlt: "Minimalist clothing collection 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lady-empty-room-standing-holding-palm-branch-long-white-dress-space-text_176474-4064.jpg", imageAlt: "Minimalist clothing collection 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-inside-office-center_1303-22416.jpg?_wi=1",
|
||||
imageAlt: "Minimalist clothing collection 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-inside-office-center_1303-22416.jpg", imageAlt: "Minimalist clothing collection 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-scary-bandage-mask-sitting_23-2147680394.jpg",
|
||||
imageAlt: "Minimalist clothing collection 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-scary-bandage-mask-sitting_23-2147680394.jpg", imageAlt: "Minimalist clothing collection 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170134.jpg",
|
||||
imageAlt: "Minimalist clothing collection 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170134.jpg", imageAlt: "Minimalist clothing collection 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-fashion-shoting_23-2148885691.jpg",
|
||||
imageAlt: "Minimalist clothing collection 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-fashion-shoting_23-2148885691.jpg", imageAlt: "Minimalist clothing collection 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,9 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Designed for Living."
|
||||
description={[
|
||||
"Our collections blend high-end design with everyday comfort.",
|
||||
"Every piece is thoughtfully crafted from organic materials, ensuring timeless style that lasts.",
|
||||
]}
|
||||
"Our collections blend high-end design with everyday comfort.", "Every piece is thoughtfully crafted from organic materials, ensuring timeless style that lasts."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,47 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Linen Shirt",
|
||||
price: "$120",
|
||||
variant: "White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Linen Shirt", price: "$120", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tailored Trousers",
|
||||
price: "$180",
|
||||
variant: "Charcoal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-suit_1303-10303.jpg",
|
||||
},
|
||||
id: "p2", name: "Tailored Trousers", price: "$180", variant: "Charcoal", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-suit_1303-10303.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Silk Wrap Dress",
|
||||
price: "$240",
|
||||
variant: "Navy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blond-woman-long-white-dress-black-gloves_613910-10995.jpg",
|
||||
},
|
||||
id: "p3", name: "Silk Wrap Dress", price: "$240", variant: "Navy", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blond-woman-long-white-dress-black-gloves_613910-10995.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Leather Tote",
|
||||
price: "$320",
|
||||
variant: "Tan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-designer-leather-tailor-working-factory-close-up_1303-26309.jpg",
|
||||
},
|
||||
id: "p4", name: "Leather Tote", price: "$320", variant: "Tan", imageSrc: "http://img.b2bpic.net/free-photo/male-designer-leather-tailor-working-factory-close-up_1303-26309.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cashmere Knit",
|
||||
price: "$200",
|
||||
variant: "Beige",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-sitting-sofa-with-threads-home-leisure-concept-knitting_169016-13145.jpg",
|
||||
},
|
||||
id: "p5", name: "Cashmere Knit", price: "$200", variant: "Beige", imageSrc: "http://img.b2bpic.net/free-photo/little-girl-sitting-sofa-with-threads-home-leisure-concept-knitting_169016-13145.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Minimalist Coat",
|
||||
price: "$450",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-winter-black-coat-white-scarf-city-square_343596-4349.jpg",
|
||||
},
|
||||
id: "p6", name: "Minimalist Coat", price: "$450", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-winter-black-coat-white-scarf-city-square_343596-4349.jpg"},
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Discover our latest pieces, designed to anchor your wardrobe."
|
||||
@@ -164,42 +109,25 @@ export default function LandingPage() {
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Home Try-On",
|
||||
description: "Experience our collection from the comfort of home.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repair-sale-shop-with-laptop_23-2150627963.jpg",
|
||||
},
|
||||
title: "Home Try-On", description: "Experience our collection from the comfort of home.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repair-sale-shop-with-laptop_23-2150627963.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-taking-cup-photos_23-2149294459.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8230.jpg?_wi=2",
|
||||
imageAlt: "mobile shopping app clothing store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-taking-cup-photos_23-2149294459.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Expert Styling",
|
||||
description: "Access personalized styling services from our team.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg",
|
||||
},
|
||||
title: "Expert Styling", description: "Access personalized styling services from our team.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-white-podium-with-cubes-modern-studio_187299-46586.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lady-empty-room-standing-holding-palm-branch-long-white-dress-space-text_176474-4064.jpg?_wi=2",
|
||||
imageAlt: "mobile shopping app clothing store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-white-podium-with-cubes-modern-studio_187299-46586.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Sustainable Returns",
|
||||
description: "Zero-waste return policy for peace of mind.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-full-clothing-store_23-2150871154.jpg",
|
||||
},
|
||||
title: "Sustainable Returns", description: "Zero-waste return policy for peace of mind.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-full-clothing-store_23-2150871154.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585917.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-inside-office-center_1303-22416.jpg?_wi=2",
|
||||
imageAlt: "mobile shopping app clothing store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585917.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -214,45 +142,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Exquisite quality.",
|
||||
quote: "The fabric quality is unmatched. My wardrobe has never looked better.",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
|
||||
},
|
||||
id: "t1", title: "Exquisite quality.", quote: "The fabric quality is unmatched. My wardrobe has never looked better.", name: "Sarah J.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Truly timeless.",
|
||||
quote: "Investment pieces that I find myself wearing everyday. Simply gorgeous.",
|
||||
name: "Michael K.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/longhaired-brunette-woman-sunglasses-black-jacket-smiles-walks-outside-asian-tanned-lady-with-red-lips-poses-near-building_197531-27915.jpg",
|
||||
},
|
||||
id: "t2", title: "Truly timeless.", quote: "Investment pieces that I find myself wearing everyday. Simply gorgeous.", name: "Michael K.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/longhaired-brunette-woman-sunglasses-black-jacket-smiles-walks-outside-asian-tanned-lady-with-red-lips-poses-near-building_197531-27915.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Effortless style.",
|
||||
quote: "MODA makes getting dressed in the morning effortless and refined.",
|
||||
name: "Emily R.",
|
||||
role: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-excited-woman-holding-smartphone_23-2149313451.jpg",
|
||||
},
|
||||
id: "t3", title: "Effortless style.", quote: "MODA makes getting dressed in the morning effortless and refined.", name: "Emily R.", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-excited-woman-holding-smartphone_23-2149313451.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Incredible fit.",
|
||||
quote: "Finally, clothes that fit perfectly right off the rack. Exceptional.",
|
||||
name: "David W.",
|
||||
role: "Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tailor-woman-standing_23-2148827149.jpg",
|
||||
},
|
||||
id: "t4", title: "Incredible fit.", quote: "Finally, clothes that fit perfectly right off the rack. Exceptional.", name: "David W.", role: "Editor", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tailor-woman-standing_23-2148827149.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "My favorite store.",
|
||||
quote: "I love the sustainability mission and the elegant aesthetic.",
|
||||
name: "Chloe T.",
|
||||
role: "Writer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-checking-clothes_23-2148312201.jpg",
|
||||
},
|
||||
id: "t5", title: "My favorite store.", quote: "I love the sustainability mission and the elegant aesthetic.", name: "Chloe T.", role: "Writer", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-checking-clothes_23-2148312201.jpg"},
|
||||
]}
|
||||
title="Loved by You."
|
||||
description="Hear what our community says about their MODA experience."
|
||||
@@ -264,14 +162,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Elle",
|
||||
"GQ",
|
||||
"Marie Claire",
|
||||
"Kinfolk",
|
||||
"Dezeen",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "Elle", "GQ", "Marie Claire", "Kinfolk", "Dezeen"]}
|
||||
title="As Seen In."
|
||||
description="Celebrating our journey through the eyes of the industry."
|
||||
/>
|
||||
@@ -283,20 +174,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I find my size?",
|
||||
content: "Our comprehensive sizing guide is available on every product page to help you choose the perfect fit.",
|
||||
},
|
||||
id: "q1", title: "How do I find my size?", content: "Our comprehensive sizing guide is available on every product page to help you choose the perfect fit."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day hassle-free return policy. Simply return items in their original condition.",
|
||||
},
|
||||
id: "q2", title: "What is your return policy?", content: "We offer a 30-day hassle-free return policy. Simply return items in their original condition."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship globally to over 50 countries with standard and expedited shipping options.",
|
||||
},
|
||||
id: "q3", title: "Do you ship internationally?", content: "Yes, we ship globally to over 50 countries with standard and expedited shipping options."},
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Common questions regarding your order, shipping, and sizing."
|
||||
@@ -308,8 +190,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Connected"
|
||||
title="Join the Circle."
|
||||
description="Sign up for updates on our latest collections and exclusive events."
|
||||
@@ -320,42 +201,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "Pinterest",
|
||||
href: "https://pinterest.com",
|
||||
},
|
||||
label: "Pinterest", href: "https://pinterest.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user