From fd3d6416914d154cee31c8d7a7c9fadf550877fc Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 14 May 2026 03:43:10 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 364 ++++++++--------------------------------------- 1 file changed, 57 insertions(+), 307 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index e773022..1baeb42 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,22 +32,10 @@ export default function LandingPage() { @@ -165,50 +89,26 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Expert SYM Tuning", - description: "Specialized performance upgrades and regular maintenance.", - icon: Wrench, + title: "Expert SYM Tuning", description: "Specialized performance upgrades and regular maintenance.", icon: Wrench, mediaItems: [ - { - imageSrc: "http://img.b2bpic.net/free-photo/closeup-person-refueling-modern-black-car-gas-station_1308-189562.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-geometric-shape_23-2148209971.jpg", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/outdoor-activities-lifestyle-ecological-transport-concept-joyful-curly-haired-young-female-model-rides-electric-scooter-has-fun-enjoys-awesome-ride-leisure-time-poses-urban-place_273609-55768.jpg?_wi=2", - imageAlt: "motor scooter fuel efficient symbol", + { imageSrc: "http://img.b2bpic.net/free-photo/closeup-person-refueling-modern-black-car-gas-station_1308-189562.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-geometric-shape_23-2148209971.jpg" } + ] }, { - title: "Genuine Parts", - description: "OEM components sourced directly for perfect compatibility.", - icon: ShieldCheck, + title: "Genuine Parts", description: "OEM components sourced directly for perfect compatibility.", icon: ShieldCheck, mediaItems: [ - { - imageSrc: "http://img.b2bpic.net/free-vector/repair_24908-54063.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-vector/20-product-management-flat-color-icon-pack-like-management-data-goods-business-preferences_1142-17823.jpg", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-laptop-cafe_1303-16280.jpg", - imageAlt: "motor scooter fuel efficient symbol", + { imageSrc: "http://img.b2b-vector/repair_24908-54063.jpg" }, + { imageSrc: "http://img.b2b-vector/20-product-management-flat-color-icon-pack-like-management-data-goods-business-preferences_1142-17823.jpg" } + ] }, { - title: "Fast Shipping", - description: "Get parts delivered to your door in record time.", - icon: Zap, + title: "Fast Shipping", description: "Get parts delivered to your door in record time.", icon: Zap, mediaItems: [ - { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5qzrv8", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-look-motorcycle-mirror-tropical-field_343596-2849.jpg", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-sunglasses-posing-while-standing_171337-17574.jpg?_wi=1", - imageAlt: "motor scooter fuel efficient symbol", - }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5qzrv8" }, + { imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-look-motorcycle-mirror-tropical-field_343596-2849.jpg" } + ] + } ]} title="Unmatched Quality & Service" description="We ensure your SYM scooter stays reliable, efficient, and road-ready all year round." @@ -222,60 +122,12 @@ export default function LandingPage() { gridVariant="four-items-2x2-equal-grid" useInvertedBackground={false} products={[ - { - id: "1", - brand: "SYM", - name: "CityCom 300", - price: "$4,299", - rating: 5, - reviewCount: "12", - imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-sunglasses-posing-while-standing_171337-17574.jpg?_wi=2", - }, - { - id: "2", - brand: "SYM", - name: "Jet 14", - price: "$2,899", - rating: 4, - reviewCount: "8", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-motor-electric-bike-ebike-bicycle_114579-344.jpg", - }, - { - id: "3", - brand: "SYM", - name: "Symphony ST", - price: "$3,199", - rating: 5, - reviewCount: "15", - imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-studio_23-2150781734.jpg", - }, - { - id: "4", - brand: "SYM", - name: "Fiddle IV", - price: "$2,599", - rating: 4, - reviewCount: "20", - imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-step-electric-scooter-background_613910-3396.jpg", - }, - { - id: "5", - brand: "SYM", - name: "Cruisym 150", - price: "$3,799", - rating: 5, - reviewCount: "9", - imageSrc: "http://img.b2bpic.net/free-photo/3d-render-cartoon-woman-riding-push-scooter-3d-art-design-illustration_460848-7132.jpg", - }, - { - id: "6", - brand: "SYM", - name: "Maxsym 400", - price: "$6,499", - rating: 5, - reviewCount: "22", - imageSrc: "http://img.b2bpic.net/free-photo/woman-throwing-up-keys-her-white-car-car-dealership_651396-3573.jpg", - }, + { id: "1", brand: "SYM", name: "CityCom 300", price: "$4,299", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-sunglasses-posing-while-standing_171337-17574.jpg" }, + { id: "2", brand: "SYM", name: "Jet 14", price: "$2,899", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motor-electric-bike-ebike-bicycle_114579-344.jpg" }, + { id: "3", brand: "SYM", name: "Symphony ST", price: "$3,199", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-studio_23-2150781734.jpg" }, + { id: "4", brand: "SYM", name: "Fiddle IV", price: "$2,599", rating: 4, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-step-electric-scooter-background_613910-3396.jpg" }, + { id: "5", brand: "SYM", name: "Cruisym 150", price: "$3,799", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-cartoon-woman-riding-push-scooter-3d-art-design-illustration_460848-7132.jpg" }, + { id: "6", brand: "SYM", name: "Maxsym 400", price: "$6,499", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/woman-throwing-up-keys-her-white-car-car-dealership_651396-3573.jpg" } ]} title="SYM Scooter Collection" description="Explore our latest lineup of SYM models designed for city life." @@ -288,33 +140,9 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} metrics={[ - { - id: "m1", - value: "12K+", - title: "Happy Riders", - items: [ - "Across the country", - "Riding every day", - ], - }, - { - id: "m2", - value: "500+", - title: "Genuine Parts", - items: [ - "In our catalog", - "In stock now", - ], - }, - { - id: "m3", - value: "15", - title: "Expert Mechanics", - items: [ - "Certified SYM techs", - "Always available", - ], - }, + { id: "m1", value: "12K+", title: "Happy Riders", items: ["Across the country", "Riding every day"] }, + { id: "m2", value: "500+", title: "Genuine Parts", items: ["In our catalog", "In stock now"] }, + { id: "m3", value: "15", title: "Expert Mechanics", items: ["Certified SYM techs", "Always available"] } ]} title="Shop Milestones" description="Delivering performance to riders nationwide." @@ -328,26 +156,11 @@ export default function LandingPage() { rating={5} author="David M., Daily Commuter" avatars={[ - { - src: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg", - alt: "Customer 1", - }, - { - src: "http://img.b2bpic.net/free-photo/young-woman-with-long-hairs-electric-scooter-girl-electric-scooter-drinks-coffee_1321-4604.jpg", - alt: "Customer 2", - }, - { - src: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg", - alt: "Customer 3", - }, - { - src: "http://img.b2bpic.net/free-photo/front-view-young-female-builder-green-construction-suit-yellow-helmet-just-posing-with-smile-pink-space-architecture-construction-job_140725-28875.jpg", - alt: "Customer 4", - }, - { - src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", - alt: "Customer 5", - }, + { src: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg", alt: "Customer 1" }, + { src: "http://img.b2bpic.net/free-photo/young-woman-with-long-hairs-electric-scooter-girl-electric-scooter-drinks-coffee_1321-4604.jpg", alt: "Customer 2" }, + { src: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg", alt: "Customer 3" }, + { src: "http://img.b2bpic.net/free-photo/front-view-young-female-builder-green-construction-suit-yellow-helmet-just-posing-with-smile-pink-space-architecture-construction-job_140725-28875.jpg", alt: "Customer 4" }, + { src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", alt: "Customer 5" } ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -359,21 +172,9 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={false} faqs={[ - { - id: "q1", - title: "How often should I service my scooter?", - content: "We recommend service every 3,000 miles to keep the engine in top shape.", - }, - { - id: "q2", - title: "Do you carry parts for all models?", - content: "Yes, we maintain a huge inventory of OEM SYM parts for nearly every model.", - }, - { - id: "q3", - title: "Can you handle custom modifications?", - content: "Definitely! Our mechanics are experts at tuning and customizing SYM platforms.", - }, + { id: "q1", title: "How often should I service my scooter?", content: "We recommend service every 3,000 miles to keep the engine in top shape." }, + { id: "q2", title: "Do you carry parts for all models?", content: "Yes, we maintain a huge inventory of OEM SYM parts for nearly every model." }, + { id: "q3", title: "Can you handle custom modifications?", content: "Definitely! Our mechanics are experts at tuning and customizing SYM platforms." } ]} imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-repairman-using-wrench-while-working-car-service-workshop_637285-9404.jpg" mediaAnimation="slide-up" @@ -386,18 +187,11 @@ export default function LandingPage() {
@@ -407,53 +201,9 @@ export default function LandingPage() { logoSrc="http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529703.jpg" logoText="SYM MotorHub" columns={[ - { - title: "Company", - items: [ - { - label: "About", - href: "#about", - }, - { - label: "Blog", - href: "#", - }, - { - label: "Careers", - href: "#", - }, - ], - }, - { - title: "Support", - items: [ - { - label: "FAQ", - href: "#faq", - }, - { - label: "Parts Search", - href: "#", - }, - { - label: "Contact", - href: "#contact", - }, - ], - }, - { - title: "Legal", - items: [ - { - label: "Privacy Policy", - href: "#", - }, - { - label: "Terms of Service", - href: "#", - }, - ], - }, + { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }] }, + { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Parts Search", href: "#" }, { label: "Contact", href: "#contact" }] }, + { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] } ]} />