Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Sparkles, Target, Compass, BarChart3, Mail } from "lucide-react";
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
 
 export default function LandingPage() {
   return (
@@ -142,6 +143,24 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="team" data-section="team">
+        <TeamCardOne
+            members={[
+                { id: "1", name: "Alice Johnson", role: "Lead Architect", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Alice Johnson, Lead Architect" },
+                { id: "2", name: "Bob Smith", role: "3D Artist", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Bob Smith, 3D Artist" },
+                { id: "3", name: "Charlie Brown", role: "Interior Designer", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Charlie Brown, Interior Designer" },
+                { id: "4", name: "Diana Prince", role: "Project Manager", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Diana Prince, Project Manager" }
+            ]}
+            carouselMode="buttons"
+            gridVariant="grid"
+            animationType="slide"
+            title="Meet Our Team"
+            description="Our team of experts brings a wealth of experience and creativity to every project."
+            textboxLayout="left"
+            useInvertedBackground="none"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBaseReveal
           columns={[