Bob AI: fix build errors (attempt 1)

src/pages/HomePage/sections/Team.tsx

@@ -1,21 +1,58 @@
-// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
-// file as the canonical source for the "team" section.
+import TextAnimation from "@/components/ui/TextAnimation";
+import GridOrCarousel from "@/components/ui/GridOrCarousel";
+import ScrollReveal from "@/components/ui/ScrollReveal";
 
-import React from 'react';
-import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+type TeamMember = {
+  name: string;
+  role: string;
+  imageSrc?: string;
+};
 
-export default function TeamSection(): React.JSX.Element {
+const members: TeamMember[] = [
+  { name: "Ahmet Yılmaz", role: "Usta Berber" },
+  { name: "Mehmet Demir", role: "Saç Stilisti" },
+  { name: "Ali Kaya", role: "Sakal Uzmanı" }
+];
+
+export default function TeamSection() {
   return (
-    <div id="team" data-section="team">
-        <SectionErrorBoundary name="team">
-              <TeamStackedCards
-        tag="Ekibimiz"
-        title="Uzman Kadromuz"
-        description="İşinin ehli ustalarımızla tanışın."
-        members={[{"role":"Master Barber","name":"Ahmet Çakmak"},{"name":"Mehmet Yılmaz","role":"Senior Stylist"},{"name":"Caner Demir","role":"Stylist"}]}
-      />
-        </SectionErrorBoundary>
+    <section id="team" aria-label="Team section" className="">
+      <div className="flex flex-col gap-8">
+        <div className="flex flex-col items-center w-content-width mx-auto gap-2">
+          <div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
+            <p>Ekibimiz</p>
+          </div>
+
+          <TextAnimation
+            text="Uzman Kadromuz"
+            variant="slide-up"
+            gradientText={true}
+            tag="h2"
+            className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance"
+          />
+
+          <TextAnimation
+            text="Deneyimli ve profesyonel ekibimizle hizmetinizdeyiz."
+            variant="slide-up"
+            gradientText={false}
+            tag="p"
+            className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance"
+          />
+        </div>
+
+        <ScrollReveal variant="slide-up">
+          <GridOrCarousel>
+            {members.map((member, idx) => (
+              <div key={idx} className="flex flex-col items-center justify-center gap-4 xl:gap-5 2xl:gap-6 p-6 xl:p-7 2xl:p-8 h-full card rounded text-center min-h-[200px]">
+                <div className="flex flex-col gap-2">
+                  <span className="text-3xl font-semibold">{member.name}</span>
+                  <span className="text-lg font-medium text-foreground/70">{member.role}</span>
+                </div>
+              </div>
+            ))}
+          </GridOrCarousel>
+        </ScrollReveal>
       </div>
+    </section>
   );
-}
+}