src/pages/HomePage/sections/Team.tsx

@@ -11,28 +11,28 @@ const teamMembers = [
     name: "Sarah Jenkins",
     role: "Head of Strategy",
     description: "Sarah leads our strategic initiatives, ensuring every campaign aligns with our clients' core objectives.",
-    imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=800",
+    imageSrc: "https://picsum.photos/seed/1942868296/1200/800",
   },
   {
     name: "Michael Chen",
     role: "Lead Designer",
     description: "Michael brings brands to life with his exceptional eye for design and user experience.",
-    imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=800",
+    imageSrc: "https://picsum.photos/seed/524311708/1200/800",
   },
   {
     name: "Emily Rodriguez",
     role: "SEO Specialist",
     description: "Emily is our data-driven SEO expert, helping clients achieve top rankings and organic growth.",
-    imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=800",
+    imageSrc: "https://picsum.photos/seed/1438612002/1200/800",
   }
 ];
 
 export default function TeamSection() {
   return (
-    <section data-webild-section="team" id="team" className="relative w-full py-24 bg-background">
+    <section data-webild-section="team" id="team" className="relative w-full bg-transparent">
       <div className="w-content-width mx-auto px-6">
-        <div className="text-center mb-16">
-          <ScrollReveal>
+        <div className="text-center">
+          <ScrollReveal variant="slide-up">
             <Tag text="Our Team" className="mb-4" />
           </ScrollReveal>
           <TextAnimation
@@ -42,8 +42,8 @@ export default function TeamSection() {
             className="text-4xl md:text-5xl font-bold text-foreground mb-6"
             gradientText={false}
           />
-          <ScrollReveal delay={0.2}>
-            <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
+          <ScrollReveal variant="slide-up" delay={0.2}>
+            <p className="text-lg text-muted-foreground max-w-content-width mx-auto">
               The creative minds and strategic thinkers driving your digital success.
             </p>
           </ScrollReveal>
@@ -51,7 +51,7 @@ export default function TeamSection() {
 
         <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
           {teamMembers.map((member, index) => (
-            <ScrollReveal key={index} delay={0.1 * index}>
+            <ScrollReveal variant="slide-up" key={index} delay={0.1 * index}>
               <Card className="overflow-hidden flex flex-col h-full">
                 <div className="relative aspect-square w-full overflow-hidden">
                   <ImageOrVideo