Merge version_7 into main

Merge version_7 into main

src/app/page.tsx

@@ -12,6 +12,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Camera, CheckCircle, HelpCircle, Play, Sparkles, Star, TrendingUp, Zap, Flame, Users, MessageSquare, Lock } from "lucide-react";
 import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
 
 export default function LandingPage() {
   return (
@@ -294,6 +295,30 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="team" data-section="team">
+        <TeamCardOne
+            members={[
+                { id: "1", name: "Alice Johnson", role: "Lead Designer", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Alice Johnson" },
+                { id: "2", name: "Bob Smith", role: "Frontend Developer", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Bob Smith" },
+                { id: "3", name: "Charlie Brown", role: "Backend Developer", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Charlie Brown" },
+                { id: "4", name: "Diana Prince", role: "Project Manager", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Diana Prince" }
+            ]}
+            carouselMode="buttons"
+            gridVariant="grid-cols-2"
+            animationType="slide-up"
+            title="Meet the Team"
+            description="Our team of experts is dedicated to bringing innovative solutions to your projects."
+            textboxLayout="left"
+            useInvertedBackground="none"
+            className="mb-10"
+            textBoxTitleClassName="text-3xl font-bold mb-4"
+            textBoxDescriptionClassName="text-lg mb-6"
+            imageClassName="rounded-theme-capped"
+            nameClassName="text-xl font-semibold mt-2"
+            roleClassName="text-gray-500"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="ClipVerse"