Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d8d5b423e4 | |||
| 7710e0da78 |
258
src/app/page.tsx
258
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user