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

---
 src/app/page.tsx | 447 +++++++++++------------------------------------
 1 file changed, 98 insertions(+), 349 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a2995b6..2b29b4f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,15 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import TeamCardFive from '@/components/sections/team/TeamCardFive';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Calendar, Shield, Sparkles, Users } from "lucide-react";
+import { Users, Target, BarChart3, Star, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,355 +29,104 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Packages",
-          id: "#packages",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="CLSF Technical Services"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "About", id: "#about" },
+              { name: "Features", id: "#features" },
+              { name: "Performance", id: "#metrics" },
+              { name: "Team", id: "#team" },
+              { name: "Testimonials", id: "#testimonials" }
+            ]}
+            brandName="CLSF Technical Services"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="Elevating Spaces Through Technical Excellence"
-      description="CLSF Technical Services L.L.C delivers premium, high-standard cleaning and technical facility maintenance solutions tailored for your business and residential needs."
-      buttons={[
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-        {
-          text: "View Our Services",
-          href: "#services",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-group-volunteers-holding-hands_23-2148687292.jpg"
-      imageAlt="Professional cleaning services in action"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-gardener-apron-hat-holding-hedge-clippers-looking-front-smiling-confident-standing-blue-wall_141793-96983.jpg",
-          alt: "Team member 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-man-cleaning-his-house_23-2148119206.jpg",
-          alt: "Team member 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/adorable-woman-painting-wooden-stand-white-color_651396-2924.jpg",
-          alt: "Team member 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-rubber-gloves-holding-spray-bottle-smiling-cheerfully-standing-white-wall_141793-60752.jpg",
-          alt: "Team member 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148118521.jpg",
-          alt: "Team member 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ clients"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            title="CLSF Technical Services L.L.C"
+            description="Delivering excellence through premium technical maintenance and professional facility solutions."
+            imageSrc="http://img.b2bpic.net/free-photo/modern-office-building-with-glass-facade_23-2148705353.jpg"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Our Expertise"
-      title="Technical Cleaning & Maintenance"
-      description="Beyond simple cleaning, we offer comprehensive technical facility solutions to keep your environment pristine and efficient."
-      subdescription="Our team uses professional-grade technology to deliver results that meet the highest standards of hygiene and maintenance."
-      icon={Shield}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-cleaning-window_23-2149535102.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            title="Our Commitment to Excellence"
+            description="With years of experience in technical facility management, we bridge the gap between complex infrastructure needs and reliable, efficient maintenance."
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-professional-cleaning-tools_23-2149535102.jpg"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Sparkles,
-          title: "Advanced Sanitization",
-          description: "Utilizing industry-leading methods to guarantee a bacteria-free and safe environment.",
-        },
-        {
-          icon: Users,
-          title: "Highly Trained Staff",
-          description: "Professional team members vetted and trained in sophisticated cleaning techniques.",
-        },
-        {
-          icon: Calendar,
-          title: "Flexible Scheduling",
-          description: "We work around your schedule to minimize disruption to your operations.",
-        },
-      ]}
-      title="Why CLSF Stands Apart"
-      description="We blend technical precision with meticulous attention to detail to ensure your space remains immaculate."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            title="Precision Maintenance Features"
+            description="Our advanced technical workflows ensure your environment remains safe, clean, and fully operational 24/7."
+            showStepNumbers={true}
+            animationType="slide-up"
+            textboxLayout="default"
+            features={[
+              { 
+                title: "Smart Cleaning", 
+                description: "Automated and precision-based maintenance solutions.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cleaner-holding-spray-bottle_23-2148530325.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaning-floor_23-2148744040.jpg" }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          title: "Satisfied Clients",
-          items: [
-            "Commercial buildings",
-            "Residential estates",
-            "Office spaces",
-          ],
-        },
-        {
-          id: "m2",
-          value: "15k+",
-          title: "Hours Served",
-          items: [
-            "Deep cleaning",
-            "Facility maintenance",
-            "Technical sanitization",
-          ],
-        },
-        {
-          id: "m3",
-          value: "99%",
-          title: "Quality Score",
-          items: [
-            "Customer satisfaction",
-            "Audit compliance",
-            "Efficiency rate",
-          ],
-        },
-      ]}
-      title="Results You Can Count On"
-      description="Our commitment to excellence translates into measurable results for every client we serve."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            title="Measurable Success"
+            description="Our performance-driven approach is backed by data and client results."
+            animationType="slide-up"
+            metrics={[
+              {
+                id: "metric-1",                value: "99%",                title: "Efficiency Rate",                description: "Optimization of all facility operations.",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-diagram-growth_23-2148858177.jpg"
+              },
+              {
+                id: "metric-2",                value: "500+",                title: "Satisfied Clients",                description: "Partners across various sectors.",                imageSrc: "http://img.b2bpic.net/free-photo/happy-team-working_23-2148858177.jpg"
+              }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "Operations Manager",
-          testimonial: "CLSF provides the most consistent cleaning service we've experienced in years.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-handing-his-boarding-pass-counter_107420-63587.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "Facilities Director",
-          testimonial: "Truly professional and detail-oriented team. Highly recommended for commercial sites.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-mobile-phone-answers-phone-call-smiles-stands-home-leans-wall_1258-200139.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Davis",
-          handle: "Office Manager",
-          testimonial: "Very prompt and thorough. Their technical expertise makes all the difference.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-call-center_23-2149288183.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          handle: "Estate Manager",
-          testimonial: "Reliable, efficient, and always willing to go the extra mile. Great work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-showing-miniature-house_23-2148242997.jpg",
-        },
-        {
-          id: "5",
-          name: "Jessica Wright",
-          handle: "Corporate Consultant",
-          testimonial: "Professional excellence in every aspect. Best cleaning crew I’ve worked with.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-man-cleaning-mirror-bathroom_329181-20789.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Trusted by Industry Leaders"
-      description="Hear what our long-term partners say about our professionalism and high-standard service."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardFive
+            title="Meet Our Technical Experts"
+            description="Our team comprises highly-trained professionals dedicated to facility excellence."
+            animationType="slide-up"
+            textboxLayout="default"
+            team={[
+              { id: "t1", name: "Alex Rivera", role: "Technical Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-man_23-2148923485.jpg" },
+              { id: "t2", name: "Sarah Chen", role: "Operations Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-woman_23-2148923485.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="packages" data-section="packages">
-      <PricingCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",
-          badge: "Essential",
-          price: "Custom",
-          subtitle: "Perfect for small offices",
-          features: [
-            "Standard sanitization",
-            "Surface dusting",
-            "Floor maintenance",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Pro",
-          price: "Custom",
-          subtitle: "Best for mid-sized business",
-          features: [
-            "Advanced deep cleaning",
-            "Window cleaning",
-            "Technical facility checks",
-            "Daily updates",
-          ],
-        },
-        {
-          id: "enterprise",
-          badge: "Elite",
-          price: "Custom",
-          subtitle: "Comprehensive maintenance",
-          features: [
-            "Full facility technical care",
-            "24/7 priority support",
-            "Customized sanitization protocols",
-            "Reporting & analytics",
-          ],
-        },
-      ]}
-      title="Transparent Service Packages"
-      description="Tailored cleaning plans designed to fit the scale and complexity of your requirements."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            testimonial="CLSF Technical Services has completely transformed our facility's maintenance standards. Their precision and reliability are unmatched."
+            author="Jonathan V., Facilities Director"
+            rating={5}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+            avatars={[{ src: "http://img.b2bpic.net/free-photo/happy-smiling-businessman_23-2148858177.jpg", alt: "Jonathan V" }]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you serve residential clients?",
-          content: "Yes, we specialize in high-end residential estates requiring precision maintenance.",
-        },
-        {
-          id: "q2",
-          title: "Are your cleaning agents eco-friendly?",
-          content: "Absolutely. We prioritize sustainable and non-toxic high-performance cleaning agents.",
-        },
-        {
-          id: "q3",
-          title: "How do we get a custom quote?",
-          content: "Simply contact our team, and we will arrange a facility assessment before providing a detailed proposal.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Need clarity? We’ve compiled answers to common questions about our technical services."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Contact Us"
-      title="Book Your Service"
-      description="Ready to experience professional technical cleaning services? Get in touch with our team today."
-      imageSrc="http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826281.jpg"
-      mediaAnimation="slide-up"
-      buttonText="Inquire Now"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Technical Cleaning",
-              href: "#services",
-            },
-            {
-              label: "Facility Maintenance",
-              href: "#services",
-            },
-            {
-              label: "Premium Packages",
-              href: "#packages",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Get a Quote",
-              href: "#contact",
-            },
-            {
-              label: "Help Center",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-      logoText="CLSF Technical Services"
-      copyrightText="© 2025 | CLSF Technical Services L.L.C"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            logoText="CLSF Technical Services"
+            columns={[
+              { title: "Services", items: [{ label: "Cleaning", href: "#" }, { label: "Maintenance", href: "#" }] },
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file