diff --git a/apps/project-flow/src/components/ai-generated/CTA.tsx b/apps/project-flow/src/components/ai-generated/CTA.tsx
index a92eda4..8fa657e 100644
--- a/apps/project-flow/src/components/ai-generated/CTA.tsx
+++ b/apps/project-flow/src/components/ai-generated/CTA.tsx
@@ -2,27 +2,24 @@ export default function CTA() {
   return (
     <section className="bg-neutral-900 px-6 py-20">
       <div className="mx-auto max-w-3xl text-center">
-        <h2 className="text-3xl font-bold text-white md:text-4xl">
-          Ready to transform your career?
-        </h2>
-        <p className="mt-4 text-neutral-400">
-          Join thousands of learners who are already building the future.
-          Start with a free trial today.
-        </p>
+        <h2 className="text-3xl font-bold text-white md:text-4xl">Ready to start your learning journey?</h2>
+        <p className="mt-4 text-neutral-400">Join thousands of learners who are already transforming their careers. Start with a free trial and experience the difference.</p>
         <div className="mt-10 flex flex-wrap items-center justify-center gap-4">
-          <a
-            href="/signup"
-            className="rounded-full bg-white px-6 py-3 text-sm font-medium text-neutral-900 hover:bg-neutral-100 transition-colors"
-          >
+          <a href="https://auto-web-test-auto-test-comp.vercel.app/signup" className="rounded-full bg-white text-neutral-900 px-6 py-3 text-sm font-medium hover:bg-neutral-50 transition-colors">
             Get started for free
           </a>
-          <a
-            href="/contact"
-            className="rounded-full border border-neutral-600 px-6 py-3 text-sm font-medium text-white hover:border-neutral-400 transition-colors"
-          >
+          <a href="https://auto-web-test-auto_test-comp.vercel.app/contact" className="rounded-full border border-neutral-600 text-white px-6 py-3 text-sm font-medium hover:bg-neutral-50 transition-colors">
             Talk to sales
           </a>
         </div>
+        <div className="mt-8">
+          <a href="https://auto-web-test-auto-test-comp.vercel.app/" className="text-neutral-400 text-sm">
+            Learnify
+          </a>
+        </div>
+        <div className="mt-6 text-neutral-400 text-sm">
+          Empowering learners worldwide with accessible, high-quality education. Start your journey today.
+        </div>
       </div>
     </section>
   );
diff --git a/apps/project-flow/src/components/ai-generated/Courses.tsx b/apps/project-flow/src/components/ai-generated/Courses.tsx
index e69ddf1..866aa41 100644
--- a/apps/project-flow/src/components/ai-generated/Courses.tsx
+++ b/apps/project-flow/src/components/ai-generated/Courses.tsx
@@ -1,111 +1,76 @@
 export default function Courses() {
-  const courses = [
-    {
-      title: "Web Development Bootcamp",
-      description:
-        "Master HTML, CSS, JavaScript, and React with hands-on projects.",
-      tags: [
-        { label: "Development", accent: false },
-        { label: "Beginner", accent: false },
-      ],
-      weeks: 12,
-      students: "15,400",
-      rating: "4.9",
-    },
-    {
-      title: "Data Science Fundamentals",
-      description:
-        "Learn Python, statistics, and machine learning from scratch.",
-      tags: [
-        { label: "Data Science", accent: true },
-        { label: "Intermediate", accent: false },
-      ],
-      weeks: 10,
-      students: "12,300",
-      rating: "4.8",
-    },
-    {
-      title: "UX/UI Design Mastery",
-      description:
-        "Create stunning user experiences with modern design principles.",
-      tags: [
-        { label: "Design", accent: true },
-        { label: "All Levels", accent: false },
-      ],
-      weeks: 8,
-      students: "9,800",
-      rating: "4.9",
-    },
-  ];
-
   return (
     <section id="courses" className="border-b border-neutral-200 bg-white px-6 py-20">
       <div className="mx-auto max-w-6xl">
-        <div className="flex items-end justify-between">
-          <div>
-            <h2 className="text-3xl font-bold text-neutral-900">
-              Popular Courses
-            </h2>
-            <p className="mt-2 text-neutral-500">
-              Start your learning journey with our most loved courses
-            </p>
-          </div>
-          <a
-            href="/courses"
-            className="hidden items-center gap-1 rounded-full border border-neutral-200 px-4 py-2 text-sm font-medium text-neutral-700 hover:bg-neutral-50 transition-colors sm:inline-flex"
-          >
-            View all courses &rarr;
-          </a>
-        </div>
-
+        <h2 className="text-3xl font-bold text-neutral-900">Popular Courses</h2>
+        <p className="mt-2 text-neutral-500">Start your learning journey with our most loved courses</p>
         <div className="mt-10 grid gap-8 sm:grid-cols-3">
-          {courses.map((c) => (
-            <div
-              key={c.title}
-              className="overflow-hidden rounded-2xl border border-neutral-200 bg-white"
-            >
-              <div className="h-48 w-full bg-neutral-100" />
-              <div className="p-5">
-                <div className="flex flex-wrap gap-2">
-                  {c.tags.map((t) => (
-                    <span
-                      key={t.label}
-                      className={`rounded-full px-3 py-1 text-xs font-medium ${
-                        t.accent
-                          ? "bg-green-50 text-green-700"
-                          : "bg-neutral-100 text-neutral-600"
-                      }`}
-                    >
-                      {t.label}
-                    </span>
-                  ))}
+          <div className="overflow-hidden rounded-2xl border border-neutral-200 bg-white">
+            <div className="h-48 bg-neutral-100 rounded-t-2xl">
+              <span className="w-full h-full bg-neutral-100" />
+            </div>
+            <div className="px-4 py-3">
+              <span className="inline-flex items-center gap-1 rounded-full bg-neutral-100 px-3 py-1 text-xs font-medium text-neutral-600">
+                <span>Development</span>
+              </span>
+              <h3 className="mt-2 text-lg font-semibold text-neutral-900">Web Development Bootcamp</h3>
+              <p className="mt-1 text-neutral-500">Master HTML, CSS, JavaScript, and React with hands-on projects.</p>
+              <div className="mt-6 flex items-center justify-between">
+                <div className="flex items-center gap-2">
+                  <span className="text-xs font-semibold text-neutral-900">12 weeks</span>
+                  <span className="text-xs font-semibold text-neutral-900">15,400</span>
+                  <span className="text-xs font-semibold text-neutral-900">4.9</span>
                 </div>
-                <h3 className="mt-3 text-lg font-bold text-neutral-900">
-                  {c.title}
-                </h3>
-                <p className="mt-1 text-sm text-neutral-500">
-                  {c.description}
-                </p>
-                <div className="mt-4 flex items-center gap-4 text-xs text-neutral-400">
-                  <span className="flex items-center gap-1">
-                    &#x1F551; {c.weeks} weeks
-                  </span>
-                  <span className="flex items-center gap-1">
-                    &#x1F464; {c.students}
-                  </span>
-                  <span className="flex items-center gap-1 text-orange-500 font-medium">
-                    &#x2B50; {c.rating}
-                  </span>
+                <button className="rounded-full bg-neutral-900 px-4 py-1.5 text-xs font-medium text-white hover:bg-neutral-800 transition-colors">
+                  Enroll Now
+                </button>
+              </div>
+            </div>
+          </div>
+          <div className="overflow-hidden rounded-2xl border border-neutral-200 bg-white">
+            <div className="h-48 bg-neutral-100 rounded-t-2xl">
+              <span className="w-full h-full bg-neutral-100" />
+            </div>
+            <div className="px-4 py-3">
+              <span className="inline-flex items-center gap-1 rounded-full bg-neutral-100 px-3 py-1 text-xs font-medium text-neutral-600">
+                <span>Data Science</span>
+              </span>
+              <h3 className="mt-2 text-lg font-semibold text-neutral-900">Data Science Fundamentals</h3>
+              <p className="mt-1 text-neutral-500">Learn Python, statistics, and machine learning from scratch.</p>
+              <div className="mt-6 flex items-center justify-between">
+                <div className="flex items-center gap-2">
+                  <span className="text-xs font-semibold text-neutral-900">10 weeks</span>
+                  <span className="text-xs font-semibold text-neutral-900">12,300</span>
+                  <span className="text-xs font-semibold text-neutral-900">4.8</span>
                 </div>
-                <a
-                  href="/enroll"
-                  className="mt-5 block w-full rounded-full bg-neutral-900 py-2.5 text-center text-sm font-medium text-white hover:bg-neutral-800 transition-colors"
-                >
+                <button className="rounded-full bg-neutral-900 px-4 py-1.5 text-xs font-medium text-white hover:bg-neutral-800 transition-colors">
                   Enroll Now
-                </a>
+                </button>
               </div>
             </div>
-          ))}
+          </div>
+          <div className="overflow-hidden rounded-2xl border border-neutral-200 bg-white">
+            <div className="h-48 bg-neutral-100 rounded-t-2xl">
+              <span className="w-full h-full bg-neutral-100" />
+            </div>
+            <div className="px-4 py-3">
+              <span className="inline-flex items-center gap-1 rounded-full bg-neutral-100 px-3 py-1 text-xs font-medium text-neutral-600">
+                <span>Design</span>
+              </span>
+              <h3 className="mt-2 text-lg font-semibold text-neutral-900">UX/UI Design Mastery</h3>
+              <p className="mt-1 text-neutral-500">Create stunning user experiences with modern design principles.</p>
+              <div className="mt-6 flex items-center justify-between">
+                <div className="flex items-center gap-2">
+                  <span className="text-xs font-semibold text-neutral-900">8 weeks</span>
+                  <span className="text-xs font-semibold text-neutral-900">9,800</span>
+                  <span className="text-xs font-semibold text-neutral-900">4.9</span>
+                </div>
+                <button className="rounded-full bg-neutral-900 px-4 py-1.5 text-xs font-medium text-white hover:bg-neutral-800 transition-colors">
+                  Enroll Now
+                </button>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </section>
diff --git a/apps/project-flow/src/components/ai-generated/Features.tsx b/apps/project-flow/src/components/ai-generated/Features.tsx
index 5352916..4197262 100644
--- a/apps/project-flow/src/components/ai-generated/Features.tsx
+++ b/apps/project-flow/src/components/ai-generated/Features.tsx
@@ -1,56 +1,31 @@
 export default function Features() {
-  const features = [
-    {
-      icon: "\u{1F4CB}",
-      title: "Interactive Courses",
-      description:
-        "Engage with hands-on projects and real-world exercises that reinforce your learning.",
-    },
-    {
-      icon: "\u{1F465}",
-      title: "Community Learning",
-      description:
-        "Connect with peers, join study groups, and collaborate on projects together.",
-    },
-    {
-      icon: "\u{2B07}",
-      title: "Verified Certificates",
-      description:
-        "Earn industry-recognized certificates to showcase your achievements.",
-    },
-  ];
-
   return (
-    <section
-      id="features"
-      className="border-b border-neutral-200 bg-white px-6 py-20"
-    >
+    <section id="features" className="border-b border-neutral-200 bg-white px-6 py-20">
       <div className="mx-auto max-w-6xl text-center">
-        <h2 className="text-3xl font-bold text-neutral-900 md:text-4xl">
-          Everything you need to succeed
-        </h2>
-        <p className="mx-auto mt-4 max-w-2xl text-neutral-500">
-          Our platform provides all the tools and resources you need to master
-          new skills and achieve your goals.
-        </p>
-
+        <h2 className="text-3xl font-bold text-neutral-900 md:text-4xl">Everything you need to succeed</h2>
+        <p className="mx-auto mt-4 max-w-2xl text-neutral-500">Our platform provides all the tools and resources you need to master new skills and achieve your goals.</p>
         <div className="mt-14 grid gap-8 sm:grid-cols-3">
-          {features.map((f) => (
-            <div
-              key={f.title}
-              className="rounded-2xl border border-neutral-200 bg-white p-8 text-left"
-            >
-              <div className="flex h-12 w-12 items-center justify-center rounded-xl border border-neutral-200 bg-white text-xl shadow-sm">
-                {f.icon}
-              </div>
-              <h3 className="mt-5 text-lg font-bold text-neutral-900">
-                {f.title}
-              </h3>
-              <p className="mt-2 text-sm leading-relaxed text-neutral-500">
-                {f.description}
-              </p>
+          <div className="flex flex-col items-center rounded-2xl border border-neutral-200 bg-white p-6 shadow-sm">
+            <div className="rounded-xl border border-neutral-200 bg-neutral-100 px-4 py-3 text-center">
+              <span className="text-2xl">🎓</span>
             </div>
-          ))}
+            <h3 className="mt-4 text-lg font-semibold text-neutral-900">Interactive Courses</h3>
+            <p className="mt-2 text-neutral-500">Engage with hands-on projects and real-world exercises that reinforce your learning.</p>
+          </div>
+          <div className="flex flex-col items-center rounded-2xl border border-neutral-200 bg-white p-6 shadow-sm">
+            <div className="rounded-xl border border-neutral-200 bg-neutral-100 px-4 py-3 text-center">
+              <span className="text-2xl">💬</span>
+            </div>
+            <h3 className="mt-4 text-lg font-semibold text-neutral-900">Community Learning</h3>
+            <p className="mt-2 text-neutral-500">Connect with peers, join study groups, and collaborate on projects together.</p>
+          </div>
+          <div className="flex flex-col items-center rounded-2xl border border-neutral-200 bg-white p-6 shadow-sm">
+            <div className="rounded-xl border border-neutral-200 bg-neutral-100 px-4 py-3 text-center">
+              <span className="text-2xl">✅</span>
+            </div>
+            <h3 className="mt-4 text-lg font-semibold text-neutral-900">Verified Certificates</h3>
+            <p className="mt-2 text-neutral-500">Earn industry-recognized certificates to showcase your achievements.</p>
+          </div>
         </div>
       </div>
     </section>
diff --git a/apps/project-flow/src/components/ai-generated/Hero.tsx b/apps/project-flow/src/components/ai-generated/Hero.tsx
index 14f45aa..4fba3c0 100644
--- a/apps/project-flow/src/components/ai-generated/Hero.tsx
+++ b/apps/project-flow/src/components/ai-generated/Hero.tsx
@@ -2,69 +2,52 @@ export default function Hero() {
   return (
     <section className="border-b border-neutral-200 bg-white px-6 py-16 md:py-24">
       <div className="mx-auto grid max-w-6xl items-center gap-12 md:grid-cols-2">
-        <div>
+        <div className="flex flex-col items-start">
           <span className="inline-flex items-center gap-2 rounded-full border border-neutral-200 bg-white px-4 py-1.5 text-sm text-neutral-700 shadow-sm">
             <span className="h-2 w-2 rounded-full bg-green-500" />
-            New courses available
+            Learnify
           </span>
-
-          <h1 className="mt-6 text-4xl font-bold leading-tight tracking-tight text-neutral-900 md:text-5xl">
-            Learn without limits, grow without boundaries.
-          </h1>
-
-          <p className="mt-5 text-lg leading-relaxed text-neutral-500">
-            Access world-class education from top instructors. Master new
-            skills, advance your career, and unlock your potential with our
-            interactive learning platform.
-          </p>
-
+          <h1 className="mt-6 text-4xl font-bold leading-tight tracking-tight text-neutral-900 md:text-5xl">Learn without limits, grow without boundaries.</h1>
+          <p className="mt-5 text-lg leading-relaxed text-neutral-500">Access world-class education from top instructors. Master new skills, advance your career, and unlock your potential with our interactive learning platform.</p>
           <div className="mt-8 flex flex-wrap items-center gap-4">
-            <a
-              href="/signup"
-              className="inline-flex items-center gap-2 rounded-full bg-neutral-900 px-6 py-3 text-sm font-medium text-white hover:bg-neutral-800 transition-colors"
-            >
+            <a href="https://auto-web-test-auto-test-comp.vercel.app/courses" className="rounded-full bg-neutral-900 px-6 py-3 text-sm font-medium text-white hover:bg-neutral-800 transition-colors">
               Start learning free
-              <span>&rarr;</span>
             </a>
-            <a
-              href="/demo"
-              className="inline-flex items-center gap-2 rounded-full border border-neutral-200 bg-white px-6 py-3 text-sm font-medium text-neutral-700 hover:bg-neutral-50 transition-colors"
-            >
-              <span>&#9654;</span>
+            <a href="https://auto-web-test-auto-test-comp.vercel.app/signup" className="rounded-full border border-neutral-200 bg-white px-6 py-3 text-sm font-medium text-neutral-700 hover:bg-neutral-50 transition-colors">
               Watch demo
             </a>
           </div>
-
-          <div className="mt-8 flex items-center gap-3">
-            <div className="flex -space-x-2">
-              {[1, 2, 3, 4, 5].map((i) => (
-                <div
-                  key={i}
-                  className="h-8 w-8 rounded-full border-2 border-white bg-neutral-200"
-                />
-              ))}
-            </div>
-            <span className="text-sm text-neutral-500">
+          <div className="mt-10 flex items-center gap-6">
+            <span className="text-green-600 text-sm">
               50,000+ students already enrolled
             </span>
+            <span className="text-neutral-400 text-sm">
+              learning daily
+            </span>
+          </div>
+          <div className="mt-6 flex flex-col gap-3">
+            <span className="rounded-full bg-green-50 px-3 py-1 text-xs font-medium text-green-700">
+              Interactive Courses
+            </span>
+            <span className="rounded-full bg-green-50 px-3 py-1 text-xs font-medium text-green-700">
+              Community Learning
+            </span>
+            <span className="rounded-full bg-green-50 px-3 py-1 text-xs font-medium text-green-700">
+              Verified Certificates
+            </span>
           </div>
         </div>
-
-        <div className="rounded-2xl border border-neutral-200 bg-white p-6 shadow-lg">
-          <h3 className="text-lg font-bold text-neutral-900">Course Progress</h3>
-          <div className="mt-4 flex items-center gap-3">
-            <div className="h-2.5 flex-1 rounded-full bg-neutral-100">
-              <div className="h-2.5 w-[85%] rounded-full bg-green-500" />
+        <div className="rounded-2xl border border-neutral-200 bg-white p-8 shadow-lg">
+          <div className="flex flex-col gap-4">
+            <div className="h-12 bg-neutral-100 rounded-lg">
+              <span className="w-full h-full bg-neutral-100" />
+            </div>
+            <div className="h-24 bg-neutral-100 rounded-lg">
+              <span className="w-full h-full bg-neutral-100" />
+            </div>
+            <div className="h-16 bg-neutral-100 rounded-lg">
+              <span className="w-full h-full bg-neutral-100" />
             </div>
-            <span className="text-sm font-medium text-green-600">+85%</span>
-          </div>
-          <div className="mt-6 grid grid-cols-3 gap-4">
-            {["Mon", "Tue", "Wed"].map((day) => (
-              <div key={day} className="flex flex-col items-center gap-2">
-                <div className="h-20 w-full rounded-lg bg-neutral-100" />
-                <span className="text-xs text-neutral-400">{day}</span>
-              </div>
-            ))}
           </div>
         </div>
       </div>
diff --git a/apps/project-flow/src/components/ai-generated/Pricing.tsx b/apps/project-flow/src/components/ai-generated/Pricing.tsx
index 6b34a51..bb928a1 100644
--- a/apps/project-flow/src/components/ai-generated/Pricing.tsx
+++ b/apps/project-flow/src/components/ai-generated/Pricing.tsx
@@ -1,102 +1,103 @@
 export default function Pricing() {
-  const plans = [
-    {
-      name: "Basic",
-      price: "$29",
-      period: "/mo",
-      popular: false,
-      features: [
-        "Access to all beginner courses",
-        "Hands-on projects",
-        "Community forum access",
-        "Weekly webinars",
-      ],
-      cta: "Select",
-    },
-    {
-      name: "Pro",
-      price: "$49",
-      period: "/mo",
-      popular: true,
-      features: [
-        "All Basic features",
-        "Advanced courses",
-        "Live mentorship sessions",
-        "Project feedback",
-        "Certificate of completion",
-      ],
-      cta: "Select",
-    },
-    {
-      name: "Enterprise",
-      price: "Custom",
-      period: "",
-      popular: false,
-      features: [
-        "All Pro features",
-        "Dedicated account manager",
-        "On-site training",
-        "Custom curriculum",
-        "Priority support",
-      ],
-      cta: "Contact Sales",
-    },
-  ];
-
   return (
     <section id="pricing" className="border-b border-neutral-200 bg-white px-6 py-20">
       <div className="mx-auto max-w-6xl text-center">
-        <h2 className="text-3xl font-bold text-neutral-900 md:text-4xl">
-          Choose the plan that fits you
-        </h2>
-        <p className="mx-auto mt-4 max-w-xl text-neutral-500">
-          Flexible pricing for individuals, teams, and organizations
-        </p>
-
+        <h2 className="text-3xl font-bold text-neutral-900 md:text-4xl">Pricing Title</h2>
+        <p className="mx-auto mt-4 max-w-xl text-neutral-500">Subtitle</p>
         <div className="mt-14 grid gap-8 sm:grid-cols-3">
-          {plans.map((p) => (
-            <div
-              key={p.name}
-              className={`rounded-2xl border p-8 text-left ${
-                p.popular
-                  ? "border-neutral-900 shadow-lg"
-                  : "border-neutral-200"
-              }`}
-            >
-              {p.popular && (
-                <span className="mb-4 inline-block rounded-full bg-neutral-900 px-3 py-1 text-xs font-medium text-white">
-                  Most Popular
-                </span>
-              )}
-              <h3 className="text-xl font-semibold text-neutral-900">
-                {p.name}
-              </h3>
-              <div className="mt-3 text-3xl font-bold text-neutral-900">
-                {p.price}
-                <span className="text-sm font-normal text-neutral-400">
-                  {p.period}
-                </span>
-              </div>
-              <ul className="mt-6 space-y-3 text-sm text-neutral-600">
-                {p.features.map((f) => (
-                  <li key={f} className="flex items-start gap-2">
-                    <span className="mt-0.5 text-green-500">&#10003;</span>
-                    {f}
-                  </li>
-                ))}
-              </ul>
-              <a
-                href="/signup"
-                className={`mt-8 block w-full rounded-full py-2.5 text-center text-sm font-medium transition-colors ${
-                  p.popular
-                    ? "bg-neutral-900 text-white hover:bg-neutral-800"
-                    : "border border-neutral-200 bg-white text-neutral-700 hover:bg-neutral-50"
-                }`}
-              >
-                {p.cta}
-              </a>
-            </div>
-          ))}
+          <div className="rounded-2xl border border-neutral-200 bg-white p-8 flex flex-col items-center">
+            <span className="rounded-full bg-green-50 text-green-700 px-3 py-1 text-xs font-medium">
+              Most Popular
+            </span>
+            <span className="text-2xl font-bold text-neutral-900 mt-2">$29/month</span>
+            <ul className="mt-6 w-full space-y-2 text-left">
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">Unlimited AI generations</span>
+              </li>
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">Advanced model access</span>
+              </li>
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">Priority support</span>
+              </li>
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">Custom AI training</span>
+              </li>
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">API access</span>
+              </li>
+            </ul>
+            <button className="rounded-full bg-neutral-900 mt-6 px-6 py-2 text-sm font-medium text-white hover:bg-neutral-800 transition-colors">
+              Upgrade to Pro
+            </button>
+          </div>
+          <div className="rounded-2xl border border-neutral-200 bg-white p-8 flex flex-col items-center">
+            <span className="rounded-full bg-neutral-100 px-3 py-1 text-xs font-medium text-neutral-600">
+              Free
+            </span>
+            <span className="text-2xl font-bold text-neutral-900 mt-2">$0/month</span>
+            <ul className="mt-6 w-full space-y-2 text-left">
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">100 AI generations per month</span>
+              </li>
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">Basic model access</span>
+              </li>
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">Community support</span>
+              </li>
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">Standard response time</span>
+              </li>
+            </ul>
+            <button className="rounded-full bg-neutral-900 mt-6 px-6 py-2 text-sm font-medium text-white hover:bg-neutral-800 transition-colors">
+              Get Started
+            </button>
+          </div>
+          <div className="rounded-2xl border border-neutral-200 bg-white p-8 flex flex-col items-center">
+            <span className="rounded-full bg-neutral-100 px-3 py-1 text-xs font-medium text-neutral-600">
+              Team
+            </span>
+            <span className="text-2xl font-bold text-neutral-900 mt-2">$49/user/month</span>
+            <ul className="mt-6 w-full space-y-2 text-left">
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">Everything in Pro</span>
+              </li>
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">Team collaboration tools</span>
+              </li>
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">Shared workspaces</span>
+              </li>
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">Admin dashboard</span>
+              </li>
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">Centralized billing</span>
+              </li>
+              <li className="flex items-center gap-2">
+                <span className="text-green-500">✓</span>
+                <span className="text-neutral-900">SSO authentication</span>
+              </li>
+            </ul>
+            <button className="rounded-full bg-neutral-900 mt-6 px-6 py-2 text-sm font-medium text-white hover:bg-neutral-800 transition-colors">
+              Start a Team plan
+            </button>
+          </div>
         </div>
       </div>
     </section>
diff --git a/apps/project-flow/src/components/ai-generated/Stats.tsx b/apps/project-flow/src/components/ai-generated/Stats.tsx
index d04fef8..e712bee 100644
--- a/apps/project-flow/src/components/ai-generated/Stats.tsx
+++ b/apps/project-flow/src/components/ai-generated/Stats.tsx
@@ -1,23 +1,29 @@
 export default function Stats() {
-  const stats = [
-    { value: "50K+", label: "Active students", sub: "learning daily" },
-    { value: "200+", label: "Expert instructors", sub: "across disciplines" },
-    { value: "98%", label: "Completion rate", sub: "industry leading" },
-    { value: "4.9", label: "Average rating", sub: "from learners" },
-  ];
-
   return (
     <section className="border-b border-neutral-200 bg-white px-6 py-16">
-      <div className="mx-auto grid max-w-6xl grid-cols-2 gap-8 md:grid-cols-4">
-        {stats.map((s) => (
-          <div key={s.label}>
-            <div className="text-3xl font-bold text-neutral-900">{s.value}</div>
-            <div className="mt-1 text-sm font-semibold text-neutral-900">
-              {s.label}
-            </div>
-            <div className="text-sm text-neutral-400">{s.sub}</div>
+      <div className="mx-auto max-w-6xl py-8">
+        <div className="grid grid-cols-1 sm:grid-cols-4 gap-4">
+          <div className="flex flex-col items-center">
+            <span className="text-3xl font-bold text-neutral-900">50K+</span>
+            <span className="text-sm text-neutral-500">Active students</span>
+            <span className="text-sm text-neutral-400">learning daily</span>
           </div>
-        ))}
+          <div className="flex flex-col items-center">
+            <span className="text-3xl font-bold text-neutral-900">98%</span>
+            <span className="text-sm text-neutral-500">Completion rate</span>
+            <span className="text-sm text-neutral-400">industry leading</span>
+          </div>
+          <div className="flex flex-col items-center">
+            <span className="text-3xl font-bold text-neutral-900">200+</span>
+            <span className="text-sm text-neutral-500">Expert instructors</span>
+            <span className="text-sm text-neutral-400">across disciplines</span>
+          </div>
+          <div className="flex flex-col items-center">
+            <span className="text-3xl font-bold text-neutral-900">+85%</span>
+            <span className="text-sm text-neutral-500">Course progress</span>
+            <span className="text-sm text-neutral-400">Mon - Tue - Wed</span>
+          </div>
+        </div>
       </div>
     </section>
   );