Update src/app/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,212 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
+import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
+import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import { Award, Users, Briefcase, Globe, Hammer, TrendingUp, MessageSquare, Zap, CheckCircle, Shield } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="largeSizeMediumTitles"
+      background="grid"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Engineered Solutions"
+          navItems={[
+            { name: "Home", id: "hero" },
+            { name: "About", id: "about" },
+            { name: "Services", id: "features" },
+            { name: "Projects", id: "products" },
+            { name: "Team", id: "team" },
+            { name: "Testimonials", id: "testimonials" }
+          ]}
+          button={{ text: "Get in Touch", href: "#contact" }}
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <FeatureCardSeven
+          title="Our Engineering Facilities"
+          description="State-of-the-art facilities equipped with advanced technology and dedicated workspaces for innovative engineering solutions."
+          tag="World-Class Infrastructure"
+          tagIcon={Hammer}
+          tagAnimation="slide-up"
+          features={[
+            {
+              id: 1,
+              title: "Advanced Manufacturing Workshop",              description: "Precision fabrication and assembly facility with CNC machining, welding, and quality control laboratories. ISO 9001 certified processes ensure exceptional standards.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-large-scale-industrial-construction-or-1774108535198-e63a4018.png?_wi=2",              imageAlt: "Advanced manufacturing workshop"
+            },
+            {
+              id: 2,
+              title: "Design & Engineering Laboratory",              description: "Comprehensive CAD and simulation environment with cutting-edge software. Our team designs solutions that are tested and validated before fabrication.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-sophisticated-cad-interface-or-design--1774108534849-eeb81ddb.png?_wi=2",              imageAlt: "Engineering laboratory and design center"
+            },
+            {
+              id: 3,
+              title: "Fabrication & Assembly Center",              description: "Full-scale fabrication capabilities for large-scale projects. Expert craftspeople combine traditional techniques with modern automation technology.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/advanced-mechanical-engineering-componen-1774108533762-e62a9ca2.png?_wi=2",              imageAlt: "Fabrication and assembly workshop"
+            },
+            {
+              id: 4,
+              title: "Testing & Quality Assurance",              description: "Rigorous testing protocols and quality control procedures. Every project meets or exceeds ISO 9001, ISO 14001, and industry-specific certifications.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-modern-cutting-edge-engineering-facili-1774108534159-6af27211.png?_wi=2",              imageAlt: "Testing and quality assurance facility"
+            }
+          ]}
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          buttons={[{ text: "Schedule a Facility Tour", href: "#contact" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardEleven
+          title="Meet Our Expert Team"
+          description="Dedicated engineering professionals with decades of combined experience across multiple disciplines. Our team represents excellence in fabrication, design, and project delivery."
+          tag="Industry Veterans"
+          tagIcon={Users}
+          tagAnimation="slide-up"
+          groups={[
+            {
+              id: "leadership",              groupTitle: "Leadership",              members: [
+                {
+                  id: "1",                  title: "Chief Engineering Officer",                  subtitle: "Sarah Chen",                  detail: "25 years in structural engineering and ISO 9001 certified processes",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-an-asian-woma-1774108534129-736059cf.png?_wi=2",                  imageAlt: "Sarah Chen, CEO"
+                },
+                {
+                  id: "2",                  title: "VP Operations",                  subtitle: "Michael Rodriguez",                  detail: "Fabrication specialist and quality assurance director",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-a-latino-man--1774108533804-678d79fb.png?_wi=2",                  imageAlt: "Michael Rodriguez, VP Operations"
+                }
+              ]
+            },
+            {
+              id: "specialists",              groupTitle: "Engineering Specialists",              members: [
+                {
+                  id: "3",                  title: "Mechanical Engineer",                  subtitle: "David Kim",                  detail: "CNC machining and automation systems expert",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-an-asian-man--1774108538536-f5123ec3.png?_wi=2",                  imageAlt: "David Kim, Mechanical Engineer"
+                },
+                {
+                  id: "4",                  title: "Environmental Engineer",                  subtitle: "Emma Thompson",                  detail: "ISO 14001 compliance and sustainability focus",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-a-caucasian-w-1774108533654-69e6786c.png?_wi=2",                  imageAlt: "Emma Thompson, Environmental Engineer"
+                }
+              ]
+            },
+            {
+              id: "fabrication",              groupTitle: "Fabrication & Workshop Team",              members: [
+                {
+                  id: "5",                  title: "Senior Fabrication Lead",                  subtitle: "Thomas Anderson",                  detail: "Expert in precision welding and large-scale assembly",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-a-caucasian-w-1774108533654-69e6786c.png?_wi=3",                  imageAlt: "Thomas Anderson, Fabrication Lead"
+                },
+                {
+                  id: "6",                  title: "Quality Control Specialist",                  subtitle: "Rachel Kim",                  detail: "ISO 9001 auditor and materials testing expert",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-an-asian-woma-1774108534129-736059cf.png?_wi=3",                  imageAlt: "Rachel Kim, Quality Control"
+                }
+              ]
+            }
+          ]}
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[{ text: "Join Our Team", href: "#contact" }]}
+        />
+      </div>
+
+      <div id="certifications" data-section="metrics">
+        <MetricCardTen
+          title="Certifications & Quality Standards"
+          description="Our commitment to excellence is backed by industry-leading certifications and rigorous quality management systems."
+          tag="Certified Excellence"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          metrics={[
+            {
+              id: "1",              title: "ISO 9001:2015",              subtitle: "Quality Management System",              category: "Certification",              value: "Active"
+            },
+            {
+              id: "2",              title: "ISO 14001:2015",              subtitle: "Environmental Management",              category: "Certification",              value: "Active"
+            },
+            {
+              id: "3",              title: "ISO 45001:2018",              subtitle: "Occupational Health & Safety",              category: "Certification",              value: "Active"
+            },
+            {
+              id: "4",              title: "ISO 13485",              subtitle: "Medical Device Quality",              category: "Certification",              value: "Active"
+            }
+          ]}
+          carouselMode="buttons"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          buttons={[{ text: "View Certification Details", href: "#contact" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get in Touch with Our Team"
+          description="Have questions about our facilities, team, or certifications? We'd love to hear from you. Schedule a facility tour or discuss your project requirements."
+          inputs={[
+            { name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
+            { name: "email", type: "email", placeholder: "your@company.com", required: true },
+            { name: "company", type: "text", placeholder: "Company Name", required: true },
+            { name: "inquiry", type: "text", placeholder: "Facility Tour / Project Discussion / Other", required: false }
+          ]}
+          textarea={{ name: "message", placeholder: "Tell us about your interest or project requirements...", rows: 5, required: true }}
+          useInvertedBackground={false}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-modern-engineering-office-1774108534441-74e66122.png?_wi=2"
+          imageAlt="Engineering office and consultation"
+          mediaAnimation="opacity"
+          mediaPosition="right"
+          buttonText="Send Inquiry"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase
+          logoText="Engineered Solutions"
+          copyrightText="© 2025 Engineered Solutions. All rights reserved."
+          columns={[
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Our Services", href: "#features" },
+                { label: "Projects", href: "#products" },
+                { label: "Team", href: "/about#team" }
+              ]
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Case Studies", href: "#" },
+                { label: "Industry Insights", href: "#" },
+                { label: "Engineering Blog", href: "#" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Contact",              items: [
+                { label: "Get in Touch", href: "#contact" },
+                { label: "Email Us", href: "mailto:info@engineeredsolutions.com" },
+                { label: "Locations", href: "#" },
+                { label: "Support", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Cookie Policy", href: "#" },
+                { label: "Compliance", href: "#" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -11,6 +11,7 @@ import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBase from "@/components/sections/footer/FooterBase";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import { Award, Users, Briefcase, Globe, Hammer, TrendingUp, MessageSquare, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -55,10 +56,10 @@ export default function LandingPage() {
           ]}
           buttonAnimation="slide-up"
           mediaItems={[
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-modern-cutting-edge-engineering-facili-1774108534159-6af27211.png", imageAlt: "Advanced engineering facility" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-modern-cutting-edge-engineering-facili-1774108534159-6af27211.png?_wi=1", imageAlt: "Advanced engineering facility" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-detailed-technical-blueprint-or-cad-de-1774108535259-e2a6d42b.png", imageAlt: "Technical blueprint visualization" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-large-scale-industrial-construction-or-1774108535198-e63a4018.png", imageAlt: "Industrial construction project" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-sophisticated-cad-interface-or-design--1774108534849-eeb81ddb.png", imageAlt: "CAD design interface" }
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-large-scale-industrial-construction-or-1774108535198-e63a4018.png?_wi=1", imageAlt: "Industrial construction project" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-sophisticated-cad-interface-or-design--1774108534849-eeb81ddb.png?_wi=1", imageAlt: "CAD design interface" }
           ]}
           mediaAnimation="blur-reveal"
           background={{ variant: "gradient-bars" }}
@@ -80,6 +81,25 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="clients" data-section="clients">
+        <SocialProofOne
+          title="Trusted by Industry Leaders"
+          description="Our engineering solutions power some of the world's most recognized brands. Strategic partnerships that drive innovation and excellence."
+          tag="Global Clients"
+          tagIcon={Globe}
+          tagAnimation="slide-up"
+          names={["Nestlé", "Mondelez", "Coca-Cola", "Tetra Pak", "Gericke", "Tyson"]}
+          logos={[
+            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/nestle-logo-1774108534159.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/mondelez-logo-1774108534159.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/coca-cola-logo-1774108534159.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/tetra-pak-logo-1774108534159.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/gericke-logo-1774108534159.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/tyson-logo-1774108534159.png"
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={true}
+          speed={40}
+          showCard={true}
+          ariaLabel="Client logos and brand partnerships"
+        />
+      </div>
+
       <div id="features" data-section="features">
         <FeatureCardSeven
           title="Our Core Engineering Services"
@@ -94,7 +114,7 @@ export default function LandingPage() {
             },
             {
               id: 2,
-              title: "Mechanical Systems",              description: "Custom mechanical engineering solutions for manufacturing, automation, and industrial applications with precision engineering.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/advanced-mechanical-engineering-componen-1774108533762-e62a9ca2.png",              imageAlt: "Mechanical systems engineering"
+              title: "Mechanical Systems",              description: "Custom mechanical engineering solutions for manufacturing, automation, and industrial applications with precision engineering.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/advanced-mechanical-engineering-componen-1774108533762-e62a9ca2.png?_wi=1",              imageAlt: "Mechanical systems engineering"
             },
             {
               id: 3,
@@ -190,20 +210,20 @@ export default function LandingPage() {
             {
               id: "leadership",              groupTitle: "Leadership",              members: [
                 {
-                  id: "1",                  title: "Chief Engineering Officer",                  subtitle: "Sarah Chen",                  detail: "25 years in structural engineering",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-an-asian-woma-1774108534129-736059cf.png",                  imageAlt: "Sarah Chen, CEO"
+                  id: "1",                  title: "Chief Engineering Officer",                  subtitle: "Sarah Chen",                  detail: "25 years in structural engineering",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-an-asian-woma-1774108534129-736059cf.png?_wi=1",                  imageAlt: "Sarah Chen, CEO"
                 },
                 {
-                  id: "2",                  title: "VP Operations",                  subtitle: "Michael Rodriguez",                  detail: "Project management specialist",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-a-latino-man--1774108533804-678d79fb.png",                  imageAlt: "Michael Rodriguez, VP Operations"
+                  id: "2",                  title: "VP Operations",                  subtitle: "Michael Rodriguez",                  detail: "Project management specialist",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-a-latino-man--1774108533804-678d79fb.png?_wi=1",                  imageAlt: "Michael Rodriguez, VP Operations"
                 }
               ]
             },
             {
               id: "specialists",              groupTitle: "Engineering Specialists",              members: [
                 {
-                  id: "3",                  title: "Mechanical Engineer",                  subtitle: "David Kim",                  detail: "Automation systems expert",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-an-asian-man--1774108538536-f5123ec3.png",                  imageAlt: "David Kim, Mechanical Engineer"
+                  id: "3",                  title: "Mechanical Engineer",                  subtitle: "David Kim",                  detail: "Automation systems expert",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-an-asian-man--1774108538536-f5123ec3.png?_wi=1",                  imageAlt: "David Kim, Mechanical Engineer"
                 },
                 {
-                  id: "4",                  title: "Environmental Engineer",                  subtitle: "Emma Thompson",                  detail: "Sustainability focus",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-a-caucasian-w-1774108533654-69e6786c.png",                  imageAlt: "Emma Thompson, Environmental Engineer"
+                  id: "4",                  title: "Environmental Engineer",                  subtitle: "Emma Thompson",                  detail: "Sustainability focus",                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-a-caucasian-w-1774108533654-69e6786c.png?_wi=1",                  imageAlt: "Emma Thompson, Environmental Engineer"
                 }
               ]
             }
@@ -261,7 +281,7 @@ export default function LandingPage() {
           ]}
           textarea={{ name: "message", placeholder: "Tell us about your project requirements and timeline...", rows: 5, required: true }}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-modern-engineering-office-1774108534441-74e66122.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-modern-engineering-office-1774108534441-74e66122.png?_wi=1"
           imageAlt="Engineering office and consultation"
           mediaAnimation="opacity"
           mediaPosition="right"