From b1d99e603bf9c8b76d8c7bdc837f982889c0f9b0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 17:21:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 500 ++++++++++++-----------------------------------
 1 file changed, 128 insertions(+), 372 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6fd24be..ed0cacf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,396 +2,152 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
+import TextAbout from '@/components/sections/about/TextAbout';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { LayoutGrid, CheckCircle, Target, Award } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
-        defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
-        contentWidth="small"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
         sizing="largeSizeMediumTitles"
-        background="noise"
-        cardStyle="inset"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Garret Burgess Construction"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Garret Burgess"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Excellence in Construction"
-      description="Building the future with precision, integrity, and unparalleled craftsmanship. Your vision, expertly realized by Garret Burgess Construction."
-      testimonials={[
-        {
-          name: "John Smith",
-          handle: "@johnsmith",
-          testimonial: "Exceptional quality and professionalism throughout our home renovation.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-trousers-fashion-hipster-male-posing-near-grey-wall-studio-isolated_158538-26745.jpg",
-        },
-        {
-          name: "Sarah Miller",
-          handle: "@sarah_miller",
-          testimonial: "Garret Burgess Construction delivered on every promise. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
-        },
-        {
-          name: "David Wilson",
-          handle: "@dwilson",
-          testimonial: "Timely, efficient, and great attention to detail. Excellent work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-green-shirt-smiling-confident_23-2148401382.jpg",
-        },
-        {
-          name: "Emily Chen",
-          handle: "@echen",
-          testimonial: "A truly premium experience from start to finish. Our office looks stunning.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-businesswoman-holding-coffee-cup_23-2148187126.jpg",
-        },
-        {
-          name: "Robert Davis",
-          handle: "@rdavis",
-          testimonial: "Reliable experts who take pride in their work. Professional and thorough.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148921393.jpg"
-      imageAlt="High-end construction project"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-men-work-with-laptop_23-2148921389.jpg",
-          alt: "Close up men at work with laptop",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-helmet_23-2148921425.jpg",
-          alt: "Medium shot man wearing helmet",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-with-adjustable-wrench_627829-11409.jpg",
-          alt: "Brutal beard worker man suit construction worker in safety orange helmet with adjustable wrench",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-looking-camera_23-2148269287.jpg",
-          alt: "Medium shot smiley man looking at camera",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184928.jpg",
-          alt: "Person working in building and construction",
-        },
-      ]}
-      avatarText="Trusted by 150+ industry leaders"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Precision",
-        },
-        {
-          type: "text",
-          text: "Integrity",
-        },
-        {
-          type: "text",
-          text: "Craftsmanship",
-        },
-        {
-          type: "text",
-          text: "Reliability",
-        },
-        {
-          type: "text",
-          text: "Excellence",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            background={{ variant: "gradient-bars" }}
+            title="Premium Construction Excellence"
+            description="Garret Burgess Construction blends modern precision with timeless craftsmanship to bring your vision to life."
+            testimonials={[]}
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/new-building-project_1098-14328.jpg"
+            imageAlt="Construction project"
+            buttons={[{ text: "Get a Quote", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Our commitment to quality ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/new-building-project_1098-14328.jpg",
-          alt: "Garret Burgess working",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            title="Building Legacies with Unmatched Quality and Dedication"
+            useInvertedBackground={false}
+            tag="About Us"
+            buttons={[{ text: "Our Philosophy" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyOne
-      useInvertedBackground={false}
-      title="Expert Construction Services"
-      description="We specialize in a comprehensive range of construction services, tailored to meet your unique needs and exceed expectations."
-      accordionItems={[
-        {
-          id: "s1",
-          title: "Residential Builds",
-          content: "Custom homes designed and built with meticulous care and attention.",
-        },
-        {
-          id: "s2",
-          title: "Commercial Renovations",
-          content: "Professional workspace solutions that blend functionality and aesthetics.",
-        },
-        {
-          id: "s3",
-          title: "Historical Restorations",
-          content: "Honoring the past while incorporating modern building standards.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/facade-modern-new-building_23-2147694757.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            title="Our Specialized Services"
+            description="Comprehensive construction solutions tailored for residential and commercial demands."
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { id: "f1", title: "Residential Development", tags: ["Custom", "Modern"], imageSrc: "http://img.b2bpic.net/free-photo/facade-modern-new-building_23-2147694757.jpg" },
+              { id: "f2", title: "Commercial Infrastructure", tags: ["Professional", "Durable"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148921393.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          title: "Completed Projects",
-          description: "High-quality structures built across the region.",
-          imageSrc: "http://img.b2bpic.net/free-photo/drafting-tools-near-plans-helmet_23-2147785527.jpg",
-        },
-        {
-          id: "m2",
-          value: "20+",
-          title: "Years Experience",
-          description: "Dedicated to excellence in every build.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-electric-drill-plastic-case-with-hardware-items_23-2147865422.jpg",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Safety Standards",
-          description: "Prioritizing the health of our crew and project integrity.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-construction-site_23-2151889141.jpg",
-        },
-      ]}
-      title="By The Numbers"
-      description="Our legacy of success is measured by the satisfaction of our clients and the durability of our structures."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            title="Proven Track Record"
+            description="Consistently delivering excellence in every project we undertake."
+            textboxLayout="inline-image"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", icon: LayoutGrid, title: "Projects Completed", value: "200+" },
+              { id: "m2", icon: Target, title: "Client Satisfaction", value: "100%" },
+              { id: "m3", icon: Award, title: "Years Experience", value: "25+" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alice Johnson",
-          handle: "@alice",
-          testimonial: "Truly unmatched attention to detail.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-talking-his-mobile-phone-airport-terminal_107420-85041.jpg",
-        },
-        {
-          id: "t2",
-          name: "Bob Martin",
-          handle: "@bobm",
-          testimonial: "Professional, clean, and efficient.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
-        },
-        {
-          id: "t3",
-          name: "Carla Reed",
-          handle: "@creed",
-          testimonial: "The best construction firm I have ever worked with.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Holt",
-          handle: "@dholt",
-          testimonial: "Quality that will last for generations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-white-shirt-posing-with-delighted-expression_140725-17234.jpg",
-        },
-        {
-          id: "t5",
-          name: "Elena Moss",
-          handle: "@emoss",
-          testimonial: "A stress-free experience from start to finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-age_343059-3756.jpg",
-        },
-      ]}
-      title="Client Success Stories"
-      description="Hear directly from those who trust Garret Burgess Construction with their most important assets."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="blur-reveal"
+            title="Client Testimonials"
+            description="Real feedback from our satisfied partners and clients."
+            textboxLayout="split"
+            useInvertedBackground={true}
+            showRating={true}
+            testimonials={[
+                { id: "t1", name: "Sarah W.", handle: "@swilliams", testimonial: "The attention to detail is simply unmatched.", rating: 5 },
+                { id: "t2", name: "Mark D.", handle: "@mdavis", testimonial: "Professionalism and efficiency were at the heart of their service.", rating: 5 }
+            ]}
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={false}
-      names={[
-        "Design Studio Inc",
-        "Urban Planning Group",
-        "Construction Partners",
-        "Heritage Preservation Trust",
-        "Future Homes Ltd",
-      ]}
-      title="Trusted Partners"
-      description="We are proud to collaborate with the industry's finest."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            names={["DesignCo", "UrbanBuild", "CityCorp", "ModernSpace"]}
+            title="Industry Partners"
+            description="Proud to be associated with leading names in the development world."
+            textboxLayout="default"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you offer consultations?",
-          content: "Yes, we provide personalized consultations to discuss your project goals.",
-        },
-        {
-          id: "q2",
-          title: "How do you manage budgets?",
-          content: "We implement transparent budgeting and scheduling processes throughout the build.",
-        },
-        {
-          id: "q3",
-          title: "Are you licensed and insured?",
-          content: "Absolutely. We carry comprehensive licensing and insurance for all projects.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/shareholders-team-ensure-factory-follows-safety-procedures-before-investing_482257-119563.jpg"
-      mediaAnimation="blur-reveal"
-      title="Frequently Asked Questions"
-      description="Have questions about our process? We have the answers."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            faqs={[
+              { id: "q1", title: "How do I get started?", content: "Simply reach out via our contact form." },
+              { id: "q2", title: "Are you licensed?", content: "Yes, we are fully licensed and insured." }
+            ]}
+            sideTitle="Common Inquiries"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static-grid",
-      }}
-      text="Ready to build your masterpiece? Connect with us for a consultation today."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Get In Touch"
+            title="Start Your Project Today"
+            description="Schedule your consultation with Garret Burgess Construction."
+            background={{ variant: "gradient-bars" }}
+            imageSrc="http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Projects",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Consultation",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Garret Burgess Construction. All rights reserved."
-      bottomRightText="Built with precision."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Garret Burgess Construction"
+            columns={[
+              { items: [{ label: "Home", href: "#" }, { label: "About", href: "#" }] },
+              { items: [{ label: "Services", href: "#" }, { label: "Contact", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1