bender/e8d2e5d9-3acd-4292-834d-2637fb686192
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 08:37:48 +00:00
parent 68dff7d9f2
commit dc905251c5
1 changed files with 75 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

333
src/app/page.tsx
View File

@@ -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() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Services",
id: "#features",
},
name: "Services", id: "#features"},
{
name: "Portfolio",
id: "#products",
},
name: "Portfolio", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Quote",
id: "#contact",
},
name: "Quote", id: "#contact"},
]}
button={{
text: "Request a Quote",
href: "#contact",
}}
text: "Request a Quote", href: "#contact"}}
logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg"
logoAlt="MPY Paint Jobs Logo"
brandName="MPY Paint Jobs"
@@ -66,16 +54,13 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "glowing-orb",
}}
variant: "glowing-orb"}}
imagePosition="right"
title="Your Frame Your Vision Pure Custom Art"
description="MPY transforms bicycle frames into personalized masterpieces through premium handpainted designs, expert restorations, and one-of-a-kind finishes. From road to street, every bike tells your story."
buttons={[
{
text: "Request Your Custom Quote",
href: "#contact",
},
text: "Request Your Custom Quote", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/strong-shirtless-man-makes-acrobatic-figure-with-bmx-studio-isolated-dark-background_613910-9816.jpg"
imageAlt="Custom painted bicycle frame in a studio"
@@ -83,50 +68,30 @@ export default function LandingPage() {
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-extremal-young-woman-with-shining-smile-dressed-fashionable-biker-s-clothing-rests-fast-motorbike-likes-her-hobby-people-active-lifestyle-extreme-sport-concept_273609-2461.jpg",
alt: "Happy woman cyclist",
},
src: "http://img.b2bpic.net/free-photo/portrait-happy-extremal-young-woman-with-shining-smile-dressed-fashionable-biker-s-clothing-rests-fast-motorbike-likes-her-hobby-people-active-lifestyle-extreme-sport-concept_273609-2461.jpg", alt: "Happy woman cyclist"},
{
src: "http://img.b2bpic.net/free-photo/young-business-woman-riding-electro-scooter-by-ofice-center_1303-31446.jpg",
alt: "Woman riding scooter",
},
src: "http://img.b2bpic.net/free-photo/young-business-woman-riding-electro-scooter-by-ofice-center_1303-31446.jpg", alt: "Woman riding scooter"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-cool-man-having-fun-with-scooter_23-2149356795.jpg",
alt: "Man with scooter",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-cool-man-having-fun-with-scooter_23-2149356795.jpg", alt: "Man with scooter"},
{
src: "http://img.b2bpic.net/free-photo/stylish-adult-woman-posing-with-eco-friendly-bike_23-2148731241.jpg",
alt: "Stylish woman with bike",
},
src: "http://img.b2bpic.net/free-photo/stylish-adult-woman-posing-with-eco-friendly-bike_23-2148731241.jpg", alt: "Stylish woman with bike"},
{
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-with-arms-crossed_1170-2406.jpg",
alt: "Smiling bike mechanic",
},
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-with-arms-crossed_1170-2406.jpg", alt: "Smiling bike mechanic"},
]}
avatarText="Join 500+ happy riders!"
marqueeItems={[
{
type: "text-icon",
text: "Precision Craftsmanship",
icon: Feather,
type: "text-icon", text: "Precision Craftsmanship", icon: Feather,
},
{
type: "text",
text: "Your Vision, Our Canvas",
type: "text", text: "Your Vision, Our Canvas"},
{
type: "text-icon", text: "Unmatched Durability", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Unmatched Durability",
icon: ShieldCheck,
},
type: "text", text: "Hand-Painted Perfection"},
{
type: "text",
text: "Hand-Painted Perfection",
},
{
type: "text-icon",
text: "Ride in Unique Style",
icon: Activity,
type: "text-icon", text: "Ride in Unique Style", icon: Activity,
},
]}
/>
@@ -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: "#"},
],
},
]}