slide 2

src/app/page.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { useState, useEffect, useCallback } from 'react'
+import { ChevronDoubleDownIcon } from '@heroicons/react/24/solid';
 import Slide from '@/components/Slide';
 import Slide1 from '@/components/Slide1';
 import Slide2 from '@/components/Slide2';
@@ -11,7 +12,7 @@ import Slide5 from '@/components/Slide5';
 
 const slides = [
   <Slide1 key={1} />,
-  //<Slide2 key={2} />,
+  <Slide2 key={2} />,
   //<Slide3 key={3} />,
   //<Slide4 key={4} />,
   //<Slide5 key={5} />,
@@ -57,6 +58,9 @@ export default function Home() {
           {slide}
         </Slide>
       ))}
+      <div className={`absolute bottom-4 left-1/2 transform -translate-x-1/2 text-white ${current === slides.length - 1 ? 'hidden' : ''}`}>
+        <ChevronDoubleDownIcon className="w-12 h-12 animate-bounce cursor-pointer" onClick={nextSlide} />
+      </div>
     </main>
   )
 }