From fba211807c7ead5c616cc4d90b3f53d75fa1b6d8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 5 May 2026 19:17:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 153 +++++++++++++++++++++++------------------------
 1 file changed, 76 insertions(+), 77 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0568de9..bf518e7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,14 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import { Award, CheckCircle, Shield } from "lucide-react";
 
 export default function LandingPage() {
@@ -28,85 +25,87 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Services", id: "/#services" },
-        { name: "About", id: "/#about" },
-        { name: "Reviews", id: "/#reviews" },
-        { name: "Portfolio", id: "/#portfolio" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="David Tulloch Roofing"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Services", id: "/#services" },
+                { name: "About", id: "/#about" },
+                { name: "Contact", id: "/contact" },
+              ]}
+              brandName="David Tulloch Roofing"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="David Tulloch Roofing"
-      description="Ottawa Roofing Repairs & Re-Roofing Done Right Since 1999. Protect your home with reliable service from local Ottawa roofing professionals."
-      buttons={[
-        { text: "Call Now: (613) 880-4079", href: "tel:+16138804079" },
-        { text: "Get a Free Roofing Estimate", href: "/contact" },
-      ]}
-      slides={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg", imageAlt: "Professional roof installation in Ottawa" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof-daylight_23-2148748815.jpg", imageAlt: "Completed roofing project" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg", imageAlt: "Roof shingle replacement detail" },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroCarouselLogo
+              logoText="David Tulloch Roofing"
+              description="Ottawa Roofing Repairs & Re-Roofing Done Right Since 1999. Protect your home with reliable service from local Ottawa roofing professionals."
+              buttons={[
+                { text: "Call Now: (613) 880-4079", href: "tel:+16138804079" },
+                { text: "Get a Free Roofing Estimate", href: "/contact" },
+              ]}
+              slides={[
+                { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg", imageAlt: "Professional roof installation in Ottawa" },
+                { imageSrc: "http://img.b2bpic.net/front-view-construction-roof-daylight_23-2148748815.jpg", imageAlt: "Completed roofing project" },
+                { imageSrc: "http://img.b2bpic.net/man-working-roof-with-hammer-full-shot_23-2149343668.jpg", imageAlt: "Roof shingle replacement detail" },
+              ]}
+            />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      title="Reliable Ottawa Roofing"
-      tag="Trust Signals"
-      metrics={[
-        { id: "m1", value: "1999", description: "Serving Ottawa" },
-        { id: "m2", value: "100%", description: "Fully Insured" },
-        { id: "m3", value: "Free", description: "Estimates" },
-        { id: "m4", value: "Full", description: "Warranty" },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardFourteen
+              title="Reliable Ottawa Roofing"
+              tag="Trust Signals"
+              metrics={[
+                { id: "m1", value: "1999", description: "Serving Ottawa" },
+                { id: "m2", value: "100%", description: "Fully Insured" },
+                { id: "m3", value: "Free", description: "Estimates" },
+                { id: "m4", value: "Full", description: "Warranty" },
+              ]}
+              metricsAnimation="slide-up"
+              useInvertedBackground={false}
+            />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyEight
-      animationType="slide-up"
-      features={[
-        { id: "f1", title: "Roof Repairs", subtitle: "Fast repair for leaks, storm damage, and wear.", category: "Repairs", value: "Expert Service" },
-        { id: "f2", title: "Re-Roofing", subtitle: "Quality residential and commercial re-roofing.", category: "Re-Roofing", value: "Quality Shingles" },
-        { id: "f3", title: "Ice Protection", subtitle: "Waterproof underlayment and shield installation.", category: "Protection", value: "Weather Ready" },
-      ]}
-      title="Roofing Services for Ottawa"
-      description="Comprehensive roof care from professional repairs to full re-roofing projects."
-    />
-  </div>
+        <div id="services" data-section="services">
+            <FeatureCardTwentyEight
+              animationType="slide-up"
+              features={[
+                { id: "f1", title: "Roof Repairs", subtitle: "Fast repair for leaks, storm damage, and wear.", category: "Repairs", value: "Expert Service" },
+                { id: "f2", title: "Re-Roofing", subtitle: "Quality residential and commercial re-roofing.", category: "Re-Roofing", value: "Quality Shingles" },
+                { id: "f3", title: "Ice Protection", subtitle: "Waterproof underlayment and shield installation.", category: "Protection", value: "Weather Ready" },
+              ]}
+              title="Roofing Services for Ottawa"
+              description="Comprehensive roof care from professional repairs to full re-roofing projects."
+              textboxLayout="default"
+              useInvertedBackground={false}
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      title="Quality, Honesty, and Clean Work"
-      metrics={[
-        { icon: Award, label: "Local Business", value: "Since 1999" },
-        { icon: Shield, label: "Coverage", value: "Fully Insured" },
-        { icon: CheckCircle, label: "Service", value: "Clean Sites" },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <AboutMetric
+              title="Quality, Honesty, and Clean Work"
+              metrics={[
+                { icon: Award, label: "Local Business", value: "Since 1999" },
+                { icon: Shield, label: "Coverage", value: "Fully Insured" },
+                { icon: CheckCircle, label: "Service", value: "Clean Sites" },
+              ]}
+              metricsAnimation="slide-up"
+              useInvertedBackground={false}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Services", href: "/#services" }] },
-        { title: "Work", items: [{ label: "Portfolio", href: "/#portfolio" }, { label: "Contact", href: "/contact" }] },
-      ]}
-      logoText="David Tulloch Roofing"
-      copyrightText="© 2025 David Tulloch Roofing | Ottawa, ON"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBase
+              columns={[
+                { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Services", href: "/#services" }] },
+                { title: "Work", items: [{ label: "Contact", href: "/contact" }] },
+              ]}
+              logoText="David Tulloch Roofing"
+              copyrightText="© 2025 David Tulloch Roofing | Ottawa, ON"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );