From 623c57521f7f0508bc71e8539f184516e17a0ea9 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 02:24:11 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 87 +++++++++++++++++++++++++++++++----------------- 1 file changed, 57 insertions(+), 30 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 090473d..dd8f712 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -35,7 +35,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="smallMedium" sizing="mediumLargeSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="flat" secondaryButtonStyle="solid" @@ -51,7 +51,8 @@ export default function LandingPage() { { name: "About", id: "about" }, ]} button={{ - text: "Shop Now", href: "products"}} + text: "Shop Now", href: "products" + }} animateOnLoad={true} /> @@ -63,7 +64,7 @@ export default function LandingPage() { tag="Summer Collection" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} buttons={[ { text: "Start Shopping", href: "products" }, { text: "View Catalog", href: "features" }, @@ -88,22 +89,28 @@ export default function LandingPage() { products={[ { id: "1", brand: "TechStyle", name: "Premium Wireless Headphones", price: "$129.99", rating: 5, - reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/sound-engineer-listening-his-new-soundtracks-before-using-daw-software_482257-103956.jpg", imageAlt: "Premium wireless headphones product photography"}, + reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/sound-engineer-listening-his-new-soundtracks-before-using-daw-software_482257-103956.jpg", imageAlt: "Premium wireless headphones product photography" + }, { id: "2", brand: "LuxeWatch", name: "Classic Smartwatch Pro", price: "$249.99", rating: 5, - reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/woman-wears-modern-smartwatch-checks-results-after-workout-counts-burned-calories-gets-notification-digital-wearable-wrist-watch-looks-time-monitors-something_273609-55386.jpg", imageAlt: "Classic smartwatch pro luxury watch technology"}, + reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/woman-wears-modern-smartwatch-checks-results-after-workout-counts-burned-calories-gets-notification-digital-wearable-wrist-watch-looks-time-monitors-something_273609-55386.jpg", imageAlt: "Classic smartwatch pro luxury watch technology" + }, { id: "3", brand: "StyleBag", name: "Designer Leather Backpack", price: "$179.99", rating: 5, - reviewCount: "945", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-look-left-black-dress-stone-background_176474-116082.jpg", imageAlt: "Designer leather backpack luxury fashion"}, + reviewCount: "945", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-look-left-black-dress-stone-background_176474-116082.jpg", imageAlt: "Designer leather backpack luxury fashion" + }, { id: "4", brand: "CameraGear", name: "Professional Camera Tripod", price: "$89.99", rating: 5, - reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/young-blogger-recording-herself-sitting-her-motorbike_23-2148538812.jpg", imageAlt: "Professional camera tripod professional photography stand"}, + reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/young-blogger-recording-herself-sitting-her-motorbike_23-2148538812.jpg", imageAlt: "Professional camera tripod professional photography stand" + }, { id: "5", brand: "PowerTech", name: "Fast Charging Power Bank", price: "$59.99", rating: 5, - reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-writing-notebook_23-2149328252.jpg", imageAlt: "Fast charging power bank portable battery"}, + reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-writing-notebook_23-2149328252.jpg", imageAlt: "Fast charging power bank portable battery" + }, { id: "6", brand: "AudioMax", name: "Portable Bluetooth Speaker", price: "$74.99", rating: 5, - reviewCount: "2.7k", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-with-speaker_23-2149046216.jpg", imageAlt: "Portable bluetooth speaker music device"}, + reviewCount: "2.7k", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-with-speaker_23-2149046216.jpg", imageAlt: "Portable bluetooth speaker music device" + }, ]} buttons={[ { text: "View All Products", href: "#" }, @@ -123,7 +130,8 @@ export default function LandingPage() { features={[ { id: "1", title: "Fast & Secure Checkout", description: "Complete your purchase in seconds with our streamlined checkout process and multiple secure payment options", media: { - imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app-design_23-2148403588.jpg"}, + imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app-design_23-2148403588.jpg" + }, items: [ { icon: Shield, text: "SSL encrypted payments" }, { icon: Zap, text: "One-click purchase" }, @@ -133,7 +141,8 @@ export default function LandingPage() { }, { id: "2", title: "Free Shipping & Returns", description: "Enjoy hassle-free shopping with complimentary shipping on orders over $50 and easy 30-day returns", media: { - imageSrc: "http://img.b2bpic.net/free-photo/delivery-concept-handsome-african-american-delivery-man-giving-package-homeowner-isolated-grey-studio-background-copy-space_1258-1214.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/delivery-concept-handsome-african-american-delivery-man-giving-package-homeowner-isolated-grey-studio-background-copy-space_1258-1214.jpg" + }, items: [ { icon: Truck, text: "Free shipping over $50" }, { icon: RotateCcw, text: "30-day returns" }, @@ -143,7 +152,8 @@ export default function LandingPage() { }, { id: "3", title: "24/7 Customer Support", description: "Our dedicated support team is always ready to help with your questions and concerns", media: { - imageSrc: "http://img.b2bpic.net/free-photo/call-center-operator-assisting-users-with-installing-software_482257-117872.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/call-center-operator-assisting-users-with-installing-software_482257-117872.jpg" + }, items: [ { icon: MessageCircle, text: "Live chat support" }, { icon: Phone, text: "Phone support" }, @@ -171,7 +181,8 @@ export default function LandingPage() { { text: "Learn More", href: "#" }, ], features: [ - "Standard shipping", "Product recommendations", "Weekly deals & offers", "Customer support"], + "Standard shipping", "Product recommendations", "Weekly deals & offers", "Customer support" + ], }, { id: "2", badge: "Premium", badgeIcon: Sparkles, @@ -180,7 +191,8 @@ export default function LandingPage() { { text: "Chat to Sales", href: "#" }, ], features: [ - "Free shipping always", "Priority customer support", "Exclusive member discounts", "Early access to sales", "Free returns"], + "Free shipping always", "Priority customer support", "Exclusive member discounts", "Early access to sales", "Free returns" + ], }, { id: "3", badge: "Elite", badgeIcon: Crown, @@ -189,7 +201,8 @@ export default function LandingPage() { { text: "Contact Us", href: "#" }, ], features: [ - "Express shipping", "VIP customer concierge", "Maximum member discounts", "Exclusive product previews", "Free returns & exchanges", "Birthday bonus credits"], + "Express shipping", "VIP customer concierge", "Maximum member discounts", "Exclusive product previews", "Free returns & exchanges", "Birthday bonus credits" + ], }, ]} /> @@ -204,17 +217,23 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", name: "Sarah Johnson, CEO of TechStart", date: "Date: 15 January 2025", tag: "Premium Member", title: "Exceptional Shopping Experience!", quote: "ShopHub has transformed how I shop online. The product quality is outstanding, and the customer service is unmatched. I've recommended it to all my friends.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-smiling-woman-posing-white-background_231208-1813.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-posing-mall_23-2148225691.jpg"}, + id: "1", name: "Sarah Johnson, CEO of TechStart", date: "Date: 15 January 2025", tag: "Premium Member", title: "Exceptional Shopping Experience!", quote: "ShopHub has transformed how I shop online. The product quality is outstanding, and the customer service is unmatched. I've recommended it to all my friends.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-smiling-woman-posing-white-background_231208-1813.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-posing-mall_23-2148225691.jpg" + }, { - id: "2", name: "Michael Chen, Product Designer", date: "Date: 12 January 2025", tag: "Elite Member", title: "Best Online Shopping Platform", quote: "The website is beautifully designed and incredibly easy to navigate. Checkout is seamless, shipping is fast, and returns are hassle-free. Couldn't ask for better!", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", imageSrc: "http://img.b2bpic.net/free-photo/expression-housewife-buyer-walk-city_1301-861.jpg"}, + id: "2", name: "Michael Chen, Product Designer", date: "Date: 12 January 2025", tag: "Elite Member", title: "Best Online Shopping Platform", quote: "The website is beautifully designed and incredibly easy to navigate. Checkout is seamless, shipping is fast, and returns are hassle-free. Couldn't ask for better!", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", imageSrc: "http://img.b2bpic.net/free-photo/expression-housewife-buyer-walk-city_1301-861.jpg" + }, { - id: "3", name: "Emily Rodriguez, Marketing Director", date: "Date: 10 January 2025", tag: "Premium Member", title: "Incredible Value for Money", quote: "The products are high-quality and the prices are competitive. The membership program offers amazing discounts that pay for itself in just a few purchases.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors_23-2150296635.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-office_1303-9736.jpg"}, + id: "3", name: "Emily Rodriguez, Marketing Director", date: "Date: 10 January 2025", tag: "Premium Member", title: "Incredible Value for Money", quote: "The products are high-quality and the prices are competitive. The membership program offers amazing discounts that pay for itself in just a few purchases.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors_23-2150296635.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-office_1303-9736.jpg" + }, { - id: "4", name: "David Kim, Software Engineer", date: "Date: 8 January 2025", tag: "Elite Member", title: "Outstanding Customer Support", quote: "I had an issue with an order and their support team resolved it within hours. Their dedication to customer satisfaction is truly impressive.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-business-consultant-reviewing-forecasts-with-copy-space-building-new-development-strategy_482257-136416.jpg"}, + id: "4", name: "David Kim, Software Engineer", date: "Date: 8 January 2025", tag: "Elite Member", title: "Outstanding Customer Support", quote: "I had an issue with an order and their support team resolved it within hours. Their dedication to customer satisfaction is truly impressive.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-business-consultant-reviewing-forecasts-with-copy-space-building-new-development-strategy_482257-136416.jpg" + }, { - id: "5", name: "Lisa Wong, Business Owner", date: "Date: 5 January 2025", tag: "Premium Member", title: "A Game-Changer for Online Shopping", quote: "ShopHub stands out from other retailers. The attention to detail, quality assurance, and commitment to customer satisfaction is evident in every interaction.", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman_23-2148006226.jpg"}, + id: "5", name: "Lisa Wong, Business Owner", date: "Date: 5 January 2025", tag: "Premium Member", title: "A Game-Changer for Online Shopping", quote: "ShopHub stands out from other retailers. The attention to detail, quality assurance, and commitment to customer satisfaction is evident in every interaction.", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman_23-2148006226.jpg" + }, { - id: "6", name: "James Wilson, Entrepreneur", date: "Date: 2 January 2025", tag: "Elite Member", title: "Five Stars Across the Board", quote: "From product selection to delivery, everything about ShopHub exceeds expectations. This is the online shopping experience I've been waiting for.", avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-working-computer-cafe-drinking-coffee_1303-14498.jpg"}, + id: "6", name: "James Wilson, Entrepreneur", date: "Date: 2 January 2025", tag: "Elite Member", title: "Five Stars Across the Board", quote: "From product selection to delivery, everything about ShopHub exceeds expectations. This is the online shopping experience I've been waiting for.", avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-working-computer-cafe-drinking-coffee_1303-14498.jpg" + }, ]} /> @@ -229,9 +248,11 @@ export default function LandingPage() { showCard={true} speed={40} logos={[ - "http://img.b2bpic.net/free-vector/abstract-techno-logo-templates-blue-yellow-colors_23-2147534592.jpg", "http://img.b2bpic.net/free-vector/science-logo-template-design_23-2150369162.jpg", "http://img.b2bpic.net/free-vector/growing-plant-logo-negative-space-style_126523-484.jpg", "http://img.b2bpic.net/free-vector/flat-logos-collection-pickleball_23-2150220607.jpg", "http://img.b2bpic.net/free-vector/minimal-colorful-business-card-template_23-2148371667.jpg", "http://img.b2bpic.net/free-vector/modern-gradient-abstract-vision-logo_1421494-527.jpg", "http://img.b2bpic.net/free-vector/gradient-data-logo-template_23-2149200603.jpg", "http://img.b2bpic.net/free-vector/flat-electronics-logos-collection_23-2148978653.jpg"]} + "http://img.b2bpic.net/free-vector/abstract-techno-logo-templates-blue-yellow-colors_23-2147534592.jpg", "http://img.b2bpic.net/free-vector/science-logo-template-design_23-2150369162.jpg", "http://img.b2bpic.net/free-vector/growing-plant-logo-negative-space-style_126523-484.jpg", "http://img.b2bpic.net/free-vector/flat-logos-collection-pickleball_23-2150220607.jpg", "http://img.b2bpic.net/free-vector/minimal-colorful-business-card-template_23-2148371667.jpg", "http://img.b2bpic.net/free-vector/modern-gradient-abstract-vision-logo_1421494-527.jpg", "http://img.b2bpic.net/free-vector/gradient-data-logo-template_23-2149200603.jpg", "http://img.b2bpic.net/free-vector/flat-electronics-logos-collection_23-2148978653.jpg" + ]} names={[ - "TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DesignStudio", "FutureVision", "CloudSync", "DataFlow"]} + "TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DesignStudio", "FutureVision", "CloudSync", "DataFlow" + ]} /> @@ -249,17 +270,23 @@ export default function LandingPage() { faqsAnimation="slide-up" faqs={[ { - id: "1", title: "What is your return policy?", content: "We offer a hassle-free 30-day return policy on all items. If you're not completely satisfied, simply return the product in its original condition for a full refund or exchange. Return shipping is free on all orders."}, + id: "1", title: "What is your return policy?", content: "We offer a hassle-free 30-day return policy on all items. If you're not completely satisfied, simply return the product in its original condition for a full refund or exchange. Return shipping is free on all orders." + }, { - id: "2", title: "How long does shipping take?", content: "Standard shipping typically takes 5-7 business days. Express shipping (2-3 business days) and overnight shipping options are available at checkout. Premium and Elite members enjoy free express shipping on all orders."}, + id: "2", title: "How long does shipping take?", content: "Standard shipping typically takes 5-7 business days. Express shipping (2-3 business days) and overnight shipping options are available at checkout. Premium and Elite members enjoy free express shipping on all orders." + }, { - id: "3", title: "Do you offer international shipping?", content: "Yes! We ship to over 150 countries worldwide. International shipping costs and delivery times vary by location. You can see exact shipping options and costs at checkout based on your address."}, + id: "3", title: "Do you offer international shipping?", content: "Yes! We ship to over 150 countries worldwide. International shipping costs and delivery times vary by location. You can see exact shipping options and costs at checkout based on your address." + }, { - id: "4", title: "How do I track my order?", content: "Once your order ships, you'll receive a confirmation email with a tracking number. You can use this number to monitor your package's progress on our website or through the carrier's tracking system."}, + id: "4", title: "How do I track my order?", content: "Once your order ships, you'll receive a confirmation email with a tracking number. You can use this number to monitor your package's progress on our website or through the carrier's tracking system." + }, { - id: "5", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, Apple Pay, Google Pay, and various digital wallets. All transactions are encrypted and secure."}, + id: "5", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, Apple Pay, Google Pay, and various digital wallets. All transactions are encrypted and secure." + }, { - id: "6", title: "Can I modify or cancel my order?", content: "Orders can typically be modified or cancelled within 1 hour of purchase. After that, the order enters our fulfillment process and cannot be changed. Contact our support team immediately if you need to cancel."}, + id: "6", title: "Can I modify or cancel my order?", content: "Orders can typically be modified or cancelled within 1 hour of purchase. After that, the order enters our fulfillment process and cannot be changed. Contact our support team immediately if you need to cancel." + }, ]} /> @@ -310,4 +337,4 @@ export default function LandingPage() { ); -} +} \ No newline at end of file -- 2.49.1