From a045c685ce87f55eacdea7702d171d24f1dd3c2a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 25 May 2026 14:07:17 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 463 +++++++++++++++--------------------------------
 1 file changed, 145 insertions(+), 318 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e2d551d..d55f51b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,333 +29,160 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Noor Enterprises"
-      button={{
-        text: "Get a Quote",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Noor Enterprises"
+            button={{
+              text: "Get a Quote",              href: "#contact"}}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      title="Premium Painting & Waterproofing Specialists"
-      description="Protecting and beautifying premium spaces with advanced chemical coatings, expert engineering, and unmatched durability. Engineered solutions tailored to keep your structures beautiful, resilient, and completely leakproof."
-      buttons={[
-        {
-          text: "Get a Quote",
-          href: "#contact",
-        },
-        {
-          text: "Explore Services",
-          href: "#services",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/sportsman-warming-up-before-running_23-2147757979.jpg",
-          imageAlt: "luxury building exterior coating",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-paint_23-2149714286.jpg",
-          imageAlt: "protective chemical coating application",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet_23-2147702501.jpg",
-          imageAlt: "modern skyscraper premium facade finish",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/daylight-analog-city-landscape-with-buildings_23-2149661406.jpg",
-          imageAlt: "luxury villa white wall finish",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/roof-building_1204-86.jpg",
-          imageAlt: "building thermal envelope technology",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/light-falling-wooden-abstract-design_53876-95420.jpg",
-          imageAlt: "minimalist building architectural abstract",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{
+              variant: "rotated-rays-animated"}}
+            title="Premium Painting & Waterproofing Specialists"
+            description="Protecting and beautifying premium spaces with advanced chemical coatings, expert engineering, and unmatched durability. Engineered solutions tailored to keep your structures beautiful, resilient, and completely leakproof."
+            buttons={[
+              { text: "Get a Quote", href: "#contact" },
+              { text: "Explore Services", href: "#services" },
+            ]}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/sportsman-warming-up-before-running_23-2147757979.jpg", imageAlt: "luxury building exterior coating" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-paint_23-2149714286.jpg", imageAlt: "protective chemical coating application" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet_23-2147702501.jpg", imageAlt: "modern skyscraper premium facade finish" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/daylight-analog-city-landscape-with-buildings_23-2149661406.jpg", imageAlt: "luxury villa white wall finish" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/roof-building_1204-86.jpg", imageAlt: "building thermal envelope technology" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/light-falling-wooden-abstract-design_53876-95420.jpg", imageAlt: "minimalist building architectural abstract" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Engineering Excellence"
-      metrics={[
-        {
-          icon: Shield,
-          label: "Structures Protected",
-          value: "150+",
-        },
-        {
-          icon: Award,
-          label: "Years Combined Experience",
-          value: "25",
-        },
-        {
-          icon: Zap,
-          label: "Waterproof Efficiency",
-          value: "99.9%",
-        },
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Engineering Excellence"
+            metrics={[
+              { icon: Shield, label: "Structures Protected", value: "150+" },
+              { icon: Award, label: "Years Combined Experience", value: "25" },
+              { icon: Zap, label: "Waterproof Efficiency", value: "99.9%" },
+            ]}
+            metricsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Advanced Polymers",
-          tags: [
-            "High-tech",
-            "Durable",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/car-machine_74190-5335.jpg",
-          imageAlt: "industrial waterproofing spray tool",
-        },
-        {
-          id: "f2",
-          title: "Precision Application",
-          tags: [
-            "Artisan",
-            "Quality",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/skyscraper-office-shape-business-urban_1127-2765.jpg",
-          imageAlt: "metallic building coating shine",
-        },
-        {
-          id: "f3",
-          title: "Longevity Guaranteed",
-          tags: [
-            "Tested",
-            "Proven",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-door-side-view_23-2149714298.jpg",
-          imageAlt: "professional painter high rise scaffold",
-        },
-      ]}
-      title="Why Choose Noor?"
-      description="We blend chemical innovation with artisanal craftsmanship to deliver superior results."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Advanced Polymers", tags: ["High-tech", "Durable"], imageSrc: "http://img.b2bpic.net/free-photo/car-machine_74190-5335.jpg", imageAlt: "industrial waterproofing spray tool" },
+              { id: "f2", title: "Precision Application", tags: ["Artisan", "Quality"], imageSrc: "http://img.b2bpic.net/free-photo/skyscraper-office-shape-business-urban_1127-2765.jpg", imageAlt: "metallic building coating shine" },
+              { id: "f3", title: "Longevity Guaranteed", tags: ["Tested", "Proven"], imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-door-side-view_23-2149714298.jpg", imageAlt: "professional painter high rise scaffold" },
+            ]}
+            title="Why Choose Noor?"
+            description="We blend chemical innovation with artisanal craftsmanship to deliver superior results."
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Structural Coating",
-          price: "Custom",
-          variant: "Industrial",
-          imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-space-text_185193-108861.jpg",
-        },
-        {
-          id: "p2",
-          name: "Waterproofing Sealant",
-          price: "Custom",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-worker-pouring-paint_23-2149878808.jpg",
-        },
-        {
-          id: "p3",
-          name: "Facade Restoration",
-          price: "Custom",
-          variant: "Advanced",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-painting-palette_23-2148929887.jpg",
-        },
-        {
-          id: "p4",
-          name: "Reinforcement Treatment",
-          price: "Custom",
-          variant: "Technical",
-          imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232250.jpg",
-        },
-        {
-          id: "p5",
-          name: "Industrial Roofing",
-          price: "Custom",
-          variant: "Heavy-Duty",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
-        },
-        {
-          id: "p6",
-          name: "Interior Wall Protection",
-          price: "Custom",
-          variant: "Refined",
-          imageSrc: "http://img.b2bpic.net/free-photo/bouldering-wall-background-rock-climbing-practice_23-2151722092.jpg",
-        },
-      ]}
-      title="Our Professional Services"
-      description="Premium industrial-grade coatings and surface treatments for high-end infrastructure."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Structural Coating", price: "Custom", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-space-text_185193-108861.jpg" },
+              { id: "p2", name: "Waterproofing Sealant", price: "Custom", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-worker-pouring-paint_23-2149878808.jpg" },
+              { id: "p3", name: "Facade Restoration", price: "Custom", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/top-view-painting-palette_23-2148929887.jpg" },
+              { id: "p4", name: "Reinforcement Treatment", price: "Custom", variant: "Technical", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232250.jpg" },
+              { id: "p5", name: "Industrial Roofing", price: "Custom", variant: "Heavy-Duty", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg" },
+              { id: "p6", name: "Interior Wall Protection", price: "Custom", variant: "Refined", imageSrc: "http://img.b2bpic.net/free-photo/bouldering-wall-background-rock-climbing-practice_23-2151722092.jpg" },
+            ]}
+            title="Our Professional Services"
+            description="Premium industrial-grade coatings and surface treatments for high-end infrastructure."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "John Doe",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jane Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-protection-equipment_23-2148269365.jpg",
-        },
-        {
-          id: "t3",
-          name: "Robert Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2435.jpg",
-        },
-        {
-          id: "t4",
-          name: "Emily White",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
-        },
-        {
-          id: "t5",
-          name: "Marcus Aurelius",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
-        },
-      ]}
-      cardTitle="Client Success"
-      cardTag="Trusted by Experts"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg" },
+              { id: "t2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-protection-equipment_23-2148269365.jpg" },
+              { id: "t3", name: "Robert Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2435.jpg" },
+              { id: "t4", name: "Emily White", imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg" },
+              { id: "t5", name: "Marcus Aurelius", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg" },
+            ]}
+            cardTitle="Client Success"
+            cardTag="Trusted by Experts"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "faq1",
-          title: "How long does the treatment last?",
-          content: "Our high-tech coatings are rated for 15-20 years of durability under normal conditions.",
-        },
-        {
-          id: "faq2",
-          title: "Do you provide on-site consultations?",
-          content: "Yes, our engineering team conducts comprehensive site surveys before any project start.",
-        },
-        {
-          id: "faq3",
-          title: "Are your materials environmentally safe?",
-          content: "We exclusively use VOC-free, eco-friendly chemical coatings compliant with modern green building standards.",
-        },
-      ]}
-      sideTitle="Common Inquiries"
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "faq1", title: "How long does the treatment last?", content: "Our high-tech coatings are rated for 15-20 years of durability under normal conditions." },
+              { id: "faq2", title: "Do you provide on-site consultations?", content: "Yes, our engineering team conducts comprehensive site surveys before any project start." },
+              { id: "faq3", title: "Are your materials environmentally safe?", content: "We exclusively use VOC-free, eco-friendly chemical coatings compliant with modern green building standards." },
+            ]}
+            sideTitle="Common Inquiries"
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Luxe Developments",
-        "Apex Realty",
-        "Global Construction",
-        "City Infrastructure",
-        "Urban Architects",
-        "Elite Property Mgmt",
-        "Future Build Corp",
-      ]}
-      title="Trusted by Leading Organizations"
-      description="Partnering with industry giants to deliver excellence."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={[
+              "Luxe Developments", "Apex Realty", "Global Construction",              "City Infrastructure", "Urban Architects", "Elite Property Mgmt", "Future Build Corp"
+            ]}
+            title="Trusted by Leading Organizations"
+            description="Partnering with industry giants to deliver excellence."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      text="Ready to protect your legacy? Contact our engineering team for a professional consultation."
-      buttons={[
-        {
-          text: "Call Noor Enterprises",
-          href: "tel:+1000000000",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{
+              variant: "rotated-rays-animated"}}
+            text="Ready to protect your legacy? Contact our engineering team for a professional consultation."
+            buttons={[
+              { text: "Call Noor Enterprises", href: "tel:+1000000000" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About Us",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Noor Enterprises"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  { label: "Services", href: "#services" },
+                  { label: "About Us", href: "#about" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+            logoText="Noor Enterprises"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );