From 251325159366e22679d98dec60608a2d63e398ea Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 15:54:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 241 ++++++++++++++++++++---------------------------
 1 file changed, 101 insertions(+), 140 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 450a9ab..a70c470 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,8 @@ import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
 import MediaAbout from "@/components/sections/about/MediaAbout";
+import BlogCardOne from "@/components/sections/blog/BlogCardOne";
+import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { Award, Star, Wrench, CheckCircle, Camera, FileText, Calendar, Shield, Building, Image, HelpCircle } from "lucide-react";
@@ -25,8 +27,7 @@ export default function HomePage() {
 
   const footerColumns = [
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Process", href: "/process" },
         { label: "Projects", href: "/projects" },
@@ -34,8 +35,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Services",
-      items: [
+      title: "Services",      items: [
         { label: "Residential Roofing", href: "/services" },
         { label: "Repairs & Leaks", href: "/services" },
         { label: "Storm Damage", href: "/services" },
@@ -43,8 +43,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "License & Insurance", href: "#" },
@@ -59,7 +58,7 @@ export default function HomePage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeLargeTitles"
-      background="blurBottom"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="glass"
@@ -80,7 +79,7 @@ export default function HomePage() {
           tag="Premium Service"
           tagIcon={Award}
           tagAnimation="slide-up"
-          background={{ variant: "blurBottom" }}
+          background={{ variant: "gradient-bars" }}
           buttons={[
             { text: "Get a Free Roof Inspection", href: "/contact" },
             { text: "Call Now", href: "#" },
@@ -88,17 +87,11 @@ export default function HomePage() {
           buttonAnimation="slide-up"
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=1",
-              imageAlt: "roofing crew professional residential luxury",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",              imageAlt: "roofing crew professional residential luxury"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-standing-rooftop-with-phone-hand_23-2148269876.jpg?_wi=1",
-              imageAlt: "inspection roof photos documentation professional",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/man-standing-rooftop-with-phone-hand_23-2148269876.jpg",              imageAlt: "inspection roof photos documentation professional"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=1",
-              imageAlt: "roof replacement shingles before-after quality",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg",              imageAlt: "roof replacement shingles before-after quality"},
           ]}
           mediaAnimation="slide-up"
         />
@@ -114,23 +107,11 @@ export default function HomePage() {
           textboxLayout="default"
           features={[
             {
-              title: "Human-First Service",
-              description: "You're not another ticket—you're taken care of. We treat every client like family, with respect and attention to detail.",
-              imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=1",
-              imageAlt: "residential roofing replacement modern home",
-            },
+              title: "Human-First Service",              description: "You're not another ticket—you're taken care of. We treat every client like family, with respect and attention to detail.",              imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg",              imageAlt: "residential roofing replacement modern home"},
             {
-              title: "Organized & Professional Systems",
-              description: "Clear timelines, clean communication, no chaos. From scheduling to completion, you always know what's next.",
-              imageSrc: "http://img.b2bpic.net/free-photo/man-standing-rooftop-with-phone-hand_23-2148269876.jpg?_wi=2",
-              imageAlt: "inspection roof photos documentation professional",
-            },
+              title: "Organized & Professional Systems",              description: "Clear timelines, clean communication, no chaos. From scheduling to completion, you always know what's next.",              imageSrc: "http://img.b2bpic.net/free-photo/man-standing-rooftop-with-phone-hand_23-2148269876.jpg",              imageAlt: "inspection roof photos documentation professional"},
             {
-              title: "Problems Found Before They Grow",
-              description: "We catch issues you didn't even know existed. Preventative care that saves you money and stress down the road.",
-              imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg?_wi=1",
-              imageAlt: "roof repair leak inspection maintenance",
-            },
+              title: "Problems Found Before They Grow",              description: "We catch issues you didn't even know existed. Preventative care that saves you money and stress down the road.",              imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg",              imageAlt: "roof repair leak inspection maintenance"},
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -148,45 +129,15 @@ export default function HomePage() {
           textboxLayout="default"
           products={[
             {
-              id: "residential",
-              name: "Residential Roofing",
-              price: "Custom Quote",
-              variant: "Replacements, upgrades, new construction",
-              imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=2",
-              imageAlt: "residential roofing service",
-            },
+              id: "residential",              name: "Residential Roofing",              price: "Custom Quote",              variant: "Replacements, upgrades, new construction",              imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg",              imageAlt: "residential roofing service"},
             {
-              id: "repair",
-              name: "Repairs & Leak Detection",
-              price: "Custom Quote",
-              variant: "Fast, accurate, permanent fixes",
-              imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg?_wi=2",
-              imageAlt: "roof repair service",
-            },
+              id: "repair",              name: "Repairs & Leak Detection",              price: "Custom Quote",              variant: "Fast, accurate, permanent fixes",              imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg",              imageAlt: "roof repair service"},
             {
-              id: "storm",
-              name: "Storm Damage & Insurance",
-              price: "Custom Quote",
-              variant: "Documentation, claims support",
-              imageSrc: "http://img.b2bpic.net/free-photo/person-blue-denim-jeans-yellow-boots-standing-water_417767-346.jpg?_wi=1",
-              imageAlt: "storm damage assessment",
-            },
+              id: "storm",              name: "Storm Damage & Insurance",              price: "Custom Quote",              variant: "Documentation, claims support",              imageSrc: "http://img.b2bpic.net/free-photo/person-blue-denim-jeans-yellow-boots-standing-water_417767-346.jpg",              imageAlt: "storm damage assessment"},
             {
-              id: "commercial",
-              name: "Commercial Roofing",
-              price: "Custom Quote",
-              variant: "Dependable, low-disruption service",
-              imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg?_wi=1",
-              imageAlt: "commercial roofing",
-            },
+              id: "commercial",              name: "Commercial Roofing",              price: "Custom Quote",              variant: "Dependable, low-disruption service",              imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg",              imageAlt: "commercial roofing"},
             {
-              id: "property-manager",
-              name: "Property Manager Program",
-              price: "Priority Pricing",
-              variant: "Multi-property scheduling & reporting",
-              imageSrc: "http://img.b2bpic.net/free-photo/professional-female-leader-evaluating-trading-risks-before-making-investment_482257-112812.jpg?_wi=1",
-              imageAlt: "property management service",
-            },
+              id: "property-manager",              name: "Property Manager Program",              price: "Priority Pricing",              variant: "Multi-property scheduling & reporting",              imageSrc: "http://img.b2bpic.net/free-photo/professional-female-leader-evaluating-trading-risks-before-making-investment_482257-112812.jpg",              imageAlt: "property management service"},
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -204,39 +155,19 @@ export default function HomePage() {
           textboxLayout="default"
           metrics={[
             {
-              id: "1",
-              value: "1",
-              title: "Inspection & Photos",
-              description: "Same-day or next-day inspection with detailed photo documentation",
-              icon: Camera,
+              id: "1",              value: "1",              title: "Inspection & Photos",              description: "Same-day or next-day inspection with detailed photo documentation",              icon: Camera,
             },
             {
-              id: "2",
-              value: "2",
-              title: "Clear Plan & Quote",
-              description: "Transparent pricing with no surprises or hidden fees",
-              icon: FileText,
+              id: "2",              value: "2",              title: "Clear Plan & Quote",              description: "Transparent pricing with no surprises or hidden fees",              icon: FileText,
             },
             {
-              id: "3",
-              value: "3",
-              title: "Schedule & Prep",
-              description: "Convenient scheduling and thorough site preparation",
-              icon: Calendar,
+              id: "3",              value: "3",              title: "Schedule & Prep",              description: "Convenient scheduling and thorough site preparation",              icon: Calendar,
             },
             {
-              id: "4",
-              value: "4",
-              title: "Expert Installation",
-              description: "Clean, respectful crew with professional execution",
-              icon: Wrench,
+              id: "4",              value: "4",              title: "Expert Installation",              description: "Clean, respectful crew with professional execution",              icon: Wrench,
             },
             {
-              id: "5",
-              value: "5",
-              title: "Final Walkthrough",
-              description: "You approve the work and receive your warranty documentation",
-              icon: Shield,
+              id: "5",              value: "5",              title: "Final Walkthrough",              description: "You approve the work and receive your warranty documentation",              icon: Shield,
             },
           ]}
           gridVariant="uniform-all-items-equal"
@@ -256,65 +187,95 @@ export default function HomePage() {
           showRating={true}
           testimonials={[
             {
-              id: "1",
-              name: "Sarah Johnson",
-              handle: "@sarahjohnson",
-              testimonial: "Treated me like a person, not just another customer. Everything felt organized and professional. Now I can finally relax knowing my roof is handled.",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1",
-              imageAlt: "Sarah Johnson",
-            },
+              id: "1",              name: "Sarah Johnson",              handle: "@sarahjohnson",              testimonial: "Treated me like a person, not just another customer. Everything felt organized and professional. Now I can finally relax knowing my roof is handled.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",              imageAlt: "Sarah Johnson"},
             {
-              id: "2",
-              name: "Michael Chen",
-              handle: "@michaelchen",
-              testimonial: "Found issues I didn't even know I had. Their attention to detail and communication throughout the process was exceptional.",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
-              imageAlt: "Michael Chen",
-            },
+              id: "2",              name: "Michael Chen",              handle: "@michaelchen",              testimonial: "Found issues I didn't even know I had. Their attention to detail and communication throughout the process was exceptional.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Michael Chen"},
             {
-              id: "3",
-              name: "Emily Rodriguez",
-              handle: "@emilyrodriguez",
-              testimonial: "Feels like family. Everything ran smooth from start to finish. No surprises, no headaches. Highly recommended.",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1",
-              imageAlt: "Emily Rodriguez",
-            },
+              id: "3",              name: "Emily Rodriguez",              handle: "@emilyrodriguez",              testimonial: "Feels like family. Everything ran smooth from start to finish. No surprises, no headaches. Highly recommended.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Emily Rodriguez"},
             {
-              id: "4",
-              name: "David Kim",
-              handle: "@davidkim",
-              testimonial: "Managing 12 properties is stressful, but Five Star makes it simple. Their scheduling and reporting system is a lifesaver.",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
-              imageAlt: "David Kim",
-            },
+              id: "4",              name: "David Kim",              handle: "@davidkim",              testimonial: "Managing 12 properties is stressful, but Five Star makes it simple. Their scheduling and reporting system is a lifesaver.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "David Kim"},
             {
-              id: "5",
-              name: "Lisa Thompson",
-              handle: "@lisathompson",
-              testimonial: "Five-star service from start to finish. They treated my home with care and respect. I'll use them again without hesitation.",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1",
-              imageAlt: "Lisa Thompson",
-            },
+              id: "5",              name: "Lisa Thompson",              handle: "@lisathompson",              testimonial: "Five-star service from start to finish. They treated my home with care and respect. I'll use them again without hesitation.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Lisa Thompson"},
             {
-              id: "6",
-              name: "James Wilson",
-              handle: "@jameswilson",
-              testimonial: "Best roofing company I've worked with in 20 years. Professional, honest, and they stand behind their work 100%.",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
-              imageAlt: "James Wilson",
-            },
+              id: "6",              name: "James Wilson",              handle: "@jameswilson",              testimonial: "Best roofing company I've worked with in 20 years. Professional, honest, and they stand behind their work 100%.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "James Wilson"},
           ]}
           animationType="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
+      <div id="property-managers" data-section="property-managers">
+        <MediaAbout
+          title="Managing Multiple Properties?"
+          description="We're built for that. Priority scheduling, photo documentation, preventative inspections, and simple invoicing. Let us handle the roofing so you can focus on your portfolio."
+          tag="Property Managers"
+          tagIcon={Building}
+          tagAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/professional-female-leader-evaluating-trading-risks-before-making-investment_482257-112812.jpg"
+          imageAlt="Property manager program"
+          buttons={[
+            { text: "Request Property Manager Quote", href: "/contact" },
+          ]}
+          buttonAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="projects" data-section="projects">
+        <BlogCardOne
+          title="Recent Projects"
+          description="A showcase of our completed work. From full replacements to repairs and storm damage restoration."
+          tag="Portfolio"
+          tagIcon={Image}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          blogs={[
+            {
+              id: "1",              category: "Replacement",              title: "Full Roof Replacement with Architectural Shingles",              excerpt: "Complete replacement on a 30-year-old roof. New architectural shingles installed with premium underlayment for superior protection.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg",              imageAlt: "Roof replacement project",              authorName: "Five Star Roofing",              authorAvatar: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",              date: "2025"},
+            {
+              id: "2",              category: "Repair",              title: "Leak Detection and Flashing Correction",              excerpt: "Located and repaired a hidden leak in the flashing. Sealed all vulnerable points to prevent future water damage.",              imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg",              imageAlt: "Leak repair project",              authorName: "Five Star Roofing",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "2025"},
+            {
+              id: "3",              category: "Storm Damage",              title: "Storm Damage Assessment and Insurance Documentation",              excerpt: "Complete assessment after severe wind event. Provided detailed photo documentation for insurance claim approval.",              imageSrc: "http://img.b2bpic.net/free-photo/landscape-extreme-typhoon-damage_23-2150879848.jpg",              imageAlt: "Storm damage project",              authorName: "Five Star Roofing",              authorAvatar: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              date: "2025"},
+          ]}
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqBase
+          title="Frequently Asked Questions"
+          description="Answers to the questions homeowners and property managers ask most often."
+          tag="Support"
+          tagIcon={HelpCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          faqs={[
+            {
+              id: "1",              title: "How fast can you come out for an inspection?",              content: "We offer same-day or next-day inspection appointments for most areas. Emergency requests are handled with priority. Call us to confirm availability for your location."},
+            {
+              id: "2",              title: "Do you provide photos of the issues?",              content: "Yes, absolutely. We document everything with detailed photos during inspection. These photos are yours to keep and can be shared with insurance if needed. Transparency is part of our process."},
+            {
+              id: "3",              title: "What does your inspection include?",              content: "Our comprehensive inspection covers roof structure, flashings, gutters, ventilation, and interior attic space. We look for leaks, structural issues, wear patterns, and any problems that could develop in the future."},
+            {
+              id: "4",              title: "Do you help with insurance claims?",              content: "Yes. We provide detailed documentation and photos to support your claim. We can also work directly with your insurance adjuster to ensure nothing is missed and your claim is properly valued."},
+            {
+              id: "5",              title: "How long does a typical roof replacement take?",              content: "Most residential replacements are completed in 1-3 days depending on roof size and complexity. We'll provide a clear timeline before work begins so you know exactly what to expect."},
+            {
+              id: "6",              title: "What warranties do you offer?",              content: "We stand behind our work with a comprehensive warranty on all installations. Material warranties vary by product (typically 20-50 years). You'll receive full warranty documentation at project completion."},
+          ]}
+          faqsAnimation="slide-up"
+          useInvertedBackground={false}
+          animationType="smooth"
+        />
+      </div>
+
       <div id="contact-cta" data-section="contact-cta">
         <ContactText
           text="Ready to stop stressing about your roof? Let's create a plan that works for you. Get your free inspection and start the stress-free process today."
-- 
2.49.1