Compare commits
18 Commits
version_9
...
version_14
| Author | SHA1 | Date | |
|---|---|---|---|
| 5f5f42cecb | |||
| 9ae82ba90c | |||
| 386a8d158e | |||
| ab556dcf52 | |||
| e94d08ee24 | |||
| fe3145a440 | |||
| 3bd665092e | |||
| 1102bad026 | |||
| ed0aecdaa2 | |||
| d108bd096d | |||
| 2862359fb2 | |||
| d52b6af95c | |||
| 8a09a6fd04 | |||
| 5204e8c26b | |||
| 2b3b481e03 | |||
| 216951e256 | |||
| ef42314bb1 | |||
| 8908c1a0d0 |
@@ -8,11 +8,11 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|||||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||||
import { Activity, Award, Feather, Heart, Paintbrush, ShieldCheck, Sparkles, Wrench, Quote } from "lucide-react";
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
|
import { Activity, Award, Feather, Heart, ShieldCheck, Sparkles, Quote } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -37,9 +37,11 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
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: "Socials", id: "#social-media"},
|
||||||
{
|
{
|
||||||
name: "Quote", id: "#contact"},
|
name: "Quote", id: "#contact"},
|
||||||
]}
|
]}
|
||||||
@@ -136,11 +138,11 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardFour
|
<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: "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-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"
|
||||||
@@ -208,42 +210,29 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
<div id="social-media" data-section="social-media">
|
||||||
<PricingCardEight
|
<SocialProofOne
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
plans={[
|
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."
|
||||||
id: "plan-1", badge: "Standard Refinish", badgeIcon: Paintbrush,
|
tag="Stay Connected"
|
||||||
price: "Starting at $400", subtitle: "Fresh start for your frame", buttons: [
|
names={[
|
||||||
{
|
"Facebook", "Instagram", "YouTube", "Twitter (X)"
|
||||||
text: "Get a Quote", href: "#contact"},
|
|
||||||
],
|
|
||||||
features: [
|
|
||||||
"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: [
|
|
||||||
{
|
|
||||||
text: "Design Consultation", href: "#contact"},
|
|
||||||
],
|
|
||||||
features: [
|
|
||||||
"Multi-color schemes & graphics", "Advanced artistic details", "Premium clear coat options", "Digital mock-ups & revisions"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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"},
|
|
||||||
],
|
|
||||||
features: [
|
|
||||||
"Historical accuracy matching", "Deep rust & dent removal", "Original decal recreation", "Protective ceramic coating"],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Tailored Artistry: Request Your Custom Quote"
|
buttons={[
|
||||||
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."
|
{
|
||||||
|
text: "Facebook", href: "https://www.facebook.com/mpycustompaintjobs"},
|
||||||
|
{
|
||||||
|
text: "Instagram", href: "https://www.instagram.com/mpypaintjobs_/"},
|
||||||
|
{
|
||||||
|
text: "YouTube", href: "https://www.youtube.com/MPYPaintJobs"},
|
||||||
|
{
|
||||||
|
text: "Twitter (X)", href: "https://twitter.com/MPYPaintJobs"}
|
||||||
|
]}
|
||||||
|
speed={40}
|
||||||
|
showCard={true}
|
||||||
|
ariaLabel="Social Media Section"
|
||||||
|
textboxLayout="default"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -292,8 +281,6 @@ export default function LandingPage() {
|
|||||||
label: "Refinishing", href: "#features"},
|
label: "Refinishing", href: "#features"},
|
||||||
{
|
{
|
||||||
label: "Restoration", href: "#features"},
|
label: "Restoration", href: "#features"},
|
||||||
{
|
|
||||||
label: "Bulk Orders", href: "#pricing"},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -304,6 +291,8 @@ export default function LandingPage() {
|
|||||||
label: "Our Process", href: "#features"},
|
label: "Our Process", href: "#features"},
|
||||||
{
|
{
|
||||||
label: "Testimonials", href: "#testimonials"},
|
label: "Testimonials", href: "#testimonials"},
|
||||||
|
{
|
||||||
|
label: "Socials", href: "#social-media"},
|
||||||
{
|
{
|
||||||
label: "Contact", href: "#contact"},
|
label: "Contact", href: "#contact"},
|
||||||
],
|
],
|
||||||
@@ -324,4 +313,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user