Merge version_1 into main #2
274
src/app/page.tsx
274
src/app/page.tsx
@@ -33,22 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MODA STYLE"
|
||||
button={{
|
||||
text: "Cart (0)",
|
||||
}}
|
||||
text: "Cart (0)"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,74 +51,37 @@ export default function LandingPage() {
|
||||
description="Discover the latest trends in sustainable fashion. Elevate your wardrobe with premium apparel designed for your everyday lifestyle."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julia M.",
|
||||
handle: "@juliam",
|
||||
testimonial: "The quality of these clothes is unmatched. My new favorite store!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8480.jpg?_wi=1",
|
||||
imageAlt: "model fashion clothing store",
|
||||
},
|
||||
name: "Julia M.", handle: "@juliam", testimonial: "The quality of these clothes is unmatched. My new favorite store!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8480.jpg", imageAlt: "model fashion clothing store"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Shipping was fast and the fit is perfect every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg?_wi=1",
|
||||
imageAlt: "model fashion clothing store",
|
||||
},
|
||||
name: "Mark D.", handle: "@markd", testimonial: "Shipping was fast and the fit is perfect every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg", imageAlt: "model fashion clothing store"},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "Love the sustainable approach and minimalist aesthetic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seductive-girl-wearing-distressed-jeans-denim-jacket-looking-camera-while-sitting-chair-fitting-room-clothing-store_613910-20033.jpg?_wi=1",
|
||||
imageAlt: "model fashion clothing store",
|
||||
},
|
||||
name: "Sarah P.", handle: "@sarahp", testimonial: "Love the sustainable approach and minimalist aesthetic.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seductive-girl-wearing-distressed-jeans-denim-jacket-looking-camera-while-sitting-chair-fitting-room-clothing-store_613910-20033.jpg", imageAlt: "model fashion clothing store"},
|
||||
{
|
||||
name: "Leo T.",
|
||||
handle: "@leot",
|
||||
testimonial: "Best denim I've ever owned. Worth the investment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg?_wi=1",
|
||||
imageAlt: "model fashion clothing store",
|
||||
},
|
||||
name: "Leo T.", handle: "@leot", testimonial: "Best denim I've ever owned. Worth the investment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg", imageAlt: "model fashion clothing store"},
|
||||
{
|
||||
name: "Ava K.",
|
||||
handle: "@avak",
|
||||
testimonial: "Customer service is top notch. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-girl-texting-mobile-phone-garden_1301-6699.jpg?_wi=1",
|
||||
imageAlt: "model fashion clothing store",
|
||||
},
|
||||
name: "Ava K.", handle: "@avak", testimonial: "Customer service is top notch. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-girl-texting-mobile-phone-garden_1301-6699.jpg", imageAlt: "model fashion clothing store"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8480.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8480.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-speaking-phone-shopping-mall_176420-5761.jpg",
|
||||
alt: "Young beautiful girl speaking on phone in shopping mall.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-speaking-phone-shopping-mall_176420-5761.jpg", alt: "Young beautiful girl speaking on phone in shopping mall."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-coat-store-fur-coats-leather-jackets_627829-8512.jpg",
|
||||
alt: "Elegance blonde girl in coat at the store of fur coats and leather jackets",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-coat-store-fur-coats-leather-jackets_627829-8512.jpg", alt: "Elegance blonde girl in coat at the store of fur coats and leather jackets"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-curly-model-girl-posed-mini-skirt-large-shopping-center-near-showcase-with-mannequin_627829-12293.jpg",
|
||||
alt: "Young curly model girl posed on mini skirt at large shopping center near showcase with mannequin",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-curly-model-girl-posed-mini-skirt-large-shopping-center-near-showcase-with-mannequin_627829-12293.jpg", alt: "Young curly model girl posed on mini skirt at large shopping center near showcase with mannequin"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8494.jpg",
|
||||
alt: "Elegance blonde girl in fur coat at the store of fur coats and leather jackets",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8494.jpg", alt: "Elegance blonde girl in fur coat at the store of fur coats and leather jackets"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shopping-day-international-girlfriends-women-city_1157-46950.jpg",
|
||||
alt: "young woman smiling clothing store",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shopping-day-international-girlfriends-women-city_1157-46950.jpg", alt: "young woman smiling clothing store"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,61 +94,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Moda",
|
||||
name: "Essential Cotton Tee",
|
||||
price: "$29",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg?_wi=2",
|
||||
},
|
||||
id: "1", brand: "Moda", name: "Essential Cotton Tee", price: "$29", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Moda",
|
||||
name: "Classic Denim Jeans",
|
||||
price: "$89",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seductive-girl-wearing-distressed-jeans-denim-jacket-looking-camera-while-sitting-chair-fitting-room-clothing-store_613910-20033.jpg?_wi=2",
|
||||
},
|
||||
id: "2", brand: "Moda", name: "Classic Denim Jeans", price: "$89", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/seductive-girl-wearing-distressed-jeans-denim-jacket-looking-camera-while-sitting-chair-fitting-room-clothing-store_613910-20033.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Moda",
|
||||
name: "Urban Leather Jacket",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg?_wi=2",
|
||||
},
|
||||
id: "3", brand: "Moda", name: "Urban Leather Jacket", price: "$199", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Moda",
|
||||
name: "Summer Floral Dress",
|
||||
price: "$65",
|
||||
rating: 4,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-girl-texting-mobile-phone-garden_1301-6699.jpg?_wi=2",
|
||||
},
|
||||
id: "4", brand: "Moda", name: "Summer Floral Dress", price: "$65", rating: 4,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-girl-texting-mobile-phone-garden_1301-6699.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Moda",
|
||||
name: "Minimalist Linen Shirt",
|
||||
price: "$55",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts-hanger_23-2150828594.jpg",
|
||||
},
|
||||
id: "5", brand: "Moda", name: "Minimalist Linen Shirt", price: "$55", rating: 5,
|
||||
reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts-hanger_23-2150828594.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Moda",
|
||||
name: "Signature Hoodie",
|
||||
price: "$75",
|
||||
rating: 5,
|
||||
reviewCount: "112",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-efecto_23-2148164686.jpg",
|
||||
},
|
||||
id: "6", brand: "Moda", name: "Signature Hoodie", price: "$75", rating: 5,
|
||||
reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-efecto_23-2148164686.jpg"},
|
||||
]}
|
||||
title="Shop The Collection"
|
||||
description="Explore our curated selection of high-quality essentials."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -204,19 +125,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Premium Fabrics",
|
||||
description: "Ethically sourced materials for long-lasting comfort.",
|
||||
},
|
||||
title: "Premium Fabrics", description: "Ethically sourced materials for long-lasting comfort."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Secure Checkout",
|
||||
description: "Shop with peace of mind with our encrypted payments.",
|
||||
},
|
||||
title: "Secure Checkout", description: "Shop with peace of mind with our encrypted payments."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Fast Shipping",
|
||||
description: "Delivered to your doorstep within 3-5 business days.",
|
||||
},
|
||||
title: "Fast Shipping", description: "Delivered to your doorstep within 3-5 business days."},
|
||||
]}
|
||||
title="Why Choose Moda"
|
||||
description="We prioritize quality, comfort, and sustainability in every thread."
|
||||
@@ -237,15 +152,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Elle",
|
||||
"GQ",
|
||||
"Marie Claire",
|
||||
"Cosmopolitan",
|
||||
"GQ Style",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "Elle", "GQ", "Marie Claire", "Cosmopolitan", "GQ Style"]}
|
||||
title="As Seen In"
|
||||
description="Recognized by leading fashion publications globally."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -257,47 +166,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Clara S.",
|
||||
role: "Designer",
|
||||
company: "Creative Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-day-international-girlfriends-women-city_1157-46950.jpg",
|
||||
},
|
||||
id: "1", name: "Clara S.", role: "Designer", company: "Creative Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-day-international-girlfriends-women-city_1157-46950.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James B.",
|
||||
role: "Architect",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883565.jpg",
|
||||
},
|
||||
id: "2", name: "James B.", role: "Architect", company: "Studio X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883565.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophie M.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-items-retail-shop-with-stylish-clothes-hangers-racks-modern-boutique-inside-shopping-centre-fashionable-merchandise-sale_482257-63323.jpg",
|
||||
},
|
||||
id: "3", name: "Sophie M.", role: "Student", company: "University", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-items-retail-shop-with-stylish-clothes-hangers-racks-modern-boutique-inside-shopping-centre-fashionable-merchandise-sale_482257-63323.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert P.",
|
||||
role: "Developer",
|
||||
company: "Tech Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-bearded-man-wearing-checkered-shirt-holding-phone-looking-out-window_613910-21078.jpg",
|
||||
},
|
||||
id: "4", name: "Robert P.", role: "Developer", company: "Tech Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-bearded-man-wearing-checkered-shirt-holding-phone-looking-out-window_613910-21078.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily R.",
|
||||
role: "Marketer",
|
||||
company: "Growth Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-men-laying-hands-shoulders-woman-smiling_23-2148134014.jpg",
|
||||
},
|
||||
id: "5", name: "Emily R.", role: "Marketer", company: "Growth Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-men-laying-hands-shoulders-woman-smiling_23-2148134014.jpg"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Hear what our happy customers are saying."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -307,20 +192,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Return policy?",
|
||||
content: "You can return any item within 30 days of purchase for a full refund.",
|
||||
},
|
||||
id: "1", title: "Return policy?", content: "You can return any item within 30 days of purchase for a full refund."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Shipping times?",
|
||||
content: "Most orders arrive in 3-5 business days depending on your location.",
|
||||
},
|
||||
id: "2", title: "Shipping times?", content: "Most orders arrive in 3-5 business days depending on your location."},
|
||||
{
|
||||
id: "3",
|
||||
title: "International shipping?",
|
||||
content: "Yes, we ship globally with calculated rates at checkout.",
|
||||
},
|
||||
id: "3", title: "International shipping?", content: "Yes, we ship globally with calculated rates at checkout."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/image-girl-looking-surprised-after-opening-gift-bag-looking-present-amazed-standing-stylish-outfit-beige-background_1258-301259.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -337,22 +213,14 @@ export default function LandingPage() {
|
||||
description="Have a question? Fill out the form and our team will get back to you shortly."
|
||||
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,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2148875317.jpg"
|
||||
/>
|
||||
@@ -362,37 +230,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Bestsellers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Bestsellers", href: "#products"},
|
||||
{
|
||||
label: "Sale",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Sale", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Shipping Info", href: "#faq"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Returns", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user