Update src/app/page.tsx
This commit is contained in:
345
src/app/page.tsx
345
src/app/page.tsx
@@ -27,250 +27,121 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="WrapMasters"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="WrapMasters"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Precision Vehicle Wraps for Every Journey"
|
||||
description="Transform your personal car or elevate your commercial fleet with premium, professional-grade vinyl wraps that look stunning and stand the test of time."
|
||||
tag="Expert Vehicle Customization"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593841.jpg",
|
||||
imageAlt: "Custom Sport Car Wrap",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593836.jpg",
|
||||
imageAlt: "Commercial Van Branding",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-textured-material-with-elegant-folds_84443-83750.jpg?_wi=1",
|
||||
imageAlt: "Premium Vinyl Texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32329.jpg?_wi=1",
|
||||
imageAlt: "Paint Protection Film",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-wrapping-car-with-blue-cover_23-2149385686.jpg?_wi=1",
|
||||
imageAlt: "Automotive Workshop Interior",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ Local Businesses & Car Owners"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Precision Vehicle Wraps for Every Journey"
|
||||
description="Transform your personal car or elevate your commercial fleet with premium, professional-grade vinyl wraps that look stunning and stand the test of time."
|
||||
tag="Expert Vehicle Customization"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593841.jpg", imageAlt: "Custom Sport Car Wrap" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593836.jpg", imageAlt: "Commercial Van Branding" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ Local Businesses & Car Owners"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Perfection, Every Mile"
|
||||
description={[
|
||||
"With years of experience in high-end automotive detailing, we offer complete precision and attention to detail for every vehicle we wrap.",
|
||||
"Whether you need a full colour change for your personal car or a cohesive branding solution for your entire business fleet, our expert team delivers flawless, durable results.",
|
||||
"We use only premium materials and proven techniques to ensure your wrap not only looks amazing but also protects your vehicle's original paint underneath.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Perfection, Every Mile"
|
||||
description={[
|
||||
"With years of experience in high-end automotive detailing, we offer complete precision and attention to detail for every vehicle we wrap.", "Whether you need a full colour change for your personal car or a cohesive branding solution for your entire business fleet, our expert team delivers flawless, durable results.", "We use only premium materials and proven techniques to ensure your wrap not only looks amazing but also protects your vehicle's original paint underneath."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Full Vehicle Wraps",
|
||||
description: "Total color changes and artistic designs using premium, UV-resistant vinyl films.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-textured-material-with-elegant-folds_84443-83750.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fleet Branding",
|
||||
description: "Professional wrap solutions for vans and company vehicles to increase your brand visibility on the road.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106142.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Paint Protection",
|
||||
description: "Protect your vehicle from stone chips and scratches with our invisible, high-performance protection films.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32329.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Wrapping Services"
|
||||
description="Comprehensive solutions tailored to your unique aesthetic and business needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Full Vehicle Wraps", description: "Total color changes and artistic designs using premium, UV-resistant vinyl films.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-textured-material-with-elegant-folds_84443-83750.jpg" },
|
||||
{ id: "f2", title: "Fleet Branding", description: "Professional wrap solutions for vans and company vehicles to increase your brand visibility on the road.", imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106142.jpg" },
|
||||
{ id: "f3", title: "Paint Protection", description: "Protect your vehicle from stone chips and scratches with our invisible, high-performance protection films.", imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32329.jpg" }
|
||||
]}
|
||||
title="Our Specialized Wrapping Services"
|
||||
description="Comprehensive solutions tailored to your unique aesthetic and business needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivier",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-shaking-hands-with-his-customers-workshop_637285-7786.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Business",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wrapping-car-inside-full-shot_23-2149385683.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-pointing-vehicle-hood-while-talking-car-mechanic-auto-repair-shop_637285-7702.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Delivery Solutions",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "John Drive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-man-car-showroom-selling-car_1303-16348.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex Rivier", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-shaking-hands-with-his-customers-workshop_637285-7786.jpg" },
|
||||
{ id: "2", name: "Sarah Business", imageSrc: "http://img.b2bpic.net/free-photo/man-wrapping-car-inside-full-shot_23-2149385683.jpg" },
|
||||
{ id: "3", name: "Mike Tech", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-pointing-vehicle-hood-while-talking-car-mechanic-auto-repair-shop_637285-7702.jpg" },
|
||||
{ id: "4", name: "Delivery Solutions", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg" },
|
||||
{ id: "5", name: "John Drive", imageSrc: "http://img.b2bpic.net/free-photo/sales-man-car-showroom-selling-car_1303-16348.jpg" }
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a vehicle wrap last?",
|
||||
content: "With proper care, our high-quality professional wraps typically last 5–7 years depending on environmental conditions.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can you wrap a van for my business?",
|
||||
content: "Absolutely! We specialize in full van fleet wraps that turn your vehicles into mobile billboards.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Does the wrap protect the paint?",
|
||||
content: "Yes, our vinyl wraps act as a sacrificial layer, shielding your paint from scratches, UV fading, and road debris.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580547.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Everything You Need to Know"
|
||||
description="Got questions? We have the answers to help you make the best decision for your vehicle."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "How long does a vehicle wrap last?", content: "With proper care, our high-quality professional wraps typically last 5–7 years depending on environmental conditions." },
|
||||
{ id: "2", title: "Can you wrap a van for my business?", content: "Absolutely! We specialize in full van fleet wraps that turn your vehicles into mobile billboards." },
|
||||
{ id: "3", title: "Does the wrap protect the paint?", content: "Yes, our vinyl wraps act as a sacrificial layer, shielding your paint from scratches, UV fading, and road debris." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580547.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Everything You Need to Know"
|
||||
description="Got questions? We have the answers to help you make the best decision for your vehicle."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get a Free Quote"
|
||||
description="Ready to transform your vehicle? Fill out the form, and our expert team will get back to you with a competitive quote."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "vehicle",
|
||||
type: "text",
|
||||
placeholder: "Vehicle Model/Type",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your wrap project...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-hand-wrapping-car-with-blue-cover_23-2149385686.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get a Free Quote"
|
||||
description="Ready to transform your vehicle? Fill out the form, and our expert team will get back to you with a competitive quote."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "vehicle", type: "text", placeholder: "Vehicle Model/Type", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your wrap project...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-hand-wrapping-car-with-blue-cover_23-2149385686.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="WrapMasters"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "About Us", href: "#about" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="WrapMasters"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user