bender/270331bd-536b-426b-a3bc-dfacaadff334
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-14 14:04:36 +00:00
parent 2415d3d16e
commit 7710e0da78
1 changed files with 54 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files

258
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -30,26 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Roof Repair", id: "features" },
{ name: "Installation", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Bob Piva Roofing"
/>
@@ -57,20 +42,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Expert Roofing Solutions in Escondido"
description="Bob Piva Roofing provides reliable, high-quality roofing services for residential and commercial properties. Serving the Escondido community with integrity and precision since 1978."
buttons={[
{
text: "Get Free Estimate",
href: "#contact",
},
{
text: "Learn More",
href: "#about",
},
{ text: "Get Free Estimate", href: "#contact" },
{ text: "Learn More", href: "#about" },
]}
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg"
imageAlt="Professional roofers working on a residential home"
@@ -83,18 +60,9 @@ export default function LandingPage() {
title="Over 40 Years of Roofing Excellence"
description="At Bob Piva Roofing, we treat your home like our own. Our team of skilled craftsmen ensures every project is completed with premium materials and attention to detail."
metrics={[
{
value: "45+",
title: "Years Experience",
},
{
value: "5k+",
title: "Roofs Completed",
},
{
value: "100%",
title: "Customer Satisfaction",
},
{ value: "45+", title: "Years Experience" },
{ value: "5k+", title: "Roofs Completed" },
{ value: "100%", title: "Customer Satisfaction" },
]}
imageSrc="http://img.b2bpic.net/free-photo/executives-with-hardhats_1098-3083.jpg"
imageAlt="Our experienced roofing crew at work"
@@ -110,52 +78,16 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "1",
label: "Repair",
title: "Emergency Roof Repairs",
items: [
"Leak detection",
"Shingle replacement",
"Storm damage",
],
buttons: [
{
text: "Learn More",
href: "#contact",
},
],
id: "1", label: "Repair", title: "Emergency Roof Repairs", items: ["Leak detection", "Shingle replacement", "Storm damage"],
buttons: [{ text: "Get Quote", href: "#contact" }],
},
{
id: "2",
label: "Installation",
title: "Full Roof Replacement",
items: [
"Asphalt shingles",
"Tile roofing",
"Flat roofing",
],
buttons: [
{
text: "Learn More",
href: "#contact",
},
],
id: "2", label: "Installation", title: "Full Roof Replacement", items: ["Asphalt shingles", "Tile roofing", "Flat roofing"],
buttons: [{ text: "Get Quote", href: "#contact" }],
},
{
id: "3",
label: "Maintenance",
title: "Preventative Care",
items: [
"Routine inspections",
"Cleaning services",
"Gutter repair",
],
buttons: [
{
text: "Learn More",
href: "#contact",
},
],
id: "3", label: "Maintenance", title: "Preventative Care", items: ["Routine inspections", "Cleaning services", "Gutter repair"],
buttons: [{ text: "Get Quote", href: "#contact" }],
},
]}
title="Comprehensive Roofing Services"
@@ -170,26 +102,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "12+",
title: "Licensed Professionals",
description: "Experienced technicians on every site.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772847.jpg",
},
id: "m1", value: "12+", title: "Licensed Professionals", description: "Experienced technicians on every site.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772847.jpg"},
{
id: "m2",
value: "24/7",
title: "Support Available",
description: "We are here for you whenever emergencies happen.",
imageSrc: "http://img.b2bpic.net/free-vector/call-center-support-banners-consultation-free-call-operator-technical-assistance-information-vector-illustration_1284-46201.jpg",
},
id: "m2", value: "24/7", title: "Support Available", description: "We are here for you whenever emergencies happen.", imageSrc: "http://img.b2bpic.net/free-vector/call-center-support-banners-consultation-free-call-operator-technical-assistance-information-vector-illustration_1284-46201.jpg"},
{
id: "m3",
value: "10Yr",
title: "Warranty Coverage",
description: "On all new installations for your peace of mind.",
imageSrc: "http://img.b2bpic.net/free-photo/craftsman-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-frame-ceiling-profile-system-renovation-renovation_166373-1906.jpg",
},
id: "m3", value: "10Yr", title: "Warranty Coverage", description: "On all new installations for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/craftsman-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-frame-ceiling-profile-system-renovation-renovation_166373-1906.jpg"},
]}
title="Quality by the Numbers"
description="Why homeowners trust us for their roofing needs in North County."
@@ -203,45 +120,11 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Mark Stevens",
handle: "@marksteve",
testimonial: "Bob Piva Roofing saved my home after a major storm. Reliable and honest.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920606.jpg",
},
id: "1", name: "Mark Stevens", handle: "@marksteve", testimonial: "Bob Piva Roofing saved my home after a major storm. Reliable and honest.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920606.jpg"},
{
id: "2",
name: "Linda G.",
handle: "@lindag",
testimonial: "Excellent service and very thorough installation.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1294.jpg",
},
{
id: "3",
name: "David W.",
handle: "@davew",
testimonial: "Competitive pricing and finished ahead of schedule.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-sustained-home_23-2149362443.jpg",
},
{
id: "4",
name: "Sarah P.",
handle: "@sarahp",
testimonial: "They take pride in their work. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-moving-new-house_23-2149383620.jpg",
},
{
id: "5",
name: "Robert B.",
handle: "@robertb",
testimonial: "Great experience overall. No complaints.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15645.jpg",
},
id: "2", name: "Linda G.", handle: "@lindag", testimonial: "Excellent service and very thorough installation.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1294.jpg"},
]}
showRating={true}
title="What Our Clients Say"
@@ -254,21 +137,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How long does a roof replacement take?",
content: "Typically 2-4 days, depending on size and weather.",
},
{
id: "f2",
title: "Are you fully licensed and insured?",
content: "Yes, we are fully licensed and insured in CA.",
},
{
id: "f3",
title: "Do you offer free quotes?",
content: "Absolutely. We provide free, no-obligation estimates.",
},
{ id: "f1", title: "How long does a roof replacement take?", content: "Typically 2-4 days, depending on size and weather." },
{ id: "f2", title: "Are you fully licensed and insured?", content: "Yes, we are fully licensed and insured in CA." },
{ id: "f3", title: "Do you offer free quotes?", content: "Absolutely. We provide free, no-obligation estimates." },
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg"
mediaAnimation="slide-up"
@@ -279,62 +150,41 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
text="Ready to get started on your next roofing project?"
buttons={[
{
text: "Call (760) 555-0123",
href: "tel:7605550123",
},
{
text: "Email Us",
href: "mailto:info@bobpivaroofing.com",
},
<ContactSplitForm
title="Get a Roofing Estimate"
description="Fill out the form below and our team will contact you shortly to schedule an inspection."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
]}
/>
textarea={{ name: "message", placeholder: "Describe your roofing needs..." }}
buttonText="Submit Inquiry"
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/construction-manager-inspecting-roof_23-2149343666.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
<FooterBase
columns={[
{
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Services",
href: "#features",
},
{
label: "Contact",
href: "#contact",
},
],
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Services", href: "#features" },
{ label: "Contact", href: "#contact" }
]
},
{
items: [
{
label: "License #123456",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
title: "Legal", items: [
{ label: "License #123456", href: "#" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Use", href: "#" }
]
}
]}
logoText="Bob Piva Roofing"
copyrightText="© 2025 Bob Piva Roofing. All Rights Reserved."
/>
</div>
</ReactLenis>