update

superpage/src/components/Course/Cert.astro

@@ -3,7 +3,7 @@ import { Icon } from "astro-icon/components";
 import Container from "~/components/Container.astro";
 ---
 
-<Container id="certificado" {...Astro.props}>
+<Container id="cert" {...Astro.props}>
     <div
         class="text-black bg-linear-to-t from-lime-600 to-lime-400 border border-lime-400 p-5 lg:py-36 rounded-2xl relative overflow-hidden"
     >

superpage/src/components/Course/Course.astro

@@ -0,0 +1,33 @@
+---
+import Clients from "../Clients.astro";
+import Modules from "./Modules.astro";
+import Features from "../Features.astro";
+import Cert from "./Cert.astro";
+import Trainer from "./Trainer.astro";
+import Plans from "./Plans.astro";
+import Faq from "./Faq.astro";
+
+const { trainer } = Astro.props;
+---
+
+<Plans />
+
+<Clients />
+
+<Features />
+
+<Modules>
+    <slot name="modules" />
+</Modules>
+
+{trainer && <Trainer name={trainer} />}
+
+{
+    Astro.slots.has("faq") && (
+        <Faq>
+            <slot name="faq" />
+        </Faq>
+    )
+}
+
+<Cert />

superpage/src/components/Course/Faq.astro

@@ -2,8 +2,16 @@
 import Container from "~/components/Container.astro";
 ---
 
-<Container class:list={[" space-y-2.5 lg:space-y-5", Astro.props.class]}>
-    <h2 class="text-pretty text-4xl lg:text-5xl">
-        FAQ &mdash; Perguntas frequentes
-    </h2>
+<Container {...Astro.props}>
+    <section
+        class="space-y-2.5 lg:py-24 lg:grid grid-cols-3 gap-5 mx-auto lg:w-5/8"
+    >
+        <h2 class="text-pretty text-4xl lg:text-5xl">
+            FAQ &mdash; Perguntas frequentes
+        </h2>
+
+        <div class="col-span-2">
+            <slot />
+        </div>
+    </section>
 </Container>

superpage/src/components/Course/Modules.astro

@@ -2,15 +2,19 @@
 import Container from "~/components/Container.astro";
 ---
 
-<Container id="modulos" class="2xl:w-5/12 lg:py-24 space-y-6" {...Astro.props}>
-    <div class="space-y-2.5">
-        <h4 class="text-pretty text-4xl lg:text-6xl">Módulos deste curso</h4>
-        <p>
-            O curso é dividido em módulos para facilitar seu aprendizado e
-            garantir que você domine todos os aspectos teóricos e práticos.
-        </p>
-    </div>
-    <div class="lg:col-span-2 flex flex-col gap-1.5">
-        <slot />
-    </div>
+<Container id="modules" {...Astro.props}>
+    <section class="lg:w-5/8 lg:py-24 space-y-6 mx-auto">
+        <div class="space-y-2.5">
+            <h4 class="text-pretty text-4xl lg:text-6xl">
+                Módulos deste curso
+            </h4>
+            <p>
+                O curso é dividido em módulos para facilitar seu aprendizado e
+                garantir que você domine todos os aspectos teóricos e práticos.
+            </p>
+        </div>
+        <div class="lg:col-span-2 flex flex-col gap-1.5">
+            <slot />
+        </div>
+    </section>
 </Container>

superpage/src/components/Course/Plans.astro

@@ -4,7 +4,7 @@ import Form from "./Contact.jsx";
 ---
 
 <div>
-    <Container id="modelos" {...Astro.props}>
+    <Container id="plans" {...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">
                 Modelos de contratação para sua empresa

superpage/src/components/Course/index.ts

@@ -1,8 +1 @@
-export { default as Cert } from "./Cert.astro";
-export { default as Clients } from "./Clients.astro";
-export { default as Features } from "./Features.astro";
-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";
+export { default as Course } from "./Course.astro";