add

superpage/src/components/Course/Clients.astro

@@ -9,9 +9,7 @@ import Nissan from "~/icons/logos/nissan.svg";
 import Manserv from "~/icons/logos/manserv.svg";
 ---
 
-<Container
+<Container class:list={["lg:text-center space-y-2.5", Astro.props.class]}>
-    class:list={["lg:text-center space-y-2.5 lg:space-y-5", Astro.props.class]}
->
     <h2 class="text-pretty text-4xl">Alguns clientes que acreditam em nós</h2>
     <Carousel items={[Natura, Kordsa, Semeq, Nissan, Manserv]} />
 </Container>

superpage/src/components/Course/Plans.astro

@@ -3,6 +3,7 @@ import Container from "~/components/Container.astro";
 import Form from "./Contact.jsx";
 ---
 
+<div>
     <Container id="modelos" {...Astro.props}>
         <section class="space-y-5 lg:space-y-10 xl:w-4/6 mx-auto">
             <h1 class="text-pretty text-4xl lg:text-6xl">
@@ -26,14 +27,14 @@ import Form from "./Contact.jsx";
                         <li>Gestão e autonomia direto pela plataforma</li>
                     </ul>
                     <p class="mt-auto">
-                    Ideal para empresas que treinam continuamente e precisam de
+                        Ideal para empresas que treinam continuamente e precisam
-                    agilidade.
+                        de agilidade.
                     </p>
                     <a
                         href="#"
                         class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
                     >
-                    Contratar
+                        Saiba mais
                     </a>
                 </div>
                 <div
@@ -50,7 +51,9 @@ import Form from "./Contact.jsx";
                     <ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5">
                         <li>Atendemos nas principais cidades do Brasil</li>
                         <li>Instrutores especialistas com vivência prática</li>
-                    <li>Ideal para grandes turmas ou treinamentos práticos</li>
+                        <li>
+                            Ideal para grandes turmas ou treinamentos práticos
+                        </li>
                     </ul>
                     <p class="mt-auto">
                         Solução sob medida, direto no seu ambiente de trabalho.
@@ -59,7 +62,7 @@ import Form from "./Contact.jsx";
                         href="#"
                         class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
                     >
-                    Contratar
+                        Saiba mais
                     </a>
                 </div>
                 <div
@@ -85,7 +88,7 @@ import Form from "./Contact.jsx";
                         href="#"
                         class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
                     >
-                    Contratar
+                        Saiba mais
                     </a>
                 </div>
             </div>
@@ -109,3 +112,4 @@ import Form from "./Contact.jsx";
             </div>
         </div>
     </div>
+</div>

superpage/src/components/Course/Stats.astro

@@ -0,0 +1,30 @@
+---
+import Container from "~/components/Container.astro";
+---
+
+<Container>
+    <section class="lg:w-5/6 grid lg:grid-cols-3 gap-2.5 lg:gap-5 mx-auto">
+        <div class="bg-white/5 p-12 rounded-xl border border-white/10">
+            <h1 class="text-lime-400 text-4xl font-semibold uppercase">
+                +100 mil
+            </h1>
+            <span class="uppercase font-medium">Profissionais capacitados</span>
+        </div>
+        <div
+            class="bg-white/5 p-12 rounded-xl space-y-2.5 border border-white/10"
+        >
+            <h1 class="text-lime-400 text-4xl font-semibold uppercase">
+                +5 mil
+            </h1>
+            <span class="uppercase font-medium">Empresas atendidas</span>
+        </div>
+        <div
+            class="bg-white/5 p-12 rounded-xl space-y-2.5 border border-white/10"
+        >
+            <h1 class="text-lime-400 text-4xl font-semibold uppercase">
+                Desde 2012
+            </h1>
+            <span class="uppercase font-medium">Formando profissionais</span>
+        </div>
+    </section>
+</Container>

superpage/src/components/Course/index.ts

@@ -5,3 +5,4 @@ export { default as Modules } from "./Modules.astro";
 export { default as Trainer } from "./Trainer.astro";
 export { default as Faq } from "./Faq.astro";
 export { default as Plans } from "./Plans.astro";
+export { default as Stats } from "./Stats.astro";

superpage/src/pages/_components/Stats.astro

@@ -1,11 +0,0 @@
----
-import Container from "~/components/Container.astro";
----
-
-<Container>
-    <div class="w-4/6 mx-auto">
-        <div>+100.000 Profissionais capacitados</div>
-        <div>+5.000 Empresas atendidas</div>
-        <div>12 anos de experiência</div>
-    </div>
-</Container>

superpage/src/pages/index.astro

@@ -4,8 +4,7 @@ import { Icon } from "astro-icon/components";
 import Layout from "~/layouts/Layout.astro";
 import Container from "~/components/Container.astro";
 import Search from "./_components/Search.astro";
-import { Clients } from "~/components/Course";
+import { Clients, Stats, Features, Plans } from "~/components/Course";
-import Stats from "./_components/Stats.astro";
 
 import mulhercomepi from "~/assets/mulher-com-epi.png";
 const trends = [
@@ -23,7 +22,7 @@ const trends = [
 ---
 
 <Layout>
-    <div class="space-y-6 lg:space-y-12">
+    <div class="space-y-6 lg:space-y-24">
         <Container>
             <nav
                 class="text-black bg-linear-to-b from-lime-400/90 to-lime-400 border border-lime-400 rounded-2xl lg:grid grid-cols-6"
@@ -71,8 +70,18 @@ const trends = [
             </nav>
         </Container>
 
+        <Clients />
+
         <Stats />
 
-        <Clients />
+        <Features />
+
+        <Container>
+            <section>
+                <h1 class="text-pretty text-5xl">
+                    Uma plataforma, múltiplas soluções
+                </h1>
+            </section>
+        </Container>
     </div>
 </Layout>