bender/ed8fa3c3-27bc-4fed-a6ed-928aef6115ea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-05 08:59:47 +00:00
Conversation 0 Commits 1 Files Changed 1 +51 -265
1 changed files with 51 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

316
src/app/page.tsx
View File

@@ -19,93 +19,49 @@ export default function LandingPage() {
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Gallery",
id: "products",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Gallery", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="WrapMasters"
button={{ text: "Contact", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Transform Your Ride with Premium Wraps"
description="High-quality custom vehicle wraps for cars, trucks, and fleets. Express your style with precision craftsmanship."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
alt: "Happy Customer",
},
{
src: "http://img.b2bpic.net/free-photo/happy-driver-with-safety-belt-fastened_158595-4223.jpg",
alt: "Satisfied Driver",
},
{
src: "http://img.b2bpic.net/free-photo/emotional-cheerful-woman-with-curly-bushy-hair-triumphs-something-clenches-fists-stares-camera-smiles-broadly-wears-casual-red-turtleneck-isolated-white-background-hooray-i-did-it_273609-57912.jpg",
alt: "Car Enthusiast",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170382.jpg",
alt: "Fleet Client",
},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
alt: "Satisfied professional driver",
},
{ src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", alt: "Happy Customer" },
{ src: "http://img.b2bpic.net/free-photo/happy-driver-with-safety-belt-fastened_158595-4223.jpg", alt: "Satisfied Driver" },
{ src: "http://img.b2bpic.net/free-photo/emotional-cheerful-woman-with-curly-bushy-hair-triumphs-something-clenches-fists-stares-camera-smiles-broadly-wears-casual-red-turtleneck-isolated-white-background-hooray-i-did-it_273609-57912.jpg", alt: "Car Enthusiast" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170382.jpg", alt: "Fleet Client" },
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg", alt: "Satisfied professional driver" }
]}
avatarText="Trusted by 500+ car owners"
buttons={[
{
text: "Get a Quote",
href: "#contact",
},
]}
buttons={[{ text: "Get a Quote", href: "#contact" }]}
marqueeItems={[
{
type: "text",
text: "Paint Protection",
},
{
type: "text",
text: "Color Change",
},
{
type: "text",
text: "Fleet Branding",
},
{
type: "text",
text: "Ceramic Coating",
},
{
type: "text",
text: "Custom Design",
},
{ type: "text", text: "Paint Protection" },
{ type: "text", text: "Color Change" },
{ type: "text", text: "Fleet Branding" },
{ type: "text", text: "Ceramic Coating" },
{ type: "text", text: "Custom Design" }
]}
/>
</div>
@@ -116,18 +72,9 @@ export default function LandingPage() {
title="Crafting Perfection, One Panel at a Time"
description="Our team uses only industry-leading vinyl materials to ensure long-lasting protection and stunning finishes. We combine technical expertise with artistic vision to deliver flawless results every single time."
metrics={[
{
value: "10+",
title: "Years Experience",
},
{
value: "2000+",
title: "Vehicles Wrapped",
},
{
value: "99%",
title: "Satisfaction",
},
{ value: "10+", title: "Years Experience" },
{ value: "2000+", title: "Vehicles Wrapped" },
{ value: "99%", title: "Satisfaction" }
]}
imageSrc="http://img.b2bpic.net/free-photo/hey-look-what-i-did-cheerful-dark-skinned-ethnic-woman-points-shows-how-she-painted-walls-apartment-surrounded-with-paint-tools-busy-doing-repairing-home-room-redecoration_273609-45160.jpg"
mediaAnimation="slide-up"
@@ -143,47 +90,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Paint Protection",
description: "High-end protection against rock chips, debris, and UV rays.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-her-electric-car-s-door_23-2149458001.jpg",
imageAlt: "Paint protection detail",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg",
imageAlt: "Surface protection finish",
},
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
imageAlt: "paint protection film applied",
title: "Paint Protection", description: "High-end protection against rock chips, debris, and UV rays.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-her-electric-car-s-door_23-2149458001.jpg", imageAlt: "Paint protection detail" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg", imageAlt: "Surface protection finish" }
},
{
title: "Full Custom Wraps",
description: "Change your vehicle's look with thousands of colors and finishes.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg",
imageAlt: "Full color wrap",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-wrapping-car_23-2149385680.jpg",
imageAlt: "Stunning car wrap",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-driver-with-safety-belt-fastened_158595-4223.jpg",
imageAlt: "paint protection film applied",
title: "Full Custom Wraps", description: "Change your vehicle's look with thousands of colors and finishes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg", imageAlt: "Full color wrap" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-wrapping-car_23-2149385680.jpg", imageAlt: "Stunning car wrap" }
},
{
title: "Fleet Branding",
description: "Professional advertising solutions for your commercial fleet.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-vector/car-van-mockup-livery-wrap-design-realistic-set-isolated-angle-views-automobile-branding-vector-illustration_1284-76018.jpg",
imageAlt: "Commercial wrap",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wrapping-car_23-2149385703.jpg",
imageAlt: "Fleet branding detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/emotional-cheerful-woman-with-curly-bushy-hair-triumphs-something-clenches-fists-stares-camera-smiles-broadly-wears-casual-red-turtleneck-isolated-white-background-hooray-i-did-it_273609-57912.jpg",
imageAlt: "paint protection film applied",
},
title: "Fleet Branding", description: "Professional advertising solutions for your commercial fleet.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/car-van-mockup-livery-wrap-design-realistic-set-isolated-angle-views-automobile-branding-vector-illustration_1284-76018.jpg", imageAlt: "Commercial wrap" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wrapping-car_23-2149385703.jpg", imageAlt: "Fleet branding detail" }
}
]}
showStepNumbers={true}
title="Why Choose WrapMasters?"
@@ -198,48 +115,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Satin Black Sports Car",
price: "From $2,500",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-new-car-with-doors-opened_23-2148332902.jpg",
},
{
id: "p2",
name: "Color Flip Truck",
price: "From $3,200",
variant: "Advanced",
imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862134.jpg",
},
{
id: "p3",
name: "Gloss White Luxury",
price: "From $2,800",
variant: "Standard",
imageSrc: "http://img.b2bpic.net/free-photo/arrow-symbol-illustrated_23-2151909745.jpg",
},
{
id: "p4",
name: "Commercial Fleet Wrap",
price: "Inquire",
variant: "Fleet",
imageSrc: "http://img.b2bpic.net/free-vector/geometric-modern-web-banners-set-three_1017-25736.jpg",
},
{
id: "p5",
name: "Carbon Fiber Trim",
price: "From $500",
variant: "Accent",
imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg",
},
{
id: "p6",
name: "Matte Grey SUV",
price: "From $2,700",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-vector/abstract-smooth-shapes-dark-black-backdrop-design_1017-50931.jpg",
},
{ id: "p1", name: "Satin Black Sports Car", price: "From $2,500", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-new-car-with-doors-opened_23-2148332902.jpg" },
{ id: "p2", name: "Color Flip Truck", price: "From $3,200", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862134.jpg" },
{ id: "p3", name: "Gloss White Luxury", price: "From $2,800", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/arrow-symbol-illustrated_23-2151909745.jpg" },
{ id: "p4", name: "Commercial Fleet Wrap", price: "Inquire", variant: "Fleet", imageSrc: "http://img.b2bpic.net/free-vector/geometric-modern-web-banners-set-three_1017-25736.jpg" },
{ id: "p5", name: "Carbon Fiber Trim", price: "From $500", variant: "Accent", imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg" },
{ id: "p6", name: "Matte Grey SUV", price: "From $2,700", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-vector/abstract-smooth-shapes-dark-black-backdrop-design_1017-50931.jpg" }
]}
title="Our Recent Projects"
description="Browse our gallery of custom vehicle transformations."
@@ -252,59 +133,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "standard",
tag: "Entry Level",
price: "$1,999",
period: "starting",
description: "Essential color change wrap.",
button: {
text: "Get Started",
href: "#contact",
},
featuresTitle: "Includes",
features: [
"Standard gloss/matte vinyl",
"2-year warranty",
"Panel cleaning",
],
},
{
id: "premium",
tag: "Most Popular",
price: "$2,999",
period: "starting",
description: "High-end protection & aesthetics.",
button: {
text: "Get Started",
href: "#contact",
},
featuresTitle: "Includes",
features: [
"Premium metallic/satin vinyl",
"5-year warranty",
"Ceramic coating",
"Detail deep clean",
],
},
{
id: "custom",
tag: "Full Custom",
price: "$4,500",
period: "starting",
description: "Ultimate bespoke styling.",
button: {
text: "Get Started",
href: "#contact",
},
featuresTitle: "Includes",
features: [
"Custom design & print",
"Lifetime warranty",
"Door jambs included",
"Ceramic coating",
],
},
{ id: "standard", tag: "Entry Level", price: "$1,999", period: "starting", description: "Essential color change wrap.", button: { text: "Get Started", href: "#contact" }, featuresTitle: "Includes", features: ["Standard gloss/matte vinyl", "2-year warranty", "Panel cleaning"] },
{ id: "premium", tag: "Most Popular", price: "$2,999", period: "starting", description: "High-end protection & aesthetics.", button: { text: "Get Started", href: "#contact" }, featuresTitle: "Includes", features: ["Premium metallic/satin vinyl", "5-year warranty", "Ceramic coating", "Detail deep clean"] },
{ id: "custom", tag: "Full Custom", price: "$4,500", period: "starting", description: "Ultimate bespoke styling.", button: { text: "Get Started", href: "#contact" }, featuresTitle: "Includes", features: ["Custom design & print", "Lifetime warranty", "Door jambs included", "Ceramic coating"] }
]}
title="Wrapping Packages"
description="Transparent pricing for all vehicle types."
@@ -318,46 +149,11 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex R.",
role: "Owner",
company: "Sports Car Club",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/funny-african-man-with-bushy-curly-hair-blinking-his-eye-having-warm-broad-smile_273609-14063.jpg",
},
{
id: "2",
name: "Sarah J.",
role: "Manager",
company: "Local Fleet",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
},
{
id: "3",
name: "Mark D.",
role: "Enthusiast",
company: "Auto Life",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-hugging-his-new-car-car-salon_1303-28480.jpg",
},
{
id: "4",
name: "Lisa T.",
role: "Collector",
company: "Vintage Car Co",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
},
{
id: "5",
name: "Tom B.",
role: "Professional",
company: "Daily Commuter",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-tram_641386-883.jpg",
},
{ id: "1", name: "Alex R.", role: "Owner", company: "Sports Car Club", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/funny-african-man-with-bushy-curly-hair-blinking-his-eye-having-warm-broad-smile_273609-14063.jpg" },
{ id: "2", name: "Sarah J.", role: "Manager", company: "Local Fleet", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
{ id: "3", name: "Mark D.", role: "Enthusiast", company: "Auto Life", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-hugging-his-new-car-car-salon_1303-28480.jpg" },
{ id: "4", name: "Lisa T.", role: "Collector", company: "Vintage Car Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg" },
{ id: "5", name: "Tom B.", role: "Professional", company: "Daily Commuter", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-tram_641386-883.jpg" }
]}
title="What Our Clients Say"
description="See why our clients trust us with their vehicles."
@@ -368,15 +164,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"3M Certified",
"Avery Dennison",
"Hexis",
"SunTek",
"XPEL",
"PPF Pros",
"Auto Style Group",
]}
names={["3M Certified", "Avery Dennison", "Hexis", "SunTek", "XPEL", "PPF Pros", "Auto Style Group"]}
title="Certified Partners"
description="We are proud to work with the best material suppliers in the industry."
/>
@@ -385,9 +173,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Let's Get Started"
title="Get a Free Quote"
description="Tell us about your vehicle and the style you're looking for, and we'll get back to you with a custom quote."