Merge version_1 into main #2
288
src/app/page.tsx
288
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Hupp Painting"
|
||||
/>
|
||||
@@ -59,22 +44,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Hupp Painting"
|
||||
description="Professional residential and commercial painting services in Dunedin, FL. Committed to excellence and detail for over 10 years."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Work",
|
||||
href: "#gallery",
|
||||
},
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Our Work", href: "#gallery" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xhp5pw&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xhp5pw"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="painting professional residential exterior"
|
||||
/>
|
||||
@@ -88,7 +65,7 @@ export default function LandingPage() {
|
||||
description="With a commitment to excellence and a passion for detail, our team at Hupp Painting brings 10 years of industry experience to every project."
|
||||
subdescription="We prioritize your satisfaction by delivering impeccable results on time, every time."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=plvt2q&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=plvt2q"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="professional painting crew team"
|
||||
/>
|
||||
@@ -101,47 +78,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interior Painting",
|
||||
description: "Transform your living space with our premium interior painting solutions.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=thtmoh",
|
||||
imageAlt: "interior painting home decor",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fuyhky",
|
||||
imageAlt: "interior paint color wall",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xhp5pw&_wi=2",
|
||||
imageAlt: "interior painting home decor",
|
||||
title: "Interior Painting", description: "Transform your living space with our premium interior painting solutions.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=thtmoh", imageAlt: "interior painting home decor" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fuyhky", imageAlt: "interior paint color wall" }
|
||||
},
|
||||
{
|
||||
title: "Exterior Refresh",
|
||||
description: "Enhance your curb appeal with high-quality, long-lasting exterior finishes.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uvzy1s",
|
||||
imageAlt: "exterior house painting work",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1u7b5e",
|
||||
imageAlt: "exterior home paint finish",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=plvt2q&_wi=2",
|
||||
imageAlt: "interior painting home decor",
|
||||
title: "Exterior Refresh", description: "Enhance your curb appeal with high-quality, long-lasting exterior finishes.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uvzy1s", imageAlt: "exterior house painting work" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1u7b5e", imageAlt: "exterior home paint finish" }
|
||||
},
|
||||
{
|
||||
title: "Surface Preparation",
|
||||
description: "Meticulous prep work ensures a smooth, durable application every time.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=koj668",
|
||||
imageAlt: "painter tape wall prep",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2dpz7q",
|
||||
imageAlt: "wall painting preparation tools",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y7ogx5&_wi=1",
|
||||
imageAlt: "interior painting home decor",
|
||||
},
|
||||
title: "Surface Preparation", description: "Meticulous prep work ensures a smooth, durable application every time.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=koj668", imageAlt: "painter tape wall prep" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2dpz7q", imageAlt: "wall painting preparation tools" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Our Expert Services"
|
||||
@@ -156,66 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Exterior",
|
||||
name: "Coastal Home Refresh",
|
||||
price: "Completed",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y7ogx5&_wi=2",
|
||||
imageAlt: "house exterior beautiful painting",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Interior",
|
||||
name: "Modern Living Room",
|
||||
price: "Completed",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rjpdn7",
|
||||
imageAlt: "modern living room interior",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Exterior",
|
||||
name: "Residential Update",
|
||||
price: "Completed",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tversi",
|
||||
imageAlt: "residential house paint exterior",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Interior",
|
||||
name: "Kitchen Transformation",
|
||||
price: "Completed",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=otug66",
|
||||
imageAlt: "kitchen interior painting work",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Exterior",
|
||||
name: "Bungalow Restoration",
|
||||
price: "Completed",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=25283p",
|
||||
imageAlt: "bungalow house paint restoration",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Interior",
|
||||
name: "Custom Color Suite",
|
||||
price: "Completed",
|
||||
rating: 5,
|
||||
reviewCount: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wjg2if",
|
||||
imageAlt: "custom wall color interior",
|
||||
},
|
||||
{ id: "1", brand: "Exterior", name: "Coastal Home Refresh", price: "Completed", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y7ogx5", imageAlt: "house exterior beautiful painting" },
|
||||
{ id: "2", brand: "Interior", name: "Modern Living Room", price: "Completed", rating: 5, reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rjpdn7", imageAlt: "modern living room interior" },
|
||||
{ id: "3", brand: "Exterior", name: "Residential Update", price: "Completed", rating: 5, reviewCount: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tversi", imageAlt: "residential house paint exterior" },
|
||||
{ id: "4", brand: "Interior", name: "Kitchen Transformation", price: "Completed", rating: 5, reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=otug66", imageAlt: "kitchen interior painting work" },
|
||||
{ id: "5", brand: "Exterior", name: "Bungalow Restoration", price: "Completed", rating: 5, reviewCount: "9", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=25283p", imageAlt: "bungalow house paint restoration" },
|
||||
{ id: "6", brand: "Interior", name: "Custom Color Suite", price: "Completed", rating: 5, reviewCount: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wjg2if", imageAlt: "custom wall color interior" }
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="See the quality of our work firsthand."
|
||||
@@ -228,30 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Dedicated craft since 2015.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=csqksa",
|
||||
imageAlt: "painter holding tools work",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
description: "Happy homes across Florida.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7hdogd",
|
||||
imageAlt: "happy family house exterior",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Our promise of excellence.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=duwvu4",
|
||||
imageAlt: "quality seal check work",
|
||||
},
|
||||
{ id: "m1", value: "10+", title: "Years Experience", description: "Dedicated craft since 2015.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=csqksa", imageAlt: "painter holding tools work" },
|
||||
{ id: "m2", value: "500+", title: "Projects Completed", description: "Happy homes across Florida.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7hdogd", imageAlt: "happy family house exterior" },
|
||||
{ id: "m3", value: "100%", title: "Satisfaction Rate", description: "Our promise of excellence.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=duwvu4", imageAlt: "quality seal check work" }
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We stand by our quality and our community."
|
||||
@@ -265,46 +137,11 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Dunedin",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aeeety",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
role: "Homeowner",
|
||||
company: "Clearwater",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3l3lcd",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Property Manager",
|
||||
company: "Tampa",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tguiq0",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Business Owner",
|
||||
company: "Dunedin",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=id8mgk",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Karen B.",
|
||||
role: "Homeowner",
|
||||
company: "Safety Harbor",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tiv431",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Dunedin", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aeeety" },
|
||||
{ id: "2", name: "Mike D.", role: "Homeowner", company: "Clearwater", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3l3lcd" },
|
||||
{ id: "3", name: "Elena R.", role: "Property Manager", company: "Tampa", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tguiq0" },
|
||||
{ id: "4", name: "David W.", role: "Business Owner", company: "Dunedin", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=id8mgk" },
|
||||
{ id: "5", name: "Karen B.", role: "Homeowner", company: "Safety Harbor", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tiv431" }
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="What our customers are saying about Hupp Painting."
|
||||
@@ -316,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes! We provide free, no-obligation quotes for all residential and commercial painting projects.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. We carry full coverage to ensure your peace of mind while we work.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We primarily serve the Dunedin area and surrounding regions in Florida.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer free estimates?", content: "Yes! We provide free, no-obligation quotes for all residential and commercial painting projects." },
|
||||
{ id: "f2", title: "Are you licensed and insured?", content: "Absolutely. We carry full coverage to ensure your peace of mind while we work." },
|
||||
{ id: "f3", title: "What areas do you serve?", content: "We primarily serve the Dunedin area and surrounding regions in Florida." }
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions regarding our process and services."
|
||||
@@ -341,18 +166,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Transform Your Space?"
|
||||
description="Schedule your free estimate today and bring your vision to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "hupp.painting@gmail.com",
|
||||
href: "mailto:hupp.painting@gmail.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "hupp.painting@gmail.com", href: "mailto:hupp.painting@gmail.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -361,36 +179,8 @@ export default function LandingPage() {
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5hpzy0"
|
||||
logoText="Hupp Painting"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "727-330-1821",
|
||||
href: "tel:7273301821",
|
||||
},
|
||||
{
|
||||
label: "hupp.painting@gmail.com",
|
||||
href: "mailto:hupp.painting@gmail.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Services", href: "#services" }, { label: "Gallery", href: "#gallery" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Contact", items: [{ label: "727-330-1821", href: "tel:7273301821" }, { label: "hupp.painting@gmail.com", href: "mailto:hupp.painting@gmail.com" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Hupp Painting | Dunedin, FL"
|
||||
imageAlt="abstract paint texture background"
|
||||
@@ -399,4 +189,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user