diff --git a/src/pages/HomePage/sections/Team.tsx b/src/pages/HomePage/sections/Team.tsx
index ffcf133..9f109f4 100644
--- a/src/pages/HomePage/sections/Team.tsx
+++ b/src/pages/HomePage/sections/Team.tsx
@@ -1,37 +1,76 @@
-// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
-// file as the canonical source for the "team" section.
-
 import React from 'react';
 import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import Tag from '@/components/ui/Tag';
+import ImageOrVideo from '@/components/ui/ImageOrVideo';
+import ScrollReveal from '@/components/ui/ScrollReveal';
+
+export default function TeamSection() {
+  const members = [
+    {
+      name: "Chef Marco",
+      role: "Head Pizzaiolo",
+      imageSrc: "http://img.b2bpic.net/free-photo/italian-chef-is-putting-gourmet-freshly-made-pizza-stone-oven_613910-14121.jpg",
+    },
+    {
+      name: "Sophia Rodriguez",
+      role: "Assistant Chef",
+      imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-delivery-girl-red-uniform-cap-holding-pizza-packages_141793-31534.jpg",
+    },
+    {
+      name: "David Kim",
+      role: "Operations Manager",
+      imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-goodies-local-producer_23-2149110825.jpg",
+    },
+  ];
 
-export default function TeamSection(): React.JSX.Element {
   return (
-    <div id="team" data-section="team">
-        <SectionErrorBoundary name="team">
-              <TeamStackedCards
+    <div id="team" data-webild-section="team">
+      <div className="hidden">
+        <TeamStackedCards
           tag="Meet the Maestros"
           title="Our Passionate Pizza Crew"
           description="Behind every delicious pizza is a dedicated team committed to quality and a warm dining experience."
-          members={[
-            {
-              name: "Chef Marco",
-              role: "Head Pizzaiolo",
-              imageSrc: "http://img.b2bpic.net/free-photo/italian-chef-is-putting-gourmet-freshly-made-pizza-stone-oven_613910-14121.jpg",
-            },
-            {
-              name: "Sophia Rodriguez",
-              role: "Assistant Chef",
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-delivery-girl-red-uniform-cap-holding-pizza-packages_141793-31534.jpg",
-            },
-            {
-              name: "David Kim",
-              role: "Operations Manager",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-goodies-local-producer_23-2149110825.jpg",
-            },
-          ]}
+          members={members}
         />
-        </SectionErrorBoundary>
       </div>
+      <div className="bg-background">
+        <div className="max-w-content-width mx-auto px-6">
+          <ScrollReveal variant="slide-up">
+            <div className="text-center">
+              <Tag text="Meet the Maestros" className="mb-4" />
+              <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-4">Our Passionate Pizza Crew</h2>
+              <p className="text-lg text-muted-foreground max-w-content-width mx-auto">
+                Behind every delicious pizza is a dedicated team committed to quality and a warm dining experience.
+              </p>
+            </div>
+          </ScrollReveal>
+
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            {members.map((member, index) => (
+              <ScrollReveal key={index} variant="slide-up" delay={index * 0.1}>
+                <div className="group relative rounded-theme overflow-hidden bg-card border border-border">
+                  <div className="relative aspect-[4/5] overflow-hidden">
+                    <ImageOrVideo 
+                      imageSrc={member.imageSrc} 
+                      className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" 
+                    />
+                    <div className="absolute top-4 left-4 z-10">
+                      <div className="flex items-center gap-2 px-3 py-1.5 rounded-full bg-white/20 backdrop-blur-md border border-white/30 shadow-sm">
+                        <span className="w-2 h-2 rounded-full bg-green-400 animate-pulse"></span>
+                        <span className="text-xs font-medium text-white drop-shadow-md">Active now</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div className="p-6 text-center">
+                    <h3 className="text-xl font-bold text-foreground mb-1">{member.name}</h3>
+                    <p className="text-sm text-muted-foreground">{member.role}</p>
+                  </div>
+                </div>
+              </ScrollReveal>
+            ))}
+          </div>
+        </div>
+      </div>
+    </div>
   );
-}
+}
\ No newline at end of file