From dc905251c503f9bc4a3729185a4579fd21153fea Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 3 Jun 2026 08:37:48 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 333 +++++++++++------------------------------------ 1 file changed, 75 insertions(+), 258 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 0c422ee..0b26613 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS import PricingCardEight from '@/components/sections/pricing/PricingCardEight'; import ProductCardOne from '@/components/sections/product/ProductCardOne'; import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve'; -import { Activity, Award, Feather, Heart, Paintbrush, ShieldCheck, Sparkles, Tool } from "lucide-react"; +import { Activity, Award, Feather, Heart, Paintbrush, ShieldCheck, Sparkles, Wrench } from "lucide-react"; export default function LandingPage() { return ( @@ -33,30 +33,18 @@ export default function LandingPage() { @@ -139,19 +104,13 @@ export default function LandingPage() { metrics={[ { icon: Paintbrush, - label: "Custom Creations", - value: "1000+", - }, + label: "Custom Creations", value: "1000+"}, { icon: Sparkles, - label: "Unique Designs", - value: "100%", - }, + label: "Unique Designs", value: "100%"}, { icon: Activity, - label: "Happy Riders", - value: "500+", - }, + label: "Happy Riders", value: "500+"}, ]} metricsAnimation="slide-up" /> @@ -164,25 +123,13 @@ export default function LandingPage() { description="We meticulously transform your vision into reality, combining artistic flair with technical expertise for a finish that truly stands out." accordionItems={[ { - id: "process-1", - title: "1. Vision & Consultation", - content: "Share your ideas, inspirations, and desired aesthetics. We'll explore design concepts, color palettes, and material finishes to fully capture your vision.", - }, + id: "process-1", title: "1. Vision & Consultation", content: "Share your ideas, inspirations, and desired aesthetics. We'll explore design concepts, color palettes, and material finishes to fully capture your vision."}, { - id: "process-2", - title: "2. Precision Preparation", - content: "Every frame undergoes rigorous preparation, from stripping old paint and repairing imperfections to meticulous sanding, ensuring a flawless canvas for your new artwork.", - }, + id: "process-2", title: "2. Precision Preparation", content: "Every frame undergoes rigorous preparation, from stripping old paint and repairing imperfections to meticulous sanding, ensuring a flawless canvas for your new artwork."}, { - id: "process-3", - title: "3. Artistic Application", - content: "Our master artisans apply your custom design with unparalleled precision, using premium paints and techniques to bring your unique vision to life, layer by intricate layer.", - }, + id: "process-3", title: "3. Artistic Application", content: "Our master artisans apply your custom design with unparalleled precision, using premium paints and techniques to bring your unique vision to life, layer by intricate layer."}, { - id: "process-4", - title: "4. Durable Finish & Delivery", - content: "A multi-layer clear coat is applied for maximum durability and a deep, lasting shine. Your masterpiece is then carefully inspected and prepared for its journey back to you.", - }, + id: "process-4", title: "4. Durable Finish & Delivery", content: "A multi-layer clear coat is applied for maximum durability and a deep, lasting shine. Your masterpiece is then carefully inspected and prepared for its journey back to you."}, ]} imageSrc="http://img.b2bpic.net/free-photo/crop-man-bicycle-bridge_23-2147764158.jpg" imageAlt="Bicycle frame being prepped for painting" @@ -200,47 +147,17 @@ export default function LandingPage() { carouselMode="buttons" products={[ { - id: "product-1", - name: "Aero Racer Custom", - price: "Custom Project", - imageSrc: "http://img.b2bpic.net/free-photo/action-transport-transportation-bicycles-detail_1203-5120.jpg", - imageAlt: "Custom painted racing bike frame with geometric patterns", - }, + id: "product-1", name: "Aero Racer Custom", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/action-transport-transportation-bicycles-detail_1203-5120.jpg", imageAlt: "Custom painted racing bike frame with geometric patterns"}, { - id: "product-2", - name: "Vintage Revival", - price: "Restoration Project", - imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599325.jpg", - imageAlt: "Restored vintage bicycle frame with new paint", - }, + id: "product-2", name: "Vintage Revival", price: "Restoration Project", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599325.jpg", imageAlt: "Restored vintage bicycle frame with new paint"}, { - id: "product-3", - name: "Trailblazer Art", - price: "Custom Project", - imageSrc: "http://img.b2bpic.net/free-photo/rusty-granite-seamless-texture_23-2148327835.jpg", - imageAlt: "Custom painted mountain bike frame with artistic design", - }, + id: "product-3", name: "Trailblazer Art", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/rusty-granite-seamless-texture_23-2148327835.jpg", imageAlt: "Custom painted mountain bike frame with artistic design"}, { - id: "product-4", - name: "Urban Explorer", - price: "Custom Project", - imageSrc: "http://img.b2bpic.net/free-photo/happy-monday-with-bicycle-outdoors_23-2149814556.jpg", - imageAlt: "Custom painted electric bike frame for urban commuting", - }, + id: "product-4", name: "Urban Explorer", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/happy-monday-with-bicycle-outdoors_23-2149814556.jpg", imageAlt: "Custom painted electric bike frame for urban commuting"}, { - id: "product-5", - name: "Velodrome Speed", - price: "Custom Project", - imageSrc: "http://img.b2bpic.net/free-photo/bmx-rider-is-performing-tricks_654080-1410.jpg", - imageAlt: "Custom painted track bike frame with bold graphics", - }, + id: "product-5", name: "Velodrome Speed", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/bmx-rider-is-performing-tricks_654080-1410.jpg", imageAlt: "Custom painted track bike frame with bold graphics"}, { - id: "product-6", - name: "Graffiti Beast", - price: "Custom Project", - imageSrc: "http://img.b2bpic.net/free-photo/old-vintage-bicycle_74190-3457.jpg", - imageAlt: "Bicycle frame with vibrant graffiti-style custom paint", - }, + id: "product-6", name: "Graffiti Beast", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/old-vintage-bicycle_74190-3457.jpg", imageAlt: "Bicycle frame with vibrant graffiti-style custom paint"}, ]} title="Our Masterpieces: A Gallery of Custom Frames" description="Explore a selection of our finest custom painted bicycle frames, showcasing unique designs, vibrant colors, and unparalleled attention to detail." @@ -254,23 +171,14 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "m1", - icon: Award, - title: "Years of Craft", - value: "15+", - }, + id: "m1", icon: Award, + title: "Years of Craft", value: "15+"}, { - id: "m2", - icon: Sparkles, - title: "Custom Designs", - value: "Limitless", - }, + id: "m2", icon: Sparkles, + title: "Custom Designs", value: "Limitless"}, { - id: "m3", - icon: Heart, - title: "Client Satisfaction", - value: "99%", - }, + id: "m3", icon: Heart, + title: "Client Satisfaction", value: "99%"}, ]} title="The Art of Numbers: Our Commitment to Excellence" description="Our studio thrives on delivering not just paint, but perfection. These numbers reflect our dedication to quality, customer satisfaction, and unique artistry." @@ -282,35 +190,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "Alex P.", - imageSrc: "http://img.b2bpic.net/free-photo/cheerful-cyclist-catching-his-breath_329181-8667.jpg", - imageAlt: "Alex P. with custom bike", - }, + id: "t1", name: "Alex P.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-cyclist-catching-his-breath_329181-8667.jpg", imageAlt: "Alex P. with custom bike"}, { - id: "t2", - name: "Sarah J.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2354.jpg", - imageAlt: "Sarah J. with her custom bike", - }, + id: "t2", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2354.jpg", imageAlt: "Sarah J. with her custom bike"}, { - id: "t3", - name: "Mike C.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-blurry-woman-workshop_23-2149103832.jpg", - imageAlt: "Mike C. showing off his restoration", - }, + id: "t3", name: "Mike C.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-blurry-woman-workshop_23-2149103832.jpg", imageAlt: "Mike C. showing off his restoration"}, { - id: "t4", - name: "Emily R.", - imageSrc: "http://img.b2bpic.net/free-photo/interested-african-male-model-red-pants-smiling-portrait-inspired-black-guy-standing-near-green-bicycle_197531-20222.jpg", - imageAlt: "Emily R. excited about her new paint job", - }, + id: "t4", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/interested-african-male-model-red-pants-smiling-portrait-inspired-black-guy-standing-near-green-bicycle_197531-20222.jpg", imageAlt: "Emily R. excited about her new paint job"}, { - id: "t5", - name: "David K.", - imageSrc: "http://img.b2bpic.net/free-photo/man-racing-dirt-bike_23-2151493384.jpg", - imageAlt: "David K. admiring his custom frame", - }, + id: "t5", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/man-racing-dirt-bike_23-2151493384.jpg", imageAlt: "David K. admiring his custom frame"}, ]} cardTitle="Riders Love Their MPY Transformations" cardTag="Unmatched Craftsmanship" @@ -325,61 +213,31 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "plan-1", - badge: "Standard Refinish", - badgeIcon: Paintbrush, - price: "Starting at $400", - subtitle: "Fresh start for your frame", - buttons: [ + id: "plan-1", badge: "Standard Refinish", badgeIcon: Paintbrush, + price: "Starting at $400", subtitle: "Fresh start for your frame", buttons: [ { - text: "Get a Quote", - href: "#contact", - }, + text: "Get a Quote", href: "#contact"}, ], features: [ - "Single color repaint", - "Minor scratch repair", - "Standard clear coat", - "Full disassembly & reassembly", - ], + "Single color repaint", "Minor scratch repair", "Standard clear coat", "Full disassembly & reassembly"], }, { - id: "plan-2", - badge: "Custom Design", - badgeIcon: Sparkles, - price: "Starting at $800", - subtitle: "Your vision, our artistry", - buttons: [ + id: "plan-2", badge: "Custom Design", badgeIcon: Sparkles, + price: "Starting at $800", subtitle: "Your vision, our artistry", buttons: [ { - text: "Design Consultation", - href: "#contact", - }, + text: "Design Consultation", href: "#contact"}, ], features: [ - "Multi-color schemes & graphics", - "Advanced artistic details", - "Premium clear coat options", - "Digital mock-ups & revisions", - ], + "Multi-color schemes & graphics", "Advanced artistic details", "Premium clear coat options", "Digital mock-ups & revisions"], }, { - id: "plan-3", - badge: "Full Restoration", - badgeIcon: Tool, - price: "Starting at $1200", - subtitle: "Bringing classics back to life", - buttons: [ + id: "plan-3", badge: "Full Restoration", badgeIcon: Wrench, + price: "Starting at $1200", subtitle: "Bringing classics back to life", buttons: [ { - text: "Restore My Bike", - href: "#contact", - }, + text: "Restore My Bike", href: "#contact"}, ], features: [ - "Historical accuracy matching", - "Deep rust & dent removal", - "Original decal recreation", - "Protective ceramic coating", - ], + "Historical accuracy matching", "Deep rust & dent removal", "Original decal recreation", "Protective ceramic coating"], }, ]} title="Tailored Artistry: Request Your Custom Quote" @@ -394,38 +252,20 @@ export default function LandingPage() { description="Tell us about your vision. Our team will get back to you within 24 hours to discuss your project and provide a personalized quote." 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, }, { - name: "phone", - type: "tel", - placeholder: "Phone Number (Optional)", - }, + name: "phone", type: "tel", placeholder: "Phone Number (Optional)"}, ]} multiSelect={{ - name: "serviceType", - label: "Type of Service", - options: [ - "Custom Paint", - "Refinish", - "Restoration", - "Bulk Order (Bike Shops/Teams)", - "Other", - ], + name: "serviceType", label: "Type of Service", options: [ + "Custom Paint", "Refinish", "Restoration", "Bulk Order (Bike Shops/Teams)", "Other"], }} textarea={{ - name: "projectDetails", - placeholder: "Tell us about your project vision (e.g., bike type, style, colors, desired date)", - rows: 5, + name: "projectDetails", placeholder: "Tell us about your project vision (e.g., bike type, style, colors, desired date)", rows: 5, required: true, }} imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-repairing-bike_23-2148932598.jpg" @@ -443,58 +283,35 @@ export default function LandingPage() { logoText="MPY Paint Jobs" columns={[ { - title: "Services", - items: [ + title: "Services", items: [ { - label: "Custom Paint", - href: "#features", - }, + label: "Custom Paint", href: "#features"}, { - label: "Refinishing", - href: "#features", - }, + label: "Refinishing", href: "#features"}, { - label: "Restoration", - href: "#features", - }, + label: "Restoration", href: "#features"}, { - label: "Bulk Orders", - href: "#pricing", - }, + label: "Bulk Orders", href: "#pricing"}, ], }, { - title: "Studio", - items: [ + title: "Studio", items: [ { - label: "Portfolio", - href: "#products", - }, + label: "Portfolio", href: "#products"}, { - label: "Our Process", - href: "#features", - }, + label: "Our Process", href: "#features"}, { - label: "Testimonials", - href: "#testimonials", - }, + label: "Testimonials", href: "#testimonials"}, { - label: "Contact", - href: "#contact", - }, + label: "Contact", href: "#contact"}, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, { - label: "Terms of Service", - href: "#", - }, + label: "Terms of Service", href: "#"}, ], }, ]}