diff --git a/superpage/src/components/ClientsLogo.astro b/superpage/src/components/ClientsLogo.astro
new file mode 100644
index 0000000..82f7e46
--- /dev/null
+++ b/superpage/src/components/ClientsLogo.astro
@@ -0,0 +1,74 @@
+---
+import { Container } from '~/components/Container'
+import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/solid'
+
+import Natura from '~/assets/logos/natura.svg'
+import Nissan from '~/assets/logos/nissan.svg'
+import Kordsa from '~/assets/logos/kordsa.svg'
+import Manserv from '~/assets/logos/manserv.svg'
+import Semeq from '~/assets/logos/semeq.svg'
+
+const SVGLogos = [Natura, Nissan, Kordsa, Manserv, Semeq]
+---
+
+<Container className="py-6 xl:py-24 lg:text-center space-y-2.5 lg:space-y-6">
+  <h2 class="text-pretty font-semibold text-4xl">
+    Alguns clientes que acreditam em nós
+  </h2>
+  <div id="carousel" class="relative">
+    <button
+      id="prev"
+      class="inset-y-0 left-0 px-1.5 absolute cursor-pointer lg:hidden"
+    >
+      <ChevronLeftIcon className="w-6" />
+    </button>
+    <button
+      id="next"
+      class="inset-y-0 right-0 px-1.5 absolute cursor-pointer lg:hidden"
+    >
+      <ChevronRightIcon className="w-6" />
+    </button>
+    <div
+      class="flex max-lg:overflow-x-scroll max-lg:snap-x snap-mandatory scroll-smooth scrollbar-hide space-x-4 lg:gap-8 lg:justify-center"
+    >
+      {
+        SVGLogos.map((Logo, idx) => (
+          <div
+            class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
+            key={idx}
+          >
+            <Logo
+              class="size-48 lg:size-34 fill-white"
+              id={`slide${idx + 1}`}
+            />
+          </div>
+        ))
+      }
+    </div>
+  </div>
+</Container>
+
+<script type="module">
+  const carousel = document.getElementById('carousel')
+  const slides = carousel.querySelectorAll('.snap-center')
+  let currentIndex = 0
+
+  const scrollToSlide = (index) => {
+    if (index >= 0 && index < slides.length) {
+      slides[index].scrollIntoView({
+        behavior: 'smooth',
+        block: 'nearest',
+        inline: 'center',
+      })
+      currentIndex = index
+    }
+  }
+
+  document.getElementById('prev').addEventListener('click', () => {
+    scrollToSlide(currentIndex - 1)
+  })
+
+  document.getElementById('next').addEventListener('click', () => {
+    scrollToSlide(currentIndex + 1)
+  })
+</script>
diff --git a/superpage/src/layouts/Layout.astro b/superpage/src/layouts/Layout.astro
index 2179a4a..b4e57e6 100644
--- a/superpage/src/layouts/Layout.astro
+++ b/superpage/src/layouts/Layout.astro
@@ -30,7 +30,7 @@ const year = new Date().getFullYear()
 
   <body>
     <Container className="flex items-center py-3">
-      <Logo className="h-8" />
+      <a href="/"><Logo className="h-8" /></a>
 
       <div class="ml-auto">
         <a
diff --git a/superpage/src/pages/[slug].astro b/superpage/src/pages/[slug].astro
index 76778f7..eb64baf 100644
--- a/superpage/src/pages/[slug].astro
+++ b/superpage/src/pages/[slug].astro
@@ -1,19 +1,15 @@
 ---
 import { Picture } from 'astro:assets'
-import Layout from '~/layouts/Layout.astro'
 import { Container } from '~/components/Container'
 import { Faq } from '~/components/Faq'
 import { StarIcon, ClockIcon } from '@heroicons/react/24/outline'
 import { CheckBadgeIcon } from '@heroicons/react/24/solid'
 import { LinkedInIcon } from '~/components/LinkedInIcon'
+import Layout from '~/layouts/Layout.astro'
+import ClientsLogo from '~/components/ClientsLogo.astro'
 import nr18plataforma from '~/assets/nr18-plataforma.png'
 import mulherdenegocios from '~/assets/mulher-de-negocios.png'
 import homemdenegocios from '~/assets/homem-de-negocios.png'
-import Natura from '~/assets/logos/natura.svg'
-import Nissan from '~/assets/logos/nissan.svg'
-import Kordsa from '~/assets/logos/kordsa.svg'
-import Manserv from '~/assets/logos/manserv.svg'
-import Semeq from '~/assets/logos/semeq.svg'
 
 import { getCollection, getEntry } from 'astro:content'
 
@@ -50,13 +46,15 @@ const trainer = data.course?.trainer
     />
     <section>
       <div class="space-y-5">
-        {
-          data.course.reciclagem ? (
-            <span class="font-medium">Curso de reciclagem</span>
-          ) : (
-            <span class="font-medium">Curso de formação</span>
-          )
-        }
+        <span class="font-medium">
+          {
+            data.course.reciclagem ? (
+              <>Curso de reciclagem</>
+            ) : (
+              <>Curso de formação</>
+            )
+          }
+        </span>
         <h1 class="text-pretty font-semibold text-4xl lg:text-7xl">
           {data.title}
         </h1>
@@ -122,52 +120,7 @@ const trainer = data.course?.trainer
     </section>
   </Container>
 
-  <Container className="py-6 xl:py-24 text-center space-y-2.5 hidden">
-    <div
-      class="flex lg:gap-12 itens-center justify-center max-lg:overflow-x-scroll snap-x snap-mandatory scroll-smoothscrollbar-hide"
-    >
-      <Natura class="snap-center flex-shrink-0 size-36 fill-white" />
-      <Nissan class="snap-center flex-shrink-0 size-36 fill-white" />
-      <Manserv class="snap-center flex-shrink-0 size-36 fill-white" />
-      <Kordsa class="snap-center flex-shrink-0 size-36 fill-white" />
-      <Semeq class="snap-center flex-shrink-0 size-36 fill-white" />
-    </div>
-  </Container>
-
-  <Container className="py-6 xl:py-24 lg:text-center space-y-2.5 lg:space-y-6">
-    <h2 class="text-pretty font-semibold text-4xl">
-      Alguns clientes que acreditam em nós
-    </h2>
-    <div
-      class="flex max-lg:overflow-x-scroll max-lg:snap-x snap-mandatory scroll-smooth scrollbar-hide space-x-4 lg:gap-12 lg:justify-center"
-    >
-      <div
-        class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
-      >
-        <Natura class="size-52 lg:size-36 fill-white" />
-      </div>
-      <div
-        class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
-      >
-        <Nissan class="size-52 lg:size-36 fill-white" />
-      </div>
-      <div
-        class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
-      >
-        <Manserv class="size-52 lg:size-36 fill-white" />
-      </div>
-      <div
-        class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
-      >
-        <Kordsa class="size-52 lg:size-36 fill-white" />
-      </div>
-      <div
-        class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
-      >
-        <Semeq class="size-52 lg:size-36 fill-white" />
-      </div>
-    </div>
-  </Container>
+  <ClientsLogo />
 
   <Container>
     <div class="border border-lime-400 rounded-2xl lg:grid grid-cols-3">
