From 0e79d589466b0ef9efeb9fec7d02e2a8a87c58d2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 22:57:49 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4b25459..006c8ac 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,304 +17,138 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="IM Facility"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="IM Facility"
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroSplit
-      background={{
-        variant: "plain",
-      }}
-      title="Expert Facility & Staffing Solutions"
-      description="Your reliable partner for facility management, building cleaning, and professional staffing. Quality and excellence in every task."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12168.jpg"
-      imageAlt="IM Facility Services Team"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-smiling_23-2148336914.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ professionals"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Facility Maintenance",
-        },
-        {
-          type: "text",
-          text: "Professional Staffing",
-        },
-        {
-          type: "text",
-          text: "Deep Cleaning",
-        },
-        {
-          type: "text",
-          text: "24/7 Reliability",
-        },
-        {
-          type: "text",
-          text: "Quality Assurance",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroSplit
+            background={{ variant: "plain" }}
+            title="Expert Facility & Staffing Solutions"
+            description="Your reliable partner for facility management, building cleaning, and professional staffing. Quality and excellence in every task."
+            buttons={[{ text: "Contact Us", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12168.jpg"
+            imageAlt="IM Facility Services Team"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-smiling_23-2148336914.jpg", alt: "Client 5" }
+            ]}
+            avatarText="Trusted by 500+ professionals"
+            marqueeItems={[
+              { type: "text", text: "Facility Maintenance" },
+              { type: "text", text: "Professional Staffing" },
+              { type: "text", text: "Deep Cleaning" },
+              { type: "text", text: "24/7 Reliability" },
+              { type: "text", text: "Quality Assurance" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Professionalism & Reliability"
-      description={[
-        "We provide comprehensive facility services tailored to your needs.",
-        "With years of experience, our team ensures your buildings and workspaces are maintained to the highest standards.",
-        "Our staffing solutions provide the personnel you need for seamless operations.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={true}
+            title="Professionalism & Reliability"
+            description={[
+              "We provide comprehensive facility services tailored to your needs.",              "With years of experience, our team ensures your buildings and workspaces are maintained to the highest standards.",              "Our staffing solutions provide the personnel you need for seamless operations."
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Building Maintenance",
-          descriptions: [
-            "Full-scope facility management and upkeep.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343051.jpg?_wi=1",
-        },
-        {
-          id: "f2",
-          title: "Professional Staffing",
-          descriptions: [
-            "Reliable personnel placement for your business.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/human-resources-flowchart_98292-1106.jpg",
-        },
-        {
-          id: "f3",
-          title: "Building Cleaning",
-          descriptions: [
-            "High-standard janitorial services.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/medical-healthcare-covid-19-icon-set-element-vector_53876-166680.jpg?_wi=1",
-        },
-        {
-          id: "f4",
-          title: "Security Solutions",
-          descriptions: [
-            "Expert safety and security personnel.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343051.jpg?_wi=2",
-        },
-        {
-          id: "f5",
-          title: "Landscape Maintenance",
-          descriptions: [
-            "Keeping exterior grounds pristine.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/medical-healthcare-covid-19-icon-set-element-vector_53876-166680.jpg?_wi=2",
-        },
-      ]}
-      title="Our Services"
-      description="Comprehensive solutions for your facility and operational needs."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Building Maintenance", descriptions: ["Full-scope facility management and upkeep."], imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343051.jpg" },
+              { id: "f2", title: "Professional Staffing", descriptions: ["Reliable personnel placement for your business."], imageSrc: "http://img.b2bpic.net/free-vector/human-resources-flowchart_98292-1106.jpg" },
+              { id: "f3", title: "Building Cleaning", descriptions: ["High-standard janitorial services."], imageSrc: "http://img.b2bpic.net/free-vector/medical-healthcare-covid-19-icon-set-element-vector_53876-166680.jpg" },
+              { id: "f4", title: "Security Solutions", descriptions: ["Expert safety and security personnel."], imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343051.jpg" },
+              { id: "f5", title: "Landscape Maintenance", descriptions: ["Keeping exterior grounds pristine."], imageSrc: "http://img.b2bpic.net/free-vector/medical-healthcare-covid-19-icon-set-element-vector_53876-166680.jpg" }
+            ]}
+            title="Our Services"
+            description="Comprehensive solutions for your facility and operational needs."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Years Experience",
-        },
-        {
-          id: "m2",
-          value: "500+",
-          description: "Satisfied Clients",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "Dedicated Support",
-        },
-        {
-          id: "m4",
-          value: "98%",
-          description: "Retention Rate",
-        },
-        {
-          id: "m5",
-          value: "100+",
-          description: "Active Staff",
-        },
-      ]}
-      title="Our Success"
-      description="Demonstrating our quality and dedication."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "15+", description: "Years Experience" },
+              { id: "m2", value: "500+", description: "Satisfied Clients" },
+              { id: "m3", value: "24/7", description: "Dedicated Support" },
+              { id: "m4", value: "98%", description: "Retention Rate" },
+              { id: "m5", value: "100+", description: "Active Staff" }
+            ]}
+            title="Our Success"
+            description="Demonstrating our quality and dedication."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="one-large-right-three-stacked-left"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "CEO",
-          company: "TechCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "CTO",
-          company: "InnovateLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Marketing Director",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Product Manager",
-          company: "StartupXYZ",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
-        },
-        {
-          id: "5",
-          name: "Lisa Wang",
-          role: "Office Manager",
-          company: "BusinessInc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-smiling_23-2148336914.jpg",
-        },
-      ]}
-      title="Customer Feedback"
-      description="What our clients say about our services."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="one-large-right-three-stacked-left"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg" },
+              { id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg" },
+              { id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg" },
+              { id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg" },
+              { id: "5", name: "Lisa Wang", role: "Office Manager", company: "BusinessInc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-smiling_23-2148336914.jpg" }
+            ]}
+            title="Customer Feedback"
+            description="What our clients say about our services."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get in touch"
-      title="Start your partnership"
-      description="Contact us today for a consultation or a quote."
-      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Get in touch"
+            title="Start your partnership"
+            description="Contact us today for a consultation or a quote."
+            imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "#home",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Imprint",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="IM Facility"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="IM Facility"
+            columns={[
+              { items: [{ label: "Home", href: "#home" }, { label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
+              { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Imprint", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1