Merge version_1 into main #2
176
src/app/page.tsx
176
src/app/page.tsx
@@ -29,73 +29,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Pedro’s Handyman"
|
||||
button={{
|
||||
text: "Call Pedro Now",
|
||||
href: "tel:+14086610110",
|
||||
}}
|
||||
button={{ text: "Call Pedro Now", href: "tel:+14086610110" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Trusted San Jose Handyman — Available 24/7"
|
||||
description="Open 24 Hours — No Job Too Small. Expert bathroom remodeling, plumbing, and home repairs whenever you need us."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Pedro Now",
|
||||
href: "tel:+14086610110",
|
||||
},
|
||||
{
|
||||
text: "Book Project",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Pedro Now", href: "tel:+14086610110" }, { text: "Book Project", href: "/contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ak799r&_wi=1",
|
||||
imageAlt: "Handyman work",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qtamfa&_wi=1",
|
||||
imageAlt: "Plumbing service",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5cpnm9&_wi=1",
|
||||
imageAlt: "Drywall work",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guuw56&_wi=1",
|
||||
imageAlt: "Handyman professional tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lxp8w5&_wi=1",
|
||||
imageAlt: "Professional handyman at work",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ak799r", imageAlt: "Handyman work" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qtamfa", imageAlt: "Plumbing service" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5cpnm9", imageAlt: "Drywall work" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guuw56", imageAlt: "Handyman professional tools" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lxp8w5", imageAlt: "Professional handyman at work" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -109,29 +65,9 @@ export default function LandingPage() {
|
||||
title="Why Choose Pedro?"
|
||||
description="We combine local expertise with professional reliability to keep your home in top shape."
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Availability",
|
||||
description: "Emergency services when you need them most.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Clock,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ak799r&_wi=2",
|
||||
imageAlt: "handyman construction professional site",
|
||||
},
|
||||
{
|
||||
title: "Licensed & Insured",
|
||||
description: "Professional craftsmanship you can trust.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qtamfa&_wi=2",
|
||||
imageAlt: "handyman construction professional site",
|
||||
},
|
||||
{
|
||||
title: "Service Areas",
|
||||
description: "Proudly serving the greater San Jose community.",
|
||||
bentoComponent: "map",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5cpnm9&_wi=2",
|
||||
imageAlt: "handyman construction professional site",
|
||||
},
|
||||
{ title: "24/7 Availability", description: "Emergency services when you need them most.", bentoComponent: "reveal-icon", icon: Clock },
|
||||
{ title: "Licensed & Insured", description: "Professional craftsmanship you can trust.", bentoComponent: "reveal-icon", icon: ShieldCheck },
|
||||
{ title: "Service Areas", description: "Proudly serving the greater San Jose community.", bentoComponent: "map" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,27 +80,9 @@ export default function LandingPage() {
|
||||
title="Our Track Record"
|
||||
description="Numbers speak for our commitment to quality service."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
description: "Happy homes in San Jose.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qtamfa&_wi=3",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Reliable Support",
|
||||
description: "Always here to help you.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5cpnm9&_wi=3",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Quality guaranteed on all jobs.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guuw56&_wi=2",
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Projects Completed", description: "Happy homes in San Jose.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qtamfa" },
|
||||
{ id: "m2", value: "24/7", title: "Reliable Support", description: "Always here to help you.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5cpnm9" },
|
||||
{ id: "m3", value: "100%", title: "Satisfaction", description: "Quality guaranteed on all jobs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guuw56" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -175,25 +93,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Answers to the most frequent inquiries about our services."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lxp8w5&_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lxp8w5"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide free initial consultations for all major projects.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely, our professional team is fully covered for your safety.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you work on holidays?",
|
||||
content: "We operate 24/7, including holidays, for emergency maintenance.",
|
||||
},
|
||||
{ id: "faq1", title: "Do you offer free estimates?", content: "Yes, we provide free initial consultations for all major projects." },
|
||||
{ id: "faq2", title: "Are you licensed and insured?", content: "Absolutely, our professional team is fully covered for your safety." },
|
||||
{ id: "faq3", title: "Do you work on holidays?", content: "We operate 24/7, including holidays, for emergency maintenance." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -201,9 +107,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to get started?"
|
||||
description="Send us your contact details and we'll reach out to discuss your project."
|
||||
@@ -216,36 +120,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Pedro’s Handyman"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Bathroom Remodeling",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Plumbing",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "General Repairs",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "408-661-0110",
|
||||
href: "tel:+14086610110",
|
||||
},
|
||||
{
|
||||
label: "163 N 5th St, San Jose, CA",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Bathroom Remodeling", href: "/services" }, { label: "Plumbing", href: "/services" }, { label: "General Repairs", href: "/services" }] },
|
||||
{ title: "Contact", items: [{ label: "408-661-0110", href: "tel:+14086610110" }, { label: "163 N 5th St, San Jose, CA", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Pedro’s Handyman Services"
|
||||
/>
|
||||
|
||||
@@ -26,32 +26,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Pedro’s Handyman"
|
||||
button={{
|
||||
text: "Call Pedro Now",
|
||||
href: "tel:+14086610110",
|
||||
}}
|
||||
button={{ text: "Call Pedro Now", href: "tel:+14086610110" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,34 +43,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Remodeling",
|
||||
title: "Bathroom & Bathtubs",
|
||||
items: [
|
||||
"Bathroom Remodeling",
|
||||
"Bathtub Installation",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Repair",
|
||||
title: "Plumbing & Walls",
|
||||
items: [
|
||||
"Plumbing",
|
||||
"Drywall Repair",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "General",
|
||||
title: "Home Upgrades",
|
||||
items: [
|
||||
"Wood Repair",
|
||||
"General Home Repairs",
|
||||
"Cabinet Mounting",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Remodeling", title: "Bathroom & Bathtubs", items: ["Bathroom Remodeling", "Bathtub Installation"] },
|
||||
{ id: "f2", label: "Repair", title: "Plumbing & Walls", items: ["Plumbing", "Drywall Repair"] },
|
||||
{ id: "f3", label: "General", title: "Home Upgrades", items: ["Wood Repair", "General Home Repairs", "Cabinet Mounting"] },
|
||||
]}
|
||||
title="Professional Handyman Services"
|
||||
description="Comprehensive home care solutions for property managers and homeowners in San Jose."
|
||||
@@ -103,14 +60,7 @@ export default function LandingPage() {
|
||||
title="Service Highlights"
|
||||
description="Top-tier maintenance for your property."
|
||||
features={[
|
||||
{
|
||||
title: "Quick Fixes",
|
||||
description: "Fast turnarounds.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ak799r&_wi=3",
|
||||
imageAlt: "handyman construction professional site",
|
||||
},
|
||||
{ title: "Quick Fixes", description: "Fast turnarounds.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,36 +69,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Pedro’s Handyman"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Bathroom Remodeling",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Plumbing",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "General Repairs",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "408-661-0110",
|
||||
href: "tel:+14086610110",
|
||||
},
|
||||
{
|
||||
label: "163 N 5th St, San Jose, CA",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Bathroom Remodeling", href: "/services" }, { label: "Plumbing", href: "/services" }, { label: "General Repairs", href: "/services" }] },
|
||||
{ title: "Contact", items: [{ label: "408-661-0110", href: "tel:+14086610110" }, { label: "163 N 5th St, San Jose, CA", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Pedro’s Handyman Services"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user