From 7df184655e7e4557cd8377f1a36f1a4c162c9b01 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 11:46:23 +0000
Subject: [PATCH] Switch to version 3: modified src/app/about-us/page.tsx

---
 src/app/about-us/page.tsx | 257 +++++++++++++++++---------------------
 1 file changed, 117 insertions(+), 140 deletions(-)

diff --git a/src/app/about-us/page.tsx b/src/app/about-us/page.tsx
index 584c7d1..1bf0bc2 100644
--- a/src/app/about-us/page.tsx
+++ b/src/app/about-us/page.tsx
@@ -1,16 +1,18 @@
 "use client";
 
-import { ThemeProvider } from "@/components/provider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Sparkles, Users, Trophy } from "lucide-react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import PlainBackground from '@/components/background/PlainBackground';
 
-export default function AboutUs() {
+export default function AboutUsPage() {
   const navItems = [
-    { name: "Home", id: "/" },
-    { name: "About Us", id: "/about-us" }
+    { name: 'Home', id: '/' },
+    { name: 'About Us', id: '/about-us' }
   ];
 
   return (
@@ -26,144 +28,119 @@ export default function AboutUs() {
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarStyleFullscreen navItems={navItems} brandName="Webild" />
+      <NavbarStyleCentered navItems={navItems} brandName="Webild" />
 
-      <main>
-        <div id="hero" data-section="hero">
-          <HeroOverlay
-            title="About Our Company"
-            description="We are dedicated to innovation, quality, and making a positive impact on the world. Discover our story, values, and the team driving our success."
-            imageSrc="https://picsum.photos/seed/aboutushero/1920/1080"
-            imageAlt="Company building with modern architecture"
-            buttons={[{ text: "Learn More", href: "#company-overview" }]} 
-          />
-        </div>
+      <div id="company-history" data-section="company-history">
+        <PlainBackground className="absolute inset-0 -z-10" />
+        <SplitAbout
+          title="Our Journey: Innovating Since Day One"
+          description="Founded in 2020, Webild started with a vision to revolutionize the digital landscape. We've grown from a small passionate team to a global leader, continuously pushing the boundaries of what's possible."
+          tag="Company History"
+          tagIcon={Sparkles}
+          bulletPoints={[
+            {
+              title: "2020: The Genesis",              description: "Webild is founded with a mission to create intuitive and powerful web solutions for businesses of all sizes."
+            },
+            {
+              title: "2021: First Major Product Launch",              description: "Released our flagship platform, gaining significant traction and positive feedback from early adopters."
+            },
+            {
+              title: "2022: Expanding Horizons",              description: "Opened our first international office, marking a pivotal step in our global expansion strategy."
+            },
+            {
+              title: "2023: Industry Recognition",              description: "Awarded 'Innovator of the Year' for our cutting-edge AI-driven solutions."
+            },
+            {
+              title: "2024: Future Forward",              description: "Launched our new Webild X initiative, focusing on sustainable technology and community impact."
+            }
+          ]}
+          imageSrc="https://via.placeholder.com/800x600?text=Company+History"
+          imageAlt="Company history timeline"
+          imagePosition="right"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
 
-        <div id="company-overview" data-section="company-overview">
-          <FeatureCardThree
-            title="Our Story and Impact"
-            description="Our journey began with a clear vision to revolutionize the industry. Over the years, we've grown through innovation, client collaboration, and an unwavering commitment to excellence."
-            features={[
-              {
-                title: "A Legacy of Excellence",                description: "Our journey began with a vision to revolutionize the industry through cutting-edge solutions and unwavering commitment to our clients. Over the years, we've grown, adapted, and consistently delivered results that exceed expectations, building a reputation for reliability and forward-thinking innovation.",                imageSrc: "https://picsum.photos/seed/companyjourney/400/300"
-              },
-              {
-                title: "Key Milestones & Achievements",                description: "• 15+ Years in Business\n• 500+ Satisfied Clients Worldwide\n• 99% Customer Retention Rate\n• 30+ Industry Awards & Recognitions",                imageSrc: "https://picsum.photos/seed/statsachievements/400/300"
+      <div id="mission-vision" data-section="mission-vision">
+        <PlainBackground className="absolute inset-0 -z-10" />
+        <FeatureCardThree
+          title="Our Mission & Vision"
+          description="We are driven by a commitment to excellence, innovation, and positive impact. Our mission is to empower businesses with transformative digital tools, and our vision is to be the global leader in sustainable technology solutions."
+          tag="Core Values"
+          tagIcon={Trophy}
+          features={[
+            {
+              title: "Empowerment",              description: "We empower individuals and businesses with tools that unlock their full potential and foster growth.",              imageSrc: "https://via.placeholder.com/400x300?text=Empowerment"
+            },
+            {
+              title: "Innovation",              description: "We relentlessly pursue new ideas and technologies to deliver cutting-edge solutions that redefine industry standards.",              imageSrc: "https://via.placeholder.com/400x300?text=Innovation"
+            },
+            {
+              title: "Integrity",              description: "We operate with unwavering honesty, transparency, and ethical conduct in all our dealings.",              imageSrc: "https://via.placeholder.com/400x300?text=Integrity"
+            },
+            {
+                title: "Sustainability",                description: "Committed to environmentally responsible practices and developing solutions that contribute to a sustainable future.",                imageSrc: "https://via.placeholder.com/400x300?text=Sustainability"
               }
-            ]}
-            gridVariant="two-columns-alternating-heights"
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-          />
-        </div>
+          ]}
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
 
-        <div id="mission-vision" data-section="mission-vision">
-          <FeatureCardThree
-            title="Our Guiding Principles"
-            description="Our mission and vision define who we are and where we are headed, inspiring every action we take."
-            features={[
-              {
-                title: "Our Mission",                description: "To empower businesses with transformative technology solutions that drive growth, efficiency, and sustainable success, while fostering a culture of innovation and collaboration.",                imageSrc: "https://picsum.photos/seed/mission/400/300"
-              },
-              {
-                title: "Our Vision",                description: "To be the global leader in digital transformation, recognized for our pioneering spirit, ethical practices, and unwavering dedication to client success and community enrichment.",                imageSrc: "https://picsum.photos/seed/vision/400/300"
-              }
-            ]}
-            gridVariant="uniform-all-items-equal"
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={true}
-          />
-        </div>
+      <div id="team-section" data-section="team-section">
+        <PlainBackground className="absolute inset-0 -z-10" />
+        <TeamCardEleven
+          title="Meet Our Exceptional Team"
+          description="Our diverse team of experts, innovators, and visionaries is the driving force behind Webild's success. We believe in collaboration, continuous learning, and fostering an environment where every voice is heard."
+          tag="Our People"
+          tagIcon={Users}
+          groups={[
+            {
+              id: "leadership",              groupTitle: "Leadership",              members: [
+                {
+                  id: "jane-doe",                  title: "Jane Doe",                  subtitle: "CEO & Founder",                  detail: "Visionary leader with a passion for digital transformation.",                  imageSrc: "https://via.placeholder.com/150?text=Jane+Doe"
+                },
+                {
+                  id: "john-smith",                  title: "John Smith",                  subtitle: "CTO",                  detail: "Architect of our innovative technology stack.",                  imageSrc: "https://via.placeholder.com/150?text=John+Smith"
+                }
+              ]
+            },
+            {
+              id: "engineering",              groupTitle: "Engineering",              members: [
+                {
+                  id: "alice-johnson",                  title: "Alice Johnson",                  subtitle: "Lead Software Engineer",                  detail: "Expert in scalable backend systems and AI integration.",                  imageSrc: "https://via.placeholder.com/150?text=Alice+Johnson"
+                },
+                {
+                  id: "bob-williams",                  title: "Bob Williams",                  subtitle: "Senior Frontend Developer",                  detail: "Crafts engaging user interfaces with pixel-perfect precision.",                  imageSrc: "https://via.placeholder.com/150?text=Bob+Williams"
+                }
+              ]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
 
-        <div id="core-values" data-section="core-values">
-          <SocialProofOne
-            title="Our Core Values"
-            description="The pillars that define our culture, guide our decisions, and drive our success."
-            names={["Integrity", "Innovation", "Excellence", "Collaboration", "Customer Focus", "Accountability", "Sustainability", "Respect", "Passion", "Agility"]}
-            showCard={true}
-            animationType="opacity"
-            textboxLayout="default"
-            useInvertedBackground={false}
-          />
-        </div>
-
-        <div id="compliance-credentials" data-section="compliance-credentials">
-          <FeatureCardThree
-            title="Trust and Transparency"
-            description="Adhering to the highest standards of industry compliance and holding essential certifications to ensure trust and reliability."
-            features={[
-              {
-                title: "ISO 9001 Certified",                description: "Ensuring top-tier quality management systems and operational efficiency.",                imageSrc: "https://picsum.photos/seed/iso9001/400/300"
-              },
-              {
-                title: "GDPR Compliant",                description: "Protecting user data with rigorous privacy standards and secure data handling.",                imageSrc: "https://picsum.photos/seed/gdpr/400/300"
-              },
-              {
-                title: "SOC 2 Type II Audited",                description: "Maintaining high standards for security, availability, and processing integrity.",                imageSrc: "https://picsum.photos/seed/soc2/400/300"
-              },
-              {
-                title: "Certified Ethical AI",                description: "Committed to responsible, fair, and transparent artificial intelligence development.",                imageSrc: "https://picsum.photos/seed/ethicalai/400/300"
-              },
-              {
-                title: "Data Security Standard",                description: "Robust measures in place for protecting all sensitive information and assets.",                imageSrc: "https://picsum.photos/seed/datastandard/400/300"
-              }
-            ]}
-            gridVariant="uniform-all-items-equal"
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={true}
-          />
-        </div>
-
-        <div id="leadership" data-section="leadership">
-          <TeamCardTwo
-            title="Meet Our Leadership"
-            description="Our leadership team brings together decades of experience, guiding our company with strategic vision and steadfast commitment."
-            members={[
-              {
-                id: "john-doe",                name: "John Doe",                role: "CEO & Founder",                description: "John is a visionary leader with over 20 years of experience in tech innovation and strategic business development, driving our company's pioneering spirit.",                imageSrc: "https://picsum.photos/seed/john/400/400"
-              },
-              {
-                id: "jane-smith",                name: "Jane Smith",                role: "Chief Operating Officer",                description: "Jane brings extensive operational excellence and a passion for scalable growth to our team, ensuring seamless execution and outstanding results.",                imageSrc: "https://picsum.photos/seed/jane/400/400"
-              }
-            ]}
-            gridVariant="two-columns-alternating-heights"
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-          />
-        </div>
-
-        <div id="health-safety-ethics" data-section="health-safety-ethics">
-          <FeatureCardThree
-            title="Our Commitment to Well-being"
-            description="Fostering a responsible, safe, and ethical environment for our employees, partners, and the communities we serve."
-            features={[
-              {
-                title: "Workplace Safety",                description: "Prioritizing the physical and mental well-being of all employees through comprehensive safety protocols.",                imageSrc: "https://picsum.photos/seed/safetyfirst/400/300"
-              },
-              {
-                title: "Ethical Conduct",                description: "Upholding the highest standards of integrity, transparency, and fair dealings in all our operations.",                imageSrc: "https://picsum.photos/seed/ethicalconduct/400/300"
-              },
-              {
-                title: "Environmental Responsibility",                description: "Implementing sustainable practices to minimize our ecological footprint and protect the planet.",                imageSrc: "https://picsum.photos/seed/environmental/400/300"
-              },
-              {
-                title: "Data Privacy",                description: "Rigorous protection of all personal and corporate data, ensuring confidentiality and security.",                imageSrc: "https://picsum.photos/seed/dataprivacysecured/400/300"
-              },
-              {
-                title: "Community Engagement",                description: "Actively contributing to the betterment of our local and global communities through initiatives and partnerships.",                imageSrc: "https://picsum.photos/seed/communitylove/400/300"
-              }
-            ]}
-            gridVariant="uniform-all-items-equal"
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={true}
-          />
-        </div>
-      </main>
+      <div id="credentials" data-section="credentials">
+        <PlainBackground className="absolute inset-0 -z-10" />
+        <SocialProofOne
+          title="Recognized for Our Excellence"
+          description="Our commitment to quality and innovation has earned us recognition from industry leaders and various certifications, underscoring our dedication to delivering exceptional results."
+          tag="Accreditations & Partners"
+          tagIcon={Trophy}
+          names={[
+            "Tech Innovators Summit",            "Global Digital Awards",            "Certified by ISO 9001",            "Partnership with FutureWorks",            "Official AWS Partner",            "Google Cloud Certified"
+          ]}
+          speed={40}
+          showCard={true}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
     </ThemeProvider>
   );
 }