From 46d22cd2ce8432a346a6b01728bcd88dc4b9b522 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 03:43:25 +0000 Subject: [PATCH 1/3] Update src/app/electronics/page.tsx --- src/app/electronics/page.tsx | 282 +++++++++-------------------------- 1 file changed, 74 insertions(+), 208 deletions(-) diff --git a/src/app/electronics/page.tsx b/src/app/electronics/page.tsx index 316781e..3b5d381 100644 --- a/src/app/electronics/page.tsx +++ b/src/app/electronics/page.tsx @@ -41,7 +41,7 @@ export default function ElectronicsPage() { borderRadius="rounded" contentWidth="smallMedium" sizing="mediumLargeSizeLargeTitles" - background="floatingGradient" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="double-inset" secondaryButtonStyle="radial-glow" @@ -69,41 +69,26 @@ export default function ElectronicsPage() { tag="Welcome to ZSMX Store" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "floatingGradient" }} - imageSrc="http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32402.jpg?_wi=3" + background={{ variant: "plain" }} + imageSrc="http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32402.jpg" imageAlt="Premium multi-category product showcase" mediaAnimation="slide-up" testimonials={[ { - name: "Sarah Mitchell", - handle: "Fashion Enthusiast", - testimonial: - "Exceptional quality and stunning designs. ZSMX Store has become my go-to for everything.", - rating: 5, + name: "Sarah Mitchell", handle: "Fashion Enthusiast", testimonial: + "Exceptional quality and stunning designs. ZSMX Store has become my go-to for everything.", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg?_wi=3", - imageAlt: "Sarah Mitchell", - }, + "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", imageAlt: "Sarah Mitchell"}, { - name: "James Chen", - handle: "Interior Designer", - testimonial: - "The home collection is absolutely exquisite. Premium pieces that transform any space.", - rating: 5, + name: "James Chen", handle: "Interior Designer", testimonial: + "The home collection is absolutely exquisite. Premium pieces that transform any space.", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg?_wi=3", - imageAlt: "James Chen", - }, + "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "James Chen"}, { - name: "Emma Rodriguez", - handle: "Fitness Coach", - testimonial: - "Top-tier gym equipment. My clients and I love the durability and design.", - rating: 5, + name: "Emma Rodriguez", handle: "Fitness Coach", testimonial: + "Top-tier gym equipment. My clients and I love the durability and design.", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg?_wi=3", - imageAlt: "Emma Rodriguez", - }, + "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", imageAlt: "Emma Rodriguez"}, ]} testimonialRotationInterval={5000} buttons={[ @@ -128,71 +113,29 @@ export default function ElectronicsPage() { useInvertedBackground={false} products={[ { - id: "fashion-1", - brand: "LuxeStyle", - name: "Premium Wool Overcoat", - price: "$450.00", - rating: 5, - reviewCount: "342", - imageSrc: - "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg?_wi=9", - imageAlt: "Premium Wool Overcoat", - }, + id: "fashion-1", brand: "LuxeStyle", name: "Premium Wool Overcoat", price: "$450.00", rating: 5, + reviewCount: "342", imageSrc: + "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg", imageAlt: "Premium Wool Overcoat"}, { - id: "fashion-2", - brand: "ElegantWear", - name: "Designer Evening Gown", - price: "$680.00", - rating: 5, - reviewCount: "289", - imageSrc: - "http://img.b2bpic.net/free-photo/store-customer-holding-shirt-body_482257-85803.jpg?_wi=7", - imageAlt: "Designer Evening Gown", - }, + id: "fashion-2", brand: "ElegantWear", name: "Designer Evening Gown", price: "$680.00", rating: 5, + reviewCount: "289", imageSrc: + "http://img.b2bpic.net/free-photo/store-customer-holding-shirt-body_482257-85803.jpg", imageAlt: "Designer Evening Gown"}, { - id: "fashion-3", - brand: "ClassicThreads", - name: "Italian Leather Shoes", - price: "$395.00", - rating: 4, - reviewCount: "156", - imageSrc: - "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts_23-2150828626.jpg?_wi=7", - imageAlt: "Italian Leather Shoes", - }, + id: "fashion-3", brand: "ClassicThreads", name: "Italian Leather Shoes", price: "$395.00", rating: 4, + reviewCount: "156", imageSrc: + "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts_23-2150828626.jpg", imageAlt: "Italian Leather Shoes"}, { - id: "home-1", - brand: "Luxehome", - name: "Modern Sectional Sofa", - price: "$1,299.00", - rating: 5, - reviewCount: "201", - imageSrc: - "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg?_wi=5", - imageAlt: "Modern Sectional Sofa", - }, + id: "home-1", brand: "Luxehome", name: "Modern Sectional Sofa", price: "$1,299.00", rating: 5, + reviewCount: "201", imageSrc: + "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg", imageAlt: "Modern Sectional Sofa"}, { - id: "home-2", - brand: "DecorPremium", - name: "Crystal Chandelier", - price: "$850.00", - rating: 5, - reviewCount: "178", - imageSrc: - "http://img.b2bpic.net/free-photo/couch-with-cushions-glass-table_1203-764.jpg?_wi=3", - imageAlt: "Crystal Chandelier", - }, + id: "home-2", brand: "DecorPremium", name: "Crystal Chandelier", price: "$850.00", rating: 5, + reviewCount: "178", imageSrc: + "http://img.b2bpic.net/free-photo/couch-with-cushions-glass-table_1203-764.jpg", imageAlt: "Crystal Chandelier"}, { - id: "home-3", - brand: "InteriorLux", - name: "Turkish Area Rug", - price: "$625.00", - rating: 4, - reviewCount: "124", - imageSrc: - "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg?_wi=3", - imageAlt: "Turkish Area Rug", - }, + id: "home-3", brand: "InteriorLux", name: "Turkish Area Rug", price: "$625.00", rating: 4, + reviewCount: "124", imageSrc: + "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg", imageAlt: "Turkish Area Rug"}, ]} buttons={[{ text: "View All Products", href: "#" }]} /> @@ -210,14 +153,10 @@ export default function ElectronicsPage() { useInvertedBackground={false} features={[ { - id: "1", - title: "Fashion Excellence", - description: - "Premium apparel and accessories designed for those who appreciate style. From casual elegance to formal sophistication.", - media: { + id: "1", title: "Fashion Excellence", description: + "Premium apparel and accessories designed for those who appreciate style. From casual elegance to formal sophistication.", media: { imageSrc: - "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg?_wi=10", - }, + "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg"}, items: [ { icon: Shirt, text: "Designer Collections" }, { icon: Sparkles, text: "Premium Fabrics" }, @@ -226,14 +165,10 @@ export default function ElectronicsPage() { reverse: false, }, { - id: "2", - title: "Home Furnishings", - description: - "Transform your living space with luxury home decor. Curated pieces that combine functionality with aesthetic elegance.", - media: { + id: "2", title: "Home Furnishings", description: + "Transform your living space with luxury home decor. Curated pieces that combine functionality with aesthetic elegance.", media: { imageSrc: - "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg?_wi=6", - }, + "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg"}, items: [ { icon: Home, text: "Modern Design" }, { icon: Sofa, text: "Premium Materials" }, @@ -242,14 +177,10 @@ export default function ElectronicsPage() { reverse: true, }, { - id: "3", - title: "Fitness & Gym", - description: - "Professional-grade fitness equipment and apparel. Engineered for performance and durability in every workout.", - media: { + id: "3", title: "Fitness & Gym", description: + "Professional-grade fitness equipment and apparel. Engineered for performance and durability in every workout.", media: { imageSrc: - "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100705.jpg?_wi=6", - }, + "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100705.jpg"}, items: [ { icon: Dumbbell, text: "Professional Equipment" }, { icon: Activity, text: "Performance Gear" }, @@ -258,14 +189,10 @@ export default function ElectronicsPage() { reverse: false, }, { - id: "4", - title: "Premium Electronics", - description: - "Latest technology and innovative gadgets. Cutting-edge devices that enhance your digital lifestyle.", - media: { + id: "4", title: "Premium Electronics", description: + "Latest technology and innovative gadgets. Cutting-edge devices that enhance your digital lifestyle.", media: { imageSrc: - "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736769.jpg?_wi=3", - }, + "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736769.jpg"}, items: [ { icon: Smartphone, text: "Latest Technology" }, { icon: Cpu, text: "Advanced Features" }, @@ -288,10 +215,11 @@ export default function ElectronicsPage() { { value: "50k+", title: "Satisfied Customers" }, { value: "10k+", title: "Premium Products" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg" imageAlt="ZSMX Store - Premium retail environment" useInvertedBackground={true} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -307,40 +235,19 @@ export default function ElectronicsPage() { useInvertedBackground={false} metrics={[ { - id: "1", - value: "98%", - title: "Customer Satisfaction Rate", - items: [ - "Premium quality guaranteed", - "Expert curation", - "Dedicated support team", - ], + id: "1", value: "98%", title: "Customer Satisfaction Rate", items: [ + "Premium quality guaranteed", "Expert curation", "Dedicated support team"], }, { - id: "2", - value: "24/7", - title: "Customer Support Available", - items: [ - "Real-time assistance", - "Expert consultations", - "Fast responses", - ], + id: "2", value: "24/7", title: "Customer Support Available", items: [ + "Real-time assistance", "Expert consultations", "Fast responses"], }, { - id: "3", - value: "100%", - title: "Authentic Products", - items: [ - "Verified sources", - "Quality assurance", - "Brand authenticity", - ], + id: "3", value: "100%", title: "Authentic Products", items: [ + "Verified sources", "Quality assurance", "Brand authenticity"], }, { - id: "4", - value: "Free", - title: "Shipping On Orders Over $100", - items: ["Fast delivery", "Tracking included", "Safe packaging"], + id: "4", value: "Free", title: "Shipping On Orders Over $100", items: ["Fast delivery", "Tracking included", "Safe packaging"], }, ]} /> @@ -356,15 +263,7 @@ export default function ElectronicsPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "LuxeStyle", - "ElegantWear", - "ClassicThreads", - "Luxehome", - "DecorPremium", - "InteriorLux", - "FitnessPro", - "SportsTech", - ]} + "LuxeStyle", "ElegantWear", "ClassicThreads", "Luxehome", "DecorPremium", "InteriorLux", "FitnessPro", "SportsTech"]} speed={40} showCard={true} /> @@ -377,29 +276,17 @@ export default function ElectronicsPage() { author="Victoria Thompson, Premium Lifestyle Enthusiast" avatars={[ { - src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", - alt: "Customer 1", - }, + src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", alt: "Customer 1"}, { - src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", - alt: "Customer 2", - }, + src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Customer 2"}, { - src: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", - alt: "Customer 3", - }, + src: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", alt: "Customer 3"}, { - src: "http://img.b2bpic.net/free-photo/businessman-formal-wear-professional-corporate-concept_53876-71166.jpg", - alt: "Customer 4", - }, + src: "http://img.b2bpic.net/free-photo/businessman-formal-wear-professional-corporate-concept_53876-71166.jpg", alt: "Customer 4"}, { - src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg", - alt: "Customer 5", - }, + src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg", alt: "Customer 5"}, { - src: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg", - alt: "Customer 6", - }, + src: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg", alt: "Customer 6"}, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -418,43 +305,25 @@ export default function ElectronicsPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "Are all products authentic and guaranteed?", - content: - "Yes, absolutely. We source directly from authorized distributors and verify authenticity of all products. Every item comes with our quality guarantee and certification of authenticity.", - }, + id: "1", title: "Are all products authentic and guaranteed?", content: + "Yes, absolutely. We source directly from authorized distributors and verify authenticity of all products. Every item comes with our quality guarantee and certification of authenticity."}, { - id: "2", - title: "What is your return and exchange policy?", - content: - "We offer hassle-free returns and exchanges within 30 days of purchase. Items must be unused and in original packaging. Simply contact our customer service team to initiate the process.", - }, + id: "2", title: "What is your return and exchange policy?", content: + "We offer hassle-free returns and exchanges within 30 days of purchase. Items must be unused and in original packaging. Simply contact our customer service team to initiate the process."}, { - id: "3", - title: "How long does shipping typically take?", - content: - "Standard shipping takes 5-7 business days. Express shipping options (2-3 days) are available for most orders. Orders over $100 qualify for free standard shipping.", - }, + id: "3", title: "How long does shipping typically take?", content: + "Standard shipping takes 5-7 business days. Express shipping options (2-3 days) are available for most orders. Orders over $100 qualify for free standard shipping."}, { - id: "4", - title: "Do you offer international shipping?", - content: - "Yes, we ship to most countries worldwide. International shipping costs vary by location and are calculated at checkout. Customs duties may apply depending on your country.", - }, + id: "4", title: "Do you offer international shipping?", content: + "Yes, we ship to most countries worldwide. International shipping costs vary by location and are calculated at checkout. Customs duties may apply depending on your country."}, { - id: "5", - title: "Is my personal information secure?", - content: - "We use industry-standard SSL encryption to protect all personal and payment information. Your data is never shared with third parties. We comply with all privacy regulations.", - }, + id: "5", title: "Is my personal information secure?", content: + "We use industry-standard SSL encryption to protect all personal and payment information. Your data is never shared with third parties. We comply with all privacy regulations."}, { - id: "6", - title: "What payment methods do you accept?", - content: - "We accept all major credit cards, debit cards, PayPal, Apple Pay, and Google Pay. All transactions are secure and encrypted.", - }, + id: "6", title: "What payment methods do you accept?", content: + "We accept all major credit cards, debit cards, PayPal, Apple Pay, and Google Pay. All transactions are secure and encrypted."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-wheelchair-modern-concept_23-2148497283.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-wheelchair-modern-concept_23-2148497283.jpg" imageAlt="Customer service support team" mediaAnimation="slide-up" faqsAnimation="slide-up" @@ -486,8 +355,7 @@ export default function ElectronicsPage() { copyrightText="© 2025 ZSMX Store. All rights reserved." columns={[ { - title: "Shop", - items: [ + title: "Shop", items: [ { label: "Fashion", href: "#" }, { label: "Home", href: "#" }, { label: "Gym", href: "#" }, @@ -495,8 +363,7 @@ export default function ElectronicsPage() { ], }, { - title: "Support", - items: [ + title: "Support", items: [ { label: "Contact Us", href: "#" }, { label: "FAQ", href: "#faq" }, { label: "Shipping Info", href: "#" }, @@ -504,8 +371,7 @@ export default function ElectronicsPage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "#about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, -- 2.49.1 From 1ee083f0c2966e689f8e09bbbce24fe8365ee5b1 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 03:43:26 +0000 Subject: [PATCH 2/3] Update src/app/home/page.tsx --- src/app/home/page.tsx | 193 ++++++++++-------------------------------- 1 file changed, 43 insertions(+), 150 deletions(-) diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx index d6d9044..cd96fc9 100644 --- a/src/app/home/page.tsx +++ b/src/app/home/page.tsx @@ -20,7 +20,7 @@ export default function HomeCategoryPage() { borderRadius="rounded" contentWidth="smallMedium" sizing="mediumLargeSizeLargeTitles" - background="floatingGradient" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="double-inset" secondaryButtonStyle="radial-glow" @@ -50,35 +50,20 @@ export default function HomeCategoryPage() { tag="Welcome to ZSMX Store" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "floatingGradient" }} - imageSrc="http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32402.jpg?_wi=2" + background={{ variant: "plain" }} + imageSrc="http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32402.jpg" imageAlt="Premium multi-category product showcase" mediaAnimation="slide-up" testimonials={[ { - name: "Sarah Mitchell", - handle: "Fashion Enthusiast", - testimonial: "Exceptional quality and stunning designs. ZSMX Store has become my go-to for everything.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg?_wi=2", - imageAlt: "Sarah Mitchell", - }, + name: "Sarah Mitchell", handle: "Fashion Enthusiast", testimonial: "Exceptional quality and stunning designs. ZSMX Store has become my go-to for everything.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", imageAlt: "Sarah Mitchell"}, { - name: "James Chen", - handle: "Interior Designer", - testimonial: "The home collection is absolutely exquisite. Premium pieces that transform any space.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg?_wi=2", - imageAlt: "James Chen", - }, + name: "James Chen", handle: "Interior Designer", testimonial: "The home collection is absolutely exquisite. Premium pieces that transform any space.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "James Chen"}, { - name: "Emma Rodriguez", - handle: "Fitness Coach", - testimonial: "Top-tier gym equipment. My clients and I love the durability and design.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg?_wi=2", - imageAlt: "Emma Rodriguez", - }, + name: "Emma Rodriguez", handle: "Fitness Coach", testimonial: "Top-tier gym equipment. My clients and I love the durability and design.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", imageAlt: "Emma Rodriguez"}, ]} testimonialRotationInterval={5000} buttons={[ @@ -104,65 +89,23 @@ export default function HomeCategoryPage() { useInvertedBackground={false} products={[ { - id: "fashion-1", - brand: "LuxeStyle", - name: "Premium Wool Overcoat", - price: "$450.00", - rating: 5, - reviewCount: "342", - imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg?_wi=7", - imageAlt: "Premium Wool Overcoat", - }, + id: "fashion-1", brand: "LuxeStyle", name: "Premium Wool Overcoat", price: "$450.00", rating: 5, + reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg", imageAlt: "Premium Wool Overcoat"}, { - id: "fashion-2", - brand: "ElegantWear", - name: "Designer Evening Gown", - price: "$680.00", - rating: 5, - reviewCount: "289", - imageSrc: "http://img.b2bpic.net/free-photo/store-customer-holding-shirt-body_482257-85803.jpg?_wi=6", - imageAlt: "Designer Evening Gown", - }, + id: "fashion-2", brand: "ElegantWear", name: "Designer Evening Gown", price: "$680.00", rating: 5, + reviewCount: "289", imageSrc: "http://img.b2bpic.net/free-photo/store-customer-holding-shirt-body_482257-85803.jpg", imageAlt: "Designer Evening Gown"}, { - id: "fashion-3", - brand: "ClassicThreads", - name: "Italian Leather Shoes", - price: "$395.00", - rating: 4, - reviewCount: "156", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts_23-2150828626.jpg?_wi=6", - imageAlt: "Italian Leather Shoes", - }, + id: "fashion-3", brand: "ClassicThreads", name: "Italian Leather Shoes", price: "$395.00", rating: 4, + reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts_23-2150828626.jpg", imageAlt: "Italian Leather Shoes"}, { - id: "home-1", - brand: "Luxehome", - name: "Modern Sectional Sofa", - price: "$1,299.00", - rating: 5, - reviewCount: "201", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg?_wi=3", - imageAlt: "Modern Sectional Sofa", - }, + id: "home-1", brand: "Luxehome", name: "Modern Sectional Sofa", price: "$1,299.00", rating: 5, + reviewCount: "201", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg", imageAlt: "Modern Sectional Sofa"}, { - id: "home-2", - brand: "DecorPremium", - name: "Crystal Chandelier", - price: "$850.00", - rating: 5, - reviewCount: "178", - imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions-glass-table_1203-764.jpg?_wi=2", - imageAlt: "Crystal Chandelier", - }, + id: "home-2", brand: "DecorPremium", name: "Crystal Chandelier", price: "$850.00", rating: 5, + reviewCount: "178", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions-glass-table_1203-764.jpg", imageAlt: "Crystal Chandelier"}, { - id: "home-3", - brand: "InteriorLux", - name: "Turkish Area Rug", - price: "$625.00", - rating: 4, - reviewCount: "124", - imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg?_wi=2", - imageAlt: "Turkish Area Rug", - }, + id: "home-3", brand: "InteriorLux", name: "Turkish Area Rug", price: "$625.00", rating: 4, + reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg", imageAlt: "Turkish Area Rug"}, ]} buttons={[{ text: "View All Products", href: "/home" }]} /> @@ -173,12 +116,8 @@ export default function HomeCategoryPage() { @@ -264,44 +192,20 @@ export default function HomeCategoryPage() { @@ -347,8 +243,7 @@ export default function HomeCategoryPage() { copyrightText="© 2025 ZSMX Store. All rights reserved." columns={[ { - title: "Shop", - items: [ + title: "Shop", items: [ { label: "Fashion", href: "fashion" }, { label: "Home", href: "home-category" }, { label: "Gym", href: "gym" }, @@ -356,8 +251,7 @@ export default function HomeCategoryPage() { ], }, { - title: "Support", - items: [ + title: "Support", items: [ { label: "Contact Us", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Shipping Info", href: "#" }, @@ -365,8 +259,7 @@ export default function HomeCategoryPage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "#about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, -- 2.49.1 From 3079ab7655a440df0dfcf04e1442faf9a3fa3ada Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 03:43:26 +0000 Subject: [PATCH 3/3] Update src/app/page.tsx --- src/app/page.tsx | 246 ++++++++++++----------------------------------- 1 file changed, 59 insertions(+), 187 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9e698fd..0d70b8b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -23,7 +23,7 @@ export default function HomePage() { borderRadius="rounded" contentWidth="smallMedium" sizing="mediumLargeSizeLargeTitles" - background="floatingGradient" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="double-inset" secondaryButtonStyle="radial-glow" @@ -51,35 +51,20 @@ export default function HomePage() { tag="Welcome to ZSMX Store" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "floatingGradient" }} - imageSrc="http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32402.jpg?_wi=1" + background={{ variant: "plain" }} + imageSrc="http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32402.jpg" imageAlt="Premium multi-category product showcase" mediaAnimation="slide-up" testimonials={[ { - name: "Sarah Mitchell", - handle: "Fashion Enthusiast", - testimonial: "Exceptional quality and stunning designs. ZSMX Store has become my go-to for everything.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg?_wi=1", - imageAlt: "Sarah Mitchell", - }, + name: "Sarah Mitchell", handle: "Fashion Enthusiast", testimonial: "Exceptional quality and stunning designs. ZSMX Store has become my go-to for everything.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", imageAlt: "Sarah Mitchell"}, { - name: "James Chen", - handle: "Interior Designer", - testimonial: "The home collection is absolutely exquisite. Premium pieces that transform any space.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg?_wi=1", - imageAlt: "James Chen", - }, + name: "James Chen", handle: "Interior Designer", testimonial: "The home collection is absolutely exquisite. Premium pieces that transform any space.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "James Chen"}, { - name: "Emma Rodriguez", - handle: "Fitness Coach", - testimonial: "Top-tier gym equipment. My clients and I love the durability and design.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg?_wi=1", - imageAlt: "Emma Rodriguez", - }, + name: "Emma Rodriguez", handle: "Fitness Coach", testimonial: "Top-tier gym equipment. My clients and I love the durability and design.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", imageAlt: "Emma Rodriguez"}, ]} testimonialRotationInterval={5000} buttons={[ @@ -104,65 +89,23 @@ export default function HomePage() { useInvertedBackground={false} products={[ { - id: "fashion-1", - brand: "LuxeStyle", - name: "Premium Wool Overcoat", - price: "$450.00", - rating: 5, - reviewCount: "342", - imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg?_wi=1", - imageAlt: "Premium Wool Overcoat", - }, + id: "fashion-1", brand: "LuxeStyle", name: "Premium Wool Overcoat", price: "$450.00", rating: 5, + reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg", imageAlt: "Premium Wool Overcoat"}, { - id: "fashion-2", - brand: "ElegantWear", - name: "Designer Evening Gown", - price: "$680.00", - rating: 5, - reviewCount: "289", - imageSrc: "http://img.b2bpic.net/free-photo/store-customer-holding-shirt-body_482257-85803.jpg?_wi=1", - imageAlt: "Designer Evening Gown", - }, + id: "fashion-2", brand: "ElegantWear", name: "Designer Evening Gown", price: "$680.00", rating: 5, + reviewCount: "289", imageSrc: "http://img.b2bpic.net/free-photo/store-customer-holding-shirt-body_482257-85803.jpg", imageAlt: "Designer Evening Gown"}, { - id: "fashion-3", - brand: "ClassicThreads", - name: "Italian Leather Shoes", - price: "$395.00", - rating: 4, - reviewCount: "156", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts_23-2150828626.jpg?_wi=1", - imageAlt: "Italian Leather Shoes", - }, + id: "fashion-3", brand: "ClassicThreads", name: "Italian Leather Shoes", price: "$395.00", rating: 4, + reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts_23-2150828626.jpg", imageAlt: "Italian Leather Shoes"}, { - id: "home-1", - brand: "Luxehome", - name: "Modern Sectional Sofa", - price: "$1,299.00", - rating: 5, - reviewCount: "201", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg?_wi=1", - imageAlt: "Modern Sectional Sofa", - }, + id: "home-1", brand: "Luxehome", name: "Modern Sectional Sofa", price: "$1,299.00", rating: 5, + reviewCount: "201", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg", imageAlt: "Modern Sectional Sofa"}, { - id: "home-2", - brand: "DecorPremium", - name: "Crystal Chandelier", - price: "$850.00", - rating: 5, - reviewCount: "178", - imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions-glass-table_1203-764.jpg?_wi=1", - imageAlt: "Crystal Chandelier", - }, + id: "home-2", brand: "DecorPremium", name: "Crystal Chandelier", price: "$850.00", rating: 5, + reviewCount: "178", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions-glass-table_1203-764.jpg", imageAlt: "Crystal Chandelier"}, { - id: "home-3", - brand: "InteriorLux", - name: "Turkish Area Rug", - price: "$625.00", - rating: 4, - reviewCount: "124", - imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg?_wi=1", - imageAlt: "Turkish Area Rug", - }, + id: "home-3", brand: "InteriorLux", name: "Turkish Area Rug", price: "$625.00", rating: 4, + reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg", imageAlt: "Turkish Area Rug"}, ]} buttons={[{ text: "View All Products", href: "/fashion" }]} /> @@ -180,12 +123,8 @@ export default function HomePage() { useInvertedBackground={false} features={[ { - id: "1", - title: "Fashion Excellence", - description: "Premium apparel and accessories designed for those who appreciate style. From casual elegance to formal sophistication.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg?_wi=2", - }, + id: "1", title: "Fashion Excellence", description: "Premium apparel and accessories designed for those who appreciate style. From casual elegance to formal sophistication.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg"}, items: [ { icon: Shirt, text: "Designer Collections" }, { icon: Sparkles, text: "Premium Fabrics" }, @@ -194,12 +133,8 @@ export default function HomePage() { reverse: false, }, { - id: "2", - title: "Home Furnishings", - description: "Transform your living space with luxury home decor. Curated pieces that combine functionality with aesthetic elegance.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg?_wi=2", - }, + id: "2", title: "Home Furnishings", description: "Transform your living space with luxury home decor. Curated pieces that combine functionality with aesthetic elegance.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg"}, items: [ { icon: Home, text: "Modern Design" }, { icon: Sofa, text: "Premium Materials" }, @@ -208,12 +143,8 @@ export default function HomePage() { reverse: true, }, { - id: "3", - title: "Fitness & Gym", - description: "Professional-grade fitness equipment and apparel. Engineered for performance and durability in every workout.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100705.jpg?_wi=1", - }, + id: "3", title: "Fitness & Gym", description: "Professional-grade fitness equipment and apparel. Engineered for performance and durability in every workout.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100705.jpg"}, items: [ { icon: Dumbbell, text: "Professional Equipment" }, { icon: Activity, text: "Performance Gear" }, @@ -222,12 +153,8 @@ export default function HomePage() { reverse: false, }, { - id: "4", - title: "Premium Electronics", - description: "Latest technology and innovative gadgets. Cutting-edge devices that enhance your digital lifestyle.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736769.jpg?_wi=1", - }, + id: "4", title: "Premium Electronics", description: "Latest technology and innovative gadgets. Cutting-edge devices that enhance your digital lifestyle.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736769.jpg"}, items: [ { icon: Smartphone, text: "Latest Technology" }, { icon: Cpu, text: "Advanced Features" }, @@ -250,10 +177,11 @@ export default function HomePage() { { value: "50k+", title: "Satisfied Customers" }, { value: "10k+", title: "Premium Products" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg" imageAlt="ZSMX Store - Premium retail environment" useInvertedBackground={true} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -269,32 +197,17 @@ export default function HomePage() { useInvertedBackground={false} metrics={[ { - id: "1", - value: "98%", - title: "Customer Satisfaction Rate", - items: [ - "Premium quality guaranteed", - "Expert curation", - "Dedicated support team", - ], + id: "1", value: "98%", title: "Customer Satisfaction Rate", items: [ + "Premium quality guaranteed", "Expert curation", "Dedicated support team"], }, { - id: "2", - value: "24/7", - title: "Customer Support Available", - items: ["Real-time assistance", "Expert consultations", "Fast responses"], + id: "2", value: "24/7", title: "Customer Support Available", items: ["Real-time assistance", "Expert consultations", "Fast responses"], }, { - id: "3", - value: "100%", - title: "Authentic Products", - items: ["Verified sources", "Quality assurance", "Brand authenticity"], + id: "3", value: "100%", title: "Authentic Products", items: ["Verified sources", "Quality assurance", "Brand authenticity"], }, { - id: "4", - value: "Free", - title: "Shipping On Orders Over $100", - items: ["Fast delivery", "Tracking included", "Safe packaging"], + id: "4", value: "Free", title: "Shipping On Orders Over $100", items: ["Fast delivery", "Tracking included", "Safe packaging"], }, ]} /> @@ -310,15 +223,7 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} names={[ - "LuxeStyle", - "ElegantWear", - "ClassicThreads", - "Luxehome", - "DecorPremium", - "InteriorLux", - "FitnessPro", - "SportsTech", - ]} + "LuxeStyle", "ElegantWear", "ClassicThreads", "Luxehome", "DecorPremium", "InteriorLux", "FitnessPro", "SportsTech"]} speed={40} showCard={true} /> @@ -331,29 +236,17 @@ export default function HomePage() { author="Victoria Thompson, Premium Lifestyle Enthusiast" avatars={[ { - src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", - alt: "Customer 1", - }, + src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", alt: "Customer 1"}, { - src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", - alt: "Customer 2", - }, + src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Customer 2"}, { - src: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", - alt: "Customer 3", - }, + src: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", alt: "Customer 3"}, { - src: "http://img.b2bpic.net/free-photo/businessman-formal-wear-professional-corporate-concept_53876-71166.jpg", - alt: "Customer 4", - }, + src: "http://img.b2bpic.net/free-photo/businessman-formal-wear-professional-corporate-concept_53876-71166.jpg", alt: "Customer 4"}, { - src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg", - alt: "Customer 5", - }, + src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg", alt: "Customer 5"}, { - src: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg", - alt: "Customer 6", - }, + src: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg", alt: "Customer 6"}, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -372,43 +265,25 @@ export default function HomePage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "Are all products authentic and guaranteed?", - content: - "Yes, absolutely. We source directly from authorized distributors and verify authenticity of all products. Every item comes with our quality guarantee and certification of authenticity.", - }, + id: "1", title: "Are all products authentic and guaranteed?", content: + "Yes, absolutely. We source directly from authorized distributors and verify authenticity of all products. Every item comes with our quality guarantee and certification of authenticity."}, { - id: "2", - title: "What is your return and exchange policy?", - content: - "We offer hassle-free returns and exchanges within 30 days of purchase. Items must be unused and in original packaging. Simply contact our customer service team to initiate the process.", - }, + id: "2", title: "What is your return and exchange policy?", content: + "We offer hassle-free returns and exchanges within 30 days of purchase. Items must be unused and in original packaging. Simply contact our customer service team to initiate the process."}, { - id: "3", - title: "How long does shipping typically take?", - content: - "Standard shipping takes 5-7 business days. Express shipping options (2-3 days) are available for most orders. Orders over $100 qualify for free standard shipping.", - }, + id: "3", title: "How long does shipping typically take?", content: + "Standard shipping takes 5-7 business days. Express shipping options (2-3 days) are available for most orders. Orders over $100 qualify for free standard shipping."}, { - id: "4", - title: "Do you offer international shipping?", - content: - "Yes, we ship to most countries worldwide. International shipping costs vary by location and are calculated at checkout. Customs duties may apply depending on your country.", - }, + id: "4", title: "Do you offer international shipping?", content: + "Yes, we ship to most countries worldwide. International shipping costs vary by location and are calculated at checkout. Customs duties may apply depending on your country."}, { - id: "5", - title: "Is my personal information secure?", - content: - "We use industry-standard SSL encryption to protect all personal and payment information. Your data is never shared with third parties. We comply with all privacy regulations.", - }, + id: "5", title: "Is my personal information secure?", content: + "We use industry-standard SSL encryption to protect all personal and payment information. Your data is never shared with third parties. We comply with all privacy regulations."}, { - id: "6", - title: "What payment methods do you accept?", - content: - "We accept all major credit cards, debit cards, PayPal, Apple Pay, and Google Pay. All transactions are secure and encrypted.", - }, + id: "6", title: "What payment methods do you accept?", content: + "We accept all major credit cards, debit cards, PayPal, Apple Pay, and Google Pay. All transactions are secure and encrypted."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-wheelchair-modern-concept_23-2148497283.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-wheelchair-modern-concept_23-2148497283.jpg" imageAlt="Customer service support team" mediaAnimation="slide-up" faqsAnimation="slide-up" @@ -440,8 +315,7 @@ export default function HomePage() { copyrightText="© 2025 ZSMX Store. All rights reserved." columns={[ { - title: "Shop", - items: [ + title: "Shop", items: [ { label: "Fashion", href: "/fashion" }, { label: "Home", href: "#home-category" }, { label: "Gym", href: "#gym" }, @@ -449,8 +323,7 @@ export default function HomePage() { ], }, { - title: "Support", - items: [ + title: "Support", items: [ { label: "Contact Us", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Shipping Info", href: "#" }, @@ -458,8 +331,7 @@ export default function HomePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "#about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, -- 2.49.1