@@ -60,9 +66,9 @@ export default function LandingPage() {
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."
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={[
buttons={[
{
{
text:"Request Your Custom Quote",href:"#contact"},
imageAlt="Custom painted bicycle frame in a studio"
imageAlt="Custom painted bicycle frame in a studio"
mediaAnimation="blur-reveal"
mediaAnimation="blur-reveal"
fixedMediaHeight={true}
fixedMediaHeight={true}
@@ -98,29 +104,24 @@ export default function LandingPage() {
</div>
</div>
<divid="about"data-section="about">
<divid="about"data-section="about">
<AboutMetric
<TestimonialAboutCard
useInvertedBackground={false}
useInvertedBackground={false}
title="Crafted with Precision. Driven by Passion."
tag="Our Promise"
metrics={[
title="Your Vision, Our Canvas."
{
description="At MPY Paint Jobs, we believe every bike tells a story. Hear from our satisfied customers who have experienced the MPY difference and ride with unparalleled style."
icon: Paintbrush,
subdescription="Their custom bikes are now personalized masterpieces, reflecting their unique vision and our dedication to excellence."
imageAlt="Happy cyclist with a custom painted bike"
label:"Unique Designs",value:"100%"},
mediaAnimation="blur-reveal"
{
icon: Activity,
label:"Happy Riders",value:"500+"},
]}
metricsAnimation="slide-up"
/>
/>
</div>
</div>
<divid="features"data-section="features">
<divid="features"data-section="features">
<FeatureCardTwentyOne
<FeatureCardTwentyOne
useInvertedBackground={true}
useInvertedBackground={true}
title="The MPY Transformation Process"
title="The MPY Craft Process"
description="We meticulously transform your vision into reality, combining artistic flair with technical expertise for a finish that truly stands out."
description="We turn your vision into a precision-crafted finish where artistry and technical mastery meet."
accordionItems={[
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."},
@@ -131,7 +132,7 @@ export default function LandingPage() {
{
{
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."},
imageAlt="Bicycle frame being prepped for painting"
imageAlt="Bicycle frame being prepped for painting"
mediaAnimation="blur-reveal"
mediaAnimation="blur-reveal"
mediaPosition="right"
mediaPosition="right"
@@ -139,25 +140,31 @@ export default function LandingPage() {
</div>
</div>
<divid="products"data-section="products">
<divid="products"data-section="products">
<ProductCardOne
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
textboxLayout="default"
gridVariant="bento-grid"
gridVariant="bento-grid"
useInvertedBackground={false}
useInvertedBackground={false}
carouselMode="buttons"
carouselMode="buttons"
animationType="slide-up"
products={[
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:"Elves Bikes Frame",price:"Repaint Project",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780467729397-lqxx901e.jpg",imageAlt:"Custom painted racing bike frame with geometric patterns",variant:"Road Bike"
},
{
{
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:"Ave Maldea Custom Frame",price:"Restoration Project",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780467713489-t0pr11a2.jpg",imageAlt:"Restored vintage bicycle frame with new paint",variant:"Fixed Gear"
},
{
{
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:"Specialized Works Frame",price:"Repaint Project",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780466560858-i0e9zcla.jpg?_wi=1",imageAlt:"Custom painted mountain bike frame with artistic design",variant:"Road Bike"
},
{
{
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:"Giant Frame",price:"Repaint Project",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780478634392-fiau9xji.jpg",imageAlt:"Custom painted electric bike frame for urban commuting",variant:"Road Bike"
},
{
{
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:"Cinelli Mash Frame",price:"Repaint Project",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780479213950-wm0qmy6y.jpg",imageAlt:"Custom painted track bike frame with bold graphics",variant:"Fixed Gear"
},
{
{
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:"Specialized Frame",price:"Repaint Project",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780466560858-i0e9zcla.jpg?_wi=2",imageAlt:"Bicycle frame with vibrant graffiti-style custom paint",variant:"Road Bike"
},
]}
]}
title="Our Masterpieces: A Gallery of Custom Frames"
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."
description="Explore a selection of our finest custom painted bicycle frames, showcasing unique designs, vibrant colors, and unparalleled attention to detail."
@@ -172,7 +179,7 @@ export default function LandingPage() {
metrics={[
metrics={[
{
{
id:"m1",icon: Award,
id:"m1",icon: Award,
title:"Years of Craft",value:"15+"},
title:"Crafting Since",value:"2021"},
{
{
id:"m2",icon: Sparkles,
id:"m2",icon: Sparkles,
title:"Custom Designs",value:"Limitless"},
title:"Custom Designs",value:"Limitless"},
@@ -181,7 +188,7 @@ export default function LandingPage() {
title:"Client Satisfaction",value:"99%"},
title:"Client Satisfaction",value:"99%"},
]}
]}
title="The Art of Numbers: Our Commitment to Excellence"
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."
description="Our studio is built on more than paint—it’s built on precision, craftsmanship, and detail. These numbers reflect our commitment to quality, client trust, and one-of-one artistry."
/>
/>
</div>
</div>
@@ -190,13 +197,13 @@ export default function LandingPage() {
useInvertedBackground={false}
useInvertedBackground={false}
testimonials={[
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:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780481087551-8p9bipxt.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:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780481159781-397bl9jm.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:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780481163326-q46znam2.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:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780481238971-wn0n8f2k.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"},
]}
]}
@@ -206,42 +213,60 @@ export default function LandingPage() {
/>
/>
</div>
</div>
<divid="pricing"data-section="pricing">
<divid="faq"data-section="faq">
<PricingCardEight
<FaqDouble
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
useInvertedBackground={true}
plans={[
title="Frequently Asked Questions"
description="Find quick answers to common questions about our custom bicycle frame painting, refinishing, and restoration services."
id:"faq-1",title:"Where are you located?",content:"Our shop is located in Salitran 1, Dasmariñas City, Cavite. You can pin your map at Total (Salitran), and our shop is directly in front of it—just look for the sliding door beside the helmet vending machine."
price:"Starting at $400",subtitle:"Fresh start for your frame",buttons:[
{
text:"Get a Quote",href:"#contact"},
],
features:[
"Single color repaint","Minor scratch repair","Standard clear coat","Full disassembly & reassembly"],
id:"faq-2",title:"How much is the paint job service?",content:"Prices vary depending on the frame material whether aluminum, steel, or carbon and the color or design you choose. Our custom paint jobs usually start at ₱7,500."
price:"Starting at $800",subtitle:"Your vision, our artistry",buttons:[
id:"faq-3",title:"What kind of paint do you use?",content:"We use anzhal automotive urethane paint, topped with a high solid clear coat. Every frame also gets a 3 step polish for a smooth, glossy finish."
price:"Starting at $1200",subtitle:"Bringing classics back to life",buttons:[
id:"faq-4",title:"Do you scrape or strip off the old paint?",content:"Yes! for aluminum and steel frames, we use a chemical paint stripper to fully remove the old paint. For carbon frames, we DON'T use chemicals, we sand it manually to avoid damaging the material and to keep the frame in good condition underneath the new paint."
},
{
id:"faq-5",title:"What kind of paint do you use?",content:"A custom paint job usually takes 2-4 weeks. It depends on the frame's condition, weather, and any unexpected delays. We always make sure to give each frame the time and detail it deserves."
},
{
id:"faq-6",title:"Can we ship our frames if we're far from the shop? ",content:"Yes, you can! you can send your frames through couriers like Lalamove, J&T or any shipping company you trust. We accept shipped frames from anywhere, Worldwide."
}
]}
]}
title="Tailored Artistry: Request Your Custom Quote"
/>
description="Every frame is a unique canvas. Our pricing reflects the intricate detail, custom design, and expert craftsmanship involved. Contact us for a personalized consultation."
</div>
<divid="social-media"data-section="social-media">
<SocialProofOne
useInvertedBackground={true}
title="Connect with MPY Paint Jobs"
description="Follow us on our social media platforms to see our latest custom paint projects, behind-the-scenes glimpses, and connect with our community of riders and enthusiasts."
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
