Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -2,11 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
-import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { Zap, ArrowRight } from "lucide-react";
+import { Zap, Award, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,130 +27,95 @@ export default function LandingPage() {
         <NavbarStyleFullscreen
           brandName="SAAR TECHNOLOGIES"
           navItems={[
+            { name: "Hero", id: "hero" },
             { name: "About", id: "about" },
             { name: "Social Proof", id: "social-proof" },
-            { name: "Contact", id: "contact" },
+            { name: "Footer", id: "footer" },
           ]}
-          bottomLeftText="Innovation"
+          bottomLeftText="Innovation Hub"
           bottomRightText="hello@saartechnologies.com"
         />
       </div>
 
       {/* Hero - Billboard Scroll */}
       <div id="hero" data-section="hero">
-        <HeroLogoBillboardSplit
-          logoText="SAAR TECHNOLOGIES"
-          description="Cutting-edge solutions for modern businesses. Transform your operations with our advanced technology platform designed for scale and performance."
-          background={{ variant: "radial-gradient" }}
+        <HeroBillboardScroll
+          title="Advanced Technology Solutions for Enterprise"
+          description="Harness cutting-edge innovations designed to scale with your business. From intelligent automation to data-driven insights, we deliver enterprise-grade solutions that transform operations."
+          tag="Next Generation Tech"
+          tagIcon={Zap}
           buttons={[
-            { text: "Get Started", href: "#contact" },
-            { text: "Learn More", href: "#about" },
+            { text: "Explore Solutions", href: "#about" },
+            { text: "Get Started", href: "#social-proof" },
           ]}
-          layoutOrder="default"
-          buttonAnimation="slide-up"
-          mediaAnimation="slide-up"
+          background={{ variant: "plain" }}
         />
       </div>
 
       {/* About - Inline Image Split Text */}
       <div id="about" data-section="about">
-        <InlineImageSplitTextAbout
-          heading={[
-            { type: "text", content: "Empowering businesses with" },
-            { type: "text", content: "innovative" },
-            { type: "text", content: "technology solutions" },
+        <TextSplitAbout
+          title="Why Choose SAAR TECHNOLOGIES"
+          description={[
+            "We combine deep technological expertise with proven business methodology to deliver solutions that drive measurable results.",            "Our team of industry veterans brings decades of experience across enterprise transformation, cloud architecture, and digital innovation.",            "We partner with you every step of the way, ensuring seamless implementation and sustained success."
           ]}
+          showBorder={true}
           useInvertedBackground={false}
           buttons={[
-            { text: "Explore Services", href: "#social-proof" },
-            { text: "Schedule Demo", href: "#contact" },
+            { text: "Learn More", href: "#social-proof" },
+            { text: "Contact Us", href: "#footer" },
           ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
-      {/* Social Proof */}
+      {/* Social Proof - Social Proof One */}
       <div id="social-proof" data-section="social-proof">
         <SocialProofOne
           title="Trusted by Industry Leaders"
-          description="Join hundreds of companies that rely on SAAR Technologies for their critical operations"
-          tag="Partners"
+          description="Join the ranks of Fortune 500 companies and innovative startups leveraging our technology solutions."
+          tag="Partners & Clients"
+          tagIcon={Award}
           textboxLayout="default"
           useInvertedBackground={false}
           names={[
-            "TechCorp",            "DataFlow",            "CloudSync",            "InnovateLabs",            "FutureScale",            "VisionAI"
+            "TechCorp International",            "Global Innovations Inc",            "Digital Futures Ltd",            "Enterprise Solutions Group",            "Strategic Technologies",            "Innovation Partners",            "Next Gen Systems",            "Advanced Ventures"
+          ]}
+          logos={[
+            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n74um1",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qvy45h",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xt7tmi",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ukzhgj",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hn1944",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=adrve1",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fz24sz",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2oawpm"
           ]}
           speed={40}
           showCard={true}
         />
       </div>
 
-      {/* Contact */}
-      <div id="contact" data-section="contact">
-        <div className="flex flex-col items-center justify-center min-h-screen bg-background px-6 py-12 md:py-24">
-          <div className="max-w-2xl w-full text-center space-y-8">
-            <div className="space-y-4">
-              <h1 className="text-5xl md:text-7xl font-bold text-foreground">
-                Ready to Transform Your Business?
-              </h1>
-              <p className="text-xl text-foreground/75">
-                Get in touch with our team to discuss how SAAR Technologies can help you achieve your goals.
-              </p>
-            </div>
-            <div className="flex flex-col md:flex-row gap-4 justify-center">
-              <a
-                href="mailto:hello@saartechnologies.com"
-                className="px-8 py-4 bg-primary-cta text-primary-cta-text rounded-lg font-semibold hover:opacity-90 transition-opacity"
-              >
-                Contact Us
-              </a>
-              <a
-                href="#"
-                className="px-8 py-4 border border-foreground/20 text-foreground rounded-lg font-semibold hover:bg-foreground/5 transition-colors"
-              >
-                Schedule Call
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterBaseCard
           logoText="SAAR TECHNOLOGIES"
-          copyrightText="© 2025 SAAR Technologies. All rights reserved."
+          copyrightText="© 2025 SAAR TECHNOLOGIES. All rights reserved."
           columns={[
             {
-              title: "Product",              items: [
-                { label: "Features", href: "#hero" },
-                { label: "Solutions", href: "#about" },
-                { label: "Pricing", href: "#" },
-                { label: "Documentation", href: "#" },
+              title: "Solutions",              items: [
+                { label: "Enterprise Solutions", href: "#hero" },
+                { label: "Technology Stack", href: "#about" },
+                { label: "Integration Services", href: "#" },
+                { label: "Support", href: "#" },
               ],
             },
             {
               title: "Company",              items: [
-                { label: "About", href: "#about" },
-                { label: "Blog", href: "#" },
+                { label: "About Us", href: "#about" },
                 { label: "Careers", href: "#" },
+                { label: "News", href: "#" },
                 { label: "Press", href: "#" },
               ],
             },
             {
               title: "Resources",              items: [
-                { label: "Help Center", href: "#" },
-                { label: "Community", href: "#" },
-                { label: "Status", href: "#" },
-                { label: "Contact", href: "#contact" },
-              ],
-            },
-            {
-              title: "Legal",              items: [
-                { label: "Privacy", href: "#" },
-                { label: "Terms", href: "#" },
-                { label: "Security", href: "#" },
-                { label: "Compliance", href: "#" },
+                { label: "Documentation", href: "#" },
+                { label: "Case Studies", href: "#" },
+                { label: "Contact", href: "#footer" },
+                { label: "Partners", href: "#social-proof" },
               ],
             },
           ]}
@@ -158,4 +123,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}