diff --git a/Websites/jefes-nextjs/app/gallery/EmblaCarouselArrowsDotsButtons.tsx b/Websites/jefes-nextjs/app/EmblaCarouselArrowsDotsButtons.tsx
similarity index 100%
rename from Websites/jefes-nextjs/app/gallery/EmblaCarouselArrowsDotsButtons.tsx
rename to Websites/jefes-nextjs/app/EmblaCarouselArrowsDotsButtons.tsx
diff --git a/Websites/jefes-nextjs/app/gallery/carousel.css b/Websites/jefes-nextjs/app/carousel.css
similarity index 100%
rename from Websites/jefes-nextjs/app/gallery/carousel.css
rename to Websites/jefes-nextjs/app/carousel.css
diff --git a/Websites/jefes-nextjs/app/gallery/carousel.tsx b/Websites/jefes-nextjs/app/carousel.tsx
similarity index 100%
rename from Websites/jefes-nextjs/app/gallery/carousel.tsx
rename to Websites/jefes-nextjs/app/carousel.tsx
diff --git a/Websites/jefes-nextjs/app/page.tsx b/Websites/jefes-nextjs/app/page.tsx
index b6f2a45..2ffdb77 100644
--- a/Websites/jefes-nextjs/app/page.tsx
+++ b/Websites/jefes-nextjs/app/page.tsx
@@ -1,11 +1,12 @@
 import Link from "next/link";
 import Image from "next/image";
+import { EmblaCarousel } from "./carousel";
 
 export default function Home() {
   return (
     <main>
       <div className="flex flex-col relative justify-center items-center">
-        <div className="flex w-full h-[100vh]">
+        <div className="flex relative w-full h-[100svh]">
           <Image
             src="/img01.webp"
             alt="nav image"
@@ -16,6 +17,9 @@ export default function Home() {
             className="brightness-[20%] "
           />
         </div>
+        <div className="flex w-full items-center justify-center">
+          <EmblaCarousel />
+        </div>
       </div>
     </main>
   );