From 7710e0da78f32ca6a0bcd753e75369766f73bf46 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 14:04:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 258 ++++++++++-------------------------------------
 1 file changed, 54 insertions(+), 204 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 745c783..e4e6876 100644
--- a/src/app/page.tsx
+++ b/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>