From a01dddc11bb1f91f57571bd58f4fb4423e3c7616 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 20 May 2026 16:52:49 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 274 +++++++++++------------------------------------ 1 file changed, 64 insertions(+), 210 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 89ff780..b6d8401 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,22 +33,15 @@ export default function LandingPage() { @@ -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"}, ]} /> @@ -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." /> @@ -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." /> @@ -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." /> @@ -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() {