From 0780f697cfc0e0f613202aa4db0ef06c782553a9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 06:28:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 415 ++++++++++++++---------------------------------
 1 file changed, 123 insertions(+), 292 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0e2d0d8..5f3ce99 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,307 +29,138 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Finance",
-          id: "#finance",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="RoofFin Solutions"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "About", id: "#about" },
+              { name: "Services", id: "#services" },
+              { name: "Finance", id: "#finance" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="RoofFin Solutions"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Expert Roofing & Financial Planning"
-      description="Premium roofing repair combined with expert financial consulting to secure your home and your future."
-      buttons={[
-        {
-          text: "Get a Quote",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=1"
-      imageAlt="Professional roof repair services"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Expert Roofing & Financial Planning"
+            description="Premium roofing repair combined with expert financial consulting to secure your home and your future."
+            buttons={[{ text: "Get a Quote", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg"
+            imageAlt="Professional roof repair services"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Protecting Your Most Valuable Asset"
-      description="At RoofFin Solutions, we believe your home deserves the best care. We merge structural integrity with smart financial management to provide a holistic approach to homeownership, ensuring peace of mind for you and your family."
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Protecting Your Most Valuable Asset"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Shield,
-          title: "Leak Repair",
-          description: "Rapid response to water leaks and storm damage.",
-        },
-        {
-          icon: Zap,
-          title: "Roof Replacement",
-          description: "Full tear-offs and professional new installations.",
-        },
-        {
-          icon: CheckCircle,
-          title: "Inspections",
-          description: "Detailed evaluations to extend your roof lifespan.",
-        },
-        {
-          icon: Home,
-          title: "Gutter Maintenance",
-          description: "Cleaning and repair to prevent drainage issues.",
-        },
-        {
-          icon: Sun,
-          title: "Energy Upgrades",
-          description: "Reflective coatings and ventilation improvements.",
-        },
-      ]}
-      title="Comprehensive Roofing Services"
-      description="From emergency leak repairs to full roof replacements, we provide high-quality workmanship."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { icon: Shield, title: "Leak Repair", description: "Rapid response to water leaks and storm damage." },
+              { icon: Zap, title: "Roof Replacement", description: "Full tear-offs and professional new installations." },
+              { icon: CheckCircle, title: "Inspections", description: "Detailed evaluations to extend your roof lifespan." },
+              { icon: Home, title: "Gutter Maintenance", description: "Cleaning and repair to prevent drainage issues." },
+              { icon: Sun, title: "Energy Upgrades", description: "Reflective coatings and ventilation improvements." },
+            ]}
+            title="Comprehensive Roofing Services"
+            description="From emergency leak repairs to full roof replacements, we provide high-quality workmanship."
+          />
+        </div>
 
-  <div id="finance" data-section="finance">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Project Financing",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/glasses-calculator-tablet-white-neat-desk_1387-384.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Asset Audit",
-          price: "Contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-with-blank-screen-digital-tablet-laptop-wooden-desk-office_1150-1473.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          name: "Home Investment",
-          price: "Consult",
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-with-wooden-blocks-with-words_176474-10433.jpg?_wi=1",
-        },
-        {
-          id: "p4",
-          name: "Tax Planning",
-          price: "Hourly",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-copy-space-office-desk-table-with-pen-focus-analysis-chart-computer-notebook-cup-coffee-desk-vintage-tone-retro-filter-selective-focus_1418-578.jpg",
-        },
-        {
-          id: "p5",
-          name: "Loan Advisory",
-          price: "Fixed",
-          imageSrc: "http://img.b2bpic.net/free-photo/negotiating-with-new-employee_1098-503.jpg",
-        },
-        {
-          id: "p6",
-          name: "Risk Analysis",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-wooden-desk-table-with-laptop-pen-office_1423-201.jpg",
-        },
-      ]}
-      title="Financial Solutions"
-      description="Flexible financing options for your roofing projects and long-term asset management services."
-    />
-  </div>
+        <div id="finance" data-section="finance">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Project Financing", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/glasses-calculator-tablet-white-neat-desk_1387-384.jpg" },
+              { id: "p2", name: "Asset Audit", price: "Contact", imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-with-blank-screen-digital-tablet-laptop-wooden-desk-office_1150-1473.jpg" },
+              { id: "p3", name: "Home Investment", price: "Consult", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-with-wooden-blocks-with-words_176474-10433.jpg" },
+              { id: "p4", name: "Tax Planning", price: "Hourly", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-copy-space-office-desk-table-with-pen-focus-analysis-chart-computer-notebook-cup-coffee-desk-vintage-tone-retro-filter-selective-focus_1418-578.jpg" },
+              { id: "p5", name: "Loan Advisory", price: "Fixed", imageSrc: "http://img.b2bpic.net/free-photo/negotiating-with-new-employee_1098-503.jpg" },
+              { id: "p6", name: "Risk Analysis", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-wooden-desk-table-with-laptop-pen-office_1423-201.jpg" },
+            ]}
+            title="Financial Solutions"
+            description="Flexible financing options for your roofing projects and long-term asset management services."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "Excellent repair service and clear financial advice.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg",
-          imageAlt: "Cute yellow rural house with wooden stairs in countryside.",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          handle: "@markd",
-          testimonial: "Very professional approach to roofing projects.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=2",
-          imageAlt: "Cute yellow rural house with wooden stairs in countryside.",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          handle: "@emilyr",
-          testimonial: "The financing options made the repair manageable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/glasses-calculator-tablet-white-neat-desk_1387-384.jpg?_wi=2",
-          imageAlt: "Cute yellow rural house with wooden stairs in countryside.",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          handle: "@davidk",
-          testimonial: "Great attention to detail in inspection.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-with-blank-screen-digital-tablet-laptop-wooden-desk-office_1150-1473.jpg?_wi=2",
-          imageAlt: "Cute yellow rural house with wooden stairs in countryside.",
-        },
-        {
-          id: "5",
-          name: "Alex B.",
-          handle: "@alexb",
-          testimonial: "Top-tier roofers and financial advisors.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-with-wooden-blocks-with-words_176474-10433.jpg?_wi=2",
-          imageAlt: "Cute yellow rural house with wooden stairs in countryside.",
-        },
-      ]}
-      showRating={true}
-      title="Trusted by Homeowners"
-      description="Hear from our satisfied clients about our roofing and financial services."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Excellent repair service and clear financial advice.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg" },
+              { id: "2", name: "Mark D.", handle: "@markd", testimonial: "Very professional approach to roofing projects.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg" },
+              { id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "The financing options made the repair manageable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glasses-calculator-tablet-white-neat-desk_1387-384.jpg" },
+              { id: "4", name: "David K.", handle: "@davidk", testimonial: "Great attention to detail in inspection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-with-blank-screen-digital-tablet-laptop-wooden-desk-office_1150-1473.jpg" },
+              { id: "5", name: "Alex B.", handle: "@alexb", testimonial: "Top-tier roofers and financial advisors.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-with-wooden-blocks-with-words_176474-10433.jpg" },
+            ]}
+            showRating={true}
+            title="Trusted by Homeowners"
+            description="Hear from our satisfied clients about our roofing and financial services."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you offer emergency repairs?",
-          content: "Yes, our team is available 24/7 for emergency leaks.",
-        },
-        {
-          id: "q2",
-          title: "How does financing work?",
-          content: "We offer various payment plans to fit your budget.",
-        },
-        {
-          id: "q3",
-          title: "Are you licensed and insured?",
-          content: "Absolutely, we are fully licensed and bonded.",
-        },
-        {
-          id: "q4",
-          title: "Can I combine roofing and financial consultation?",
-          content: "Yes, we offer bundled packages for home improvement projects and long-term asset management.",
-        },
-        {
-          id: "q5",
-          title: "How long does a typical roof inspection take?",
-          content: "Most residential inspections take approximately 1-2 hours depending on the property size.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      faqsAnimation="slide-up"
-      description="Answers to the most common questions regarding our roofing and financial services."
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Do you offer emergency repairs?", content: "Yes, our team is available 24/7 for emergency leaks." },
+              { id: "q2", title: "How does financing work?", content: "We offer various payment plans to fit your budget." },
+              { id: "q3", title: "Are you licensed and insured?", content: "Absolutely, we are fully licensed and bonded." },
+              { id: "q4", title: "Can I combine roofing and financial consultation?", content: "Yes, we offer bundled packages for home improvement projects and long-term asset management." },
+              { id: "q5", title: "How long does a typical roof inspection take?", content: "Most residential inspections take approximately 1-2 hours depending on the property size." },
+            ]}
+            title="Frequently Asked Questions"
+            faqsAnimation="slide-up"
+            description="Answers to the most common questions regarding our roofing and financial services."
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "RoofCo",
-        "SafeBuild",
-        "SecureFinance",
-        "PrimeFix",
-        "AssetPro",
-        "TrustedHome",
-        "ReliantRoof",
-      ]}
-      title="Partnered With Industry Leaders"
-      description="We collaborate with the best in the business to ensure premium outcomes."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["RoofCo", "SafeBuild", "SecureFinance", "PrimeFix", "AssetPro", "TrustedHome", "ReliantRoof"]}
+            title="Partnered With Industry Leaders"
+            description="We collaborate with the best in the business to ensure premium outcomes."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Ready to Start?"
-      title="Schedule a Consultation Today"
-      description="Reach out to us for roofing inquiries or financial planning."
-      buttons={[
-        {
-          text: "Send Message",
-          href: "mailto:info@roofin.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Ready to Start?"
+            title="Schedule a Consultation Today"
+            description="Reach out to us for roofing inquiries or financial planning."
+            buttons={[{ text: "Send Message", href: "mailto:info@roofin.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Roofing",
-              href: "#services",
-            },
-            {
-              label: "Finance",
-              href: "#finance",
-            },
-          ],
-        },
-      ]}
-      logoText="RoofFin Solutions"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+              { title: "Services", items: [{ label: "Roofing", href: "#services" }, { label: "Finance", href: "#finance" }] },
+            ]}
+            logoText="RoofFin Solutions"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1