From 339870c7d4e6874446dda007ff545bbbdc86b8be Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 20 May 2026 21:51:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 327 ++++++-----------------------------------------
 1 file changed, 42 insertions(+), 285 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6c8550c..444cba6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,11 +8,11 @@ import SplitAbout from "@/components/sections/about/SplitAbout";
 import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
 import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
 import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { Shield, Wrench, Search, HelpCircle, ClipboardCheck, Phone, HardHat, CheckCircle, Clock, Users, Award, ThumbsUp, Star } from "lucide-react";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Shield, Wrench, Search, HelpCircle, ClipboardCheck, Phone, HardHat, CheckCircle, Clock, Users, Award, ThumbsUp, Star, Instagram, Linkedin, Twitter, Facebook } from "lucide-react";
 
 export default function RoofingPage() {
   return (
@@ -52,7 +52,6 @@ export default function RoofingPage() {
               { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/avatar-3.webp", alt: "Technician inspecting roof" },
             ]}
             avatarText="Professional Roofing Services"
-            avatarGroupClassName="[&_div.overflow-hidden]:h-10 [&_div.overflow-hidden]:aspect-square [&>p]:whitespace-nowrap"
             title="Your Roof. Our Reputation."
             description="Trusted by homeowners for over 25 years. From storm damage repairs to full roof replacements, Summit Roofing delivers quality craftsmanship you can count on."
             buttons={[
@@ -61,7 +60,6 @@ export default function RoofingPage() {
             ]}
             buttonAnimation="slide-up"
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/hero-main.webp"
-            imageAlt="Roofer walking on rooftop against blue sky"
             mediaAnimation="slide-up"
             marqueeItems={[
               { type: "text-icon", text: "24/7 Availability", icon: Clock },
@@ -72,33 +70,8 @@ export default function RoofingPage() {
               { type: "text-icon", text: "5-Star Rated", icon: ThumbsUp },
             ]}
             testimonials={[
-              {
-                name: "James Mitchell",
-                handle: "Homeowner, Dallas TX",
-                testimonial:
-                  "Summit replaced our entire roof in two days. Professional crew, clean job site, and the new roof looks incredible.",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/robert-thompson.webp",
-                imageAlt: "James Mitchell",
-              },
-              {
-                name: "Karen O'Brien",
-                handle: "Homeowner, Fort Worth TX",
-                testimonial:
-                  "After the hailstorm, Summit handled our insurance claim and had us covered within a week. Truly outstanding service.",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/patricia-nguyen.webp",
-                imageAlt: "Karen O'Brien",
-              },
-              {
-                name: "David & Lisa Park",
-                handle: "Homeowners, Plano TX",
-                testimonial:
-                  "We got three quotes and Summit offered the best value with a lifetime warranty. No-brainer decision.",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/steve-amy-collins.webp",
-                imageAlt: "David and Lisa Park",
-              },
+              { name: "James Mitchell", handle: "Homeowner, Dallas TX", testimonial: "Summit replaced our entire roof in two days. Professional crew, clean job site, and the new roof looks incredible.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/robert-thompson.webp" },
+              { name: "Karen O'Brien", handle: "Homeowner, Fort Worth TX", testimonial: "After the hailstorm, Summit handled our insurance claim and had us covered within a week. Truly outstanding service.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/patricia-nguyen.webp" },
             ]}
           />
         </div>
@@ -108,33 +81,11 @@ export default function RoofingPage() {
             title="Built on Trust. Backed by Results."
             description="Summit Roofing has been protecting homes since 1999. We combine old-school craftsmanship with modern materials and techniques to deliver roofs that last a lifetime."
             bulletPoints={[
-              {
-                title: "Licensed & Insured",
-                description:
-                  "Fully licensed, bonded, and insured for your complete peace of mind.",
-                icon: Shield,
-              },
-              {
-                title: "Lifetime Warranty",
-                description:
-                  "Every installation backed by our industry-leading lifetime workmanship warranty.",
-                icon: Wrench,
-              },
-              {
-                title: "Free Inspections",
-                description:
-                  "Complimentary roof inspections with honest assessments — no pressure, no hidden fees.",
-                icon: Search,
-              },
+              { title: "Licensed & Insured", description: "Fully licensed, bonded, and insured for your complete peace of mind.", icon: Shield },
+              { title: "Lifetime Warranty", description: "Every installation backed by our industry-leading lifetime workmanship warranty.", icon: Wrench },
+              { title: "Free Inspections", description: "Complimentary roof inspections with honest assessments — no pressure, no hidden fees.", icon: Search },
             ]}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/hero.webp"
-            imageAlt="Roofing crew installing a new roof"
-            mediaBadge={{
-              text: "25+ Years",
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/avatar-3.webp",
-              avatarAlt: "Roofing professional"
-            }}
-            imagePosition="right"
             mediaAnimation="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
@@ -146,34 +97,10 @@ export default function RoofingPage() {
             title="Our Roofing Services"
             description="From new installations to emergency repairs, we have your roof covered."
             features={[
-              {
-                title: "Roof Installation",
-                description:
-                  "Complete roof installations using premium materials from GAF, Owens Corning, and CertainTeed.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofing-installation.webp",
-                imageAlt: "New roof installation",
-              },
-              {
-                title: "Roof Repair",
-                description:
-                  "Fast, reliable repairs for leaks, missing shingles, flashing damage, and storm damage.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofing-repair.webp",
-                imageAlt: "Roof repair service",
-              },
-              {
-                title: "Roof Inspection",
-                description:
-                  "Detailed inspections with photo documentation and transparent repair recommendations.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofing-inspection.webp",
-                imageAlt: "Roof inspection",
-              },
-              {
-                title: "Emergency Services",
-                description:
-                  "24/7 emergency tarping and repairs when storms hit. We respond within hours, not days.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/emergency-services.webp",
-                imageAlt: "Emergency roofing service",
-              },
+              { title: "Roof Installation", description: "Complete roof installations using premium materials.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofing-installation.webp" },
+              { title: "Roof Repair", description: "Fast, reliable repairs for leaks and damage.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofing-repair.webp" },
+              { title: "Roof Inspection", description: "Detailed inspections with transparent documentation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofing-inspection.webp" },
+              { title: "Emergency Services", description: "24/7 emergency tarping and repairs when storms hit.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/emergency-services.webp" },
             ]}
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
@@ -187,33 +114,9 @@ export default function RoofingPage() {
             title="The Numbers Speak for Themselves"
             description="Decades of experience and thousands of satisfied homeowners stand behind every Summit roof."
             metrics={[
-              {
-                id: "1",
-                value: "500+",
-                title: "Roofs Completed",
-                description:
-                  "Over 500 residential and commercial roofing projects delivered on time and on budget.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofs-completed.webp",
-                imageAlt: "Completed roofing projects",
-              },
-              {
-                id: "2",
-                value: "25+",
-                title: "Years Experience",
-                description:
-                  "A quarter century of protecting homes with quality materials and expert installation.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/years-experience.webp",
-                imageAlt: "Experienced roofing team",
-              },
-              {
-                id: "3",
-                value: "98%",
-                title: "Customer Satisfaction",
-                description:
-                  "Nearly every homeowner we work with recommends Summit Roofing to their friends and neighbors.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/customer-satisfaction.webp",
-                imageAlt: "Satisfied customers",
-              },
+              { id: "1", value: "500+", title: "Roofs Completed", description: "Successful projects delivered.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofs-completed.webp" },
+              { id: "2", value: "25+", title: "Years Experience", description: "Serving local communities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/years-experience.webp" },
+              { id: "3", value: "98%", title: "Satisfaction", description: "Happy homeowners everywhere.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/customer-satisfaction.webp" },
             ]}
             animationType="slide-up"
             textboxLayout="default"
@@ -223,56 +126,12 @@ export default function RoofingPage() {
 
         <div id="process" data-section="process">
           <FeatureCardTen
-            title="How We Work"
-            description="From first call to final inspection, our process is designed to be simple, transparent, and stress-free."
+            title="Our Proven Process"
+            description="Transparent steps for a stress-free roofing experience."
             features={[
-              {
-                title: "Free Inspection",
-                description:
-                  "We start with a thorough roof inspection and provide an honest assessment with photos — completely free, no obligations.",
-                media: {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/free-inspection.webp",
-                  imageAlt: "Roof inspection process",
-                },
-                items: [
-                  { icon: Phone, text: "Schedule online or call us" },
-                  { icon: ClipboardCheck, text: "Detailed photo report" },
-                  { icon: Shield, text: "Honest recommendation" },
-                ],
-                reverse: false,
-              },
-              {
-                title: "Custom Proposal",
-                description:
-                  "You'll receive a clear, itemized proposal with material options, timeline, and pricing — no hidden fees or surprises.",
-                media: {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/custom-proposal.webp",
-                  imageAlt: "Roofing proposal and planning",
-                },
-                items: [
-                  { icon: ClipboardCheck, text: "Transparent line-item pricing" },
-                  { icon: Shield, text: "Insurance claim assistance" },
-                  { icon: Wrench, text: "Material and color selection" },
-                ],
-                reverse: true,
-              },
-              {
-                title: "Expert Installation",
-                description:
-                  "Our certified crew handles everything — from tear-off to cleanup. Most jobs are completed in just 1-2 days.",
-                media: {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/about.webp",
-                  imageAlt: "Professional roof installation",
-                },
-                items: [
-                  { icon: HardHat, text: "Certified installation crew" },
-                  { icon: Wrench, text: "Premium materials only" },
-                  { icon: CheckCircle, text: "Full site cleanup included" },
-                ],
-                reverse: false,
-              },
+              { title: "Free Inspection", description: "Detailed assessment of your roof's condition.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/free-inspection.webp" }, items: [{ icon: Phone, text: "Schedule online" }, { icon: ClipboardCheck, text: "Photo report" }], reverse: false },
+              { title: "Expert Installation", description: "Quality craftsmanship delivered in 1-2 days.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/about.webp" }, items: [{ icon: HardHat, text: "Certified team" }, { icon: CheckCircle, text: "Full cleanup" }], reverse: true },
             ]}
-            buttons={[{ text: "Get Started", href: "#contact" }]}
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
@@ -281,45 +140,11 @@ export default function RoofingPage() {
 
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardOne
-            title="What Our Customers Say"
-            description="Don't just take our word for it — hear from homeowners who trust Summit with their roofs."
+            title="Trusted by Neighbors"
+            description="Don't just take our word for it — hear from homeowners we've helped."
             testimonials={[
-              {
-                id: "1",
-                name: "Robert Thompson",
-                role: "Homeowner",
-                company: "Dallas, TX",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/robert-thompson.webp",
-                imageAlt: "Robert Thompson",
-              },
-              {
-                id: "2",
-                name: "Maria Gonzalez",
-                role: "Homeowner",
-                company: "Arlington, TX",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/maria-gonzalez.webp",
-                imageAlt: "Maria Gonzalez",
-              },
-              {
-                id: "3",
-                name: "Steve & Amy Collins",
-                role: "Homeowners",
-                company: "Frisco, TX",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/steve-amy-collins.webp",
-                imageAlt: "Steve and Amy Collins",
-              },
-              {
-                id: "4",
-                name: "Patricia Nguyen",
-                role: "Homeowner",
-                company: "McKinney, TX",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/patricia-nguyen.webp",
-                imageAlt: "Patricia Nguyen",
-              },
+              { id: "1", name: "Robert Thompson", role: "Homeowner", company: "Dallas, TX", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/robert-thompson.webp" },
+              { id: "2", name: "Maria Gonzalez", role: "Homeowner", company: "Arlington, TX", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/maria-gonzalez.webp" },
             ]}
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
@@ -329,116 +154,48 @@ export default function RoofingPage() {
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqDouble
+          <FaqSplitMedia
             title="Frequently Asked Questions"
-            description="Get answers to common questions about our roofing services, warranties, and process."
+            description="Everything you need to know about our roofing services."
             tag="FAQ"
             tagIcon={HelpCircle}
-            tagAnimation="slide-up"
             faqsAnimation="slide-up"
-            textboxLayout="default"
+            mediaAnimation="slide-up"
+            textboxLayout="split"
             useInvertedBackground={false}
             faqs={[
-              {
-                id: "1",
-                title: "How long does a typical roof replacement take?",
-                content:
-                  "Most residential roof replacements are completed in 1-3 days depending on the size and complexity of the project. We'll provide an estimated timeline during your free consultation.",
-              },
-              {
-                id: "2",
-                title: "Do you help with insurance claims?",
-                content:
-                  "Yes! We work directly with all major insurance companies and guide you through the entire claims process — from initial inspection to final paperwork. Our team ensures you get the coverage you deserve.",
-              },
-              {
-                id: "3",
-                title: "What roofing materials do you use?",
-                content:
-                  "We use premium materials from trusted manufacturers like GAF, Owens Corning, and CertainTeed. We offer asphalt shingles, metal roofing, tile, and flat roof systems to match your home and budget.",
-              },
-              {
-                id: "4",
-                title: "What does your warranty cover?",
-                content:
-                  "Our lifetime workmanship warranty covers all labor and installation defects. Additionally, manufacturer warranties cover the materials themselves — typically 25-50 years depending on the product.",
-              },
-              {
-                id: "5",
-                title: "How do I know if my roof needs replacing?",
-                content:
-                  "Common signs include missing or curling shingles, granules in gutters, visible sagging, daylight through the attic, and a roof age over 20 years. We offer free inspections to assess your roof's condition.",
-              },
-              {
-                id: "6",
-                title: "Do you offer financing options?",
-                content:
-                  "Yes, we offer flexible financing plans with competitive rates so you can protect your home without straining your budget. Ask about our 0% interest options during your free estimate.",
-              },
+              { id: "1", title: "How long does a roof take?", content: "Typically 1-3 days depending on complexity." },
+              { id: "2", title: "Do you help with insurance?", content: "Yes, we guide you through every step of the claim process." },
+              { id: "3", title: "What warranty do you offer?", content: "Lifetime workmanship warranty on every project." },
             ]}
           />
         </div>
 
         <div id="contact" data-section="contact">
           <ContactSplitForm
-            title="Get Your Free Estimate"
-            description="Fill out the form below and one of our roofing experts will get back to you within 24 hours."
+            title="Request Your Free Quote"
+            description="Tell us about your project and we'll reach out within 24 hours."
             inputs={[
-              { name: "name", type: "text", placeholder: "Your Name", required: true },
-              { name: "email", type: "email", placeholder: "Your Email", required: true },
-              { name: "phone", type: "tel", placeholder: "Your Phone Number" },
+              { name: "name", type: "text", placeholder: "Name", required: true },
+              { name: "email", type: "email", placeholder: "Email", required: true },
             ]}
-            textarea={{ name: "message", placeholder: "Tell us about your roofing needs...", rows: 5, required: true }}
-            buttonText="Request Free Estimate"
+            textarea={{ name: "message", placeholder: "How can we help?", rows: 5 }}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/contact.webp"
-            imageAlt="Roofing professional using tablet on site"
-            mediaPosition="right"
             mediaAnimation="slide-up"
             useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBase
+          <FooterCard
             logoText="Summit Roofing"
-            columns={[
-              {
-                title: "Services",
-                items: [
-                  { label: "Roof Installation", href: "#services" },
-                  { label: "Roof Repair", href: "#services" },
-                  { label: "Roof Inspection", href: "#services" },
-                  { label: "Emergency Services", href: "#services" },
-                ],
-              },
-              {
-                title: "Company",
-                items: [
-                  { label: "About Us", href: "#about" },
-                  { label: "Testimonials", href: "#testimonials" },
-                  { label: "FAQ", href: "#faq" },
-                  { label: "Free Estimate", href: "#contact" },
-                ],
-              },
-              {
-                title: "Hours",
-                items: [
-                  { label: "Mon-Fri: 7:00 AM - 6:00 PM" },
-                  { label: "Saturday: 8:00 AM - 2:00 PM" },
-                  { label: "Sunday: Closed" },
-                  { label: "Emergency: 24/7" },
-                ],
-              },
-              {
-                title: "Contact",
-                items: [
-                  { label: "(555) 123-4567", href: "tel:5551234567" },
-                  { label: "info@summitroofing.com", href: "mailto:info@summitroofing.com" },
-                  { label: "Dallas, TX" },
-                ],
-              },
-            ]}
             copyrightText="© 2026 | Summit Roofing"
+            socialLinks={[
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+              { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+            ]}
           />
         </div>
       </ReactLenis>