From 1c4551e15dc741bca813b43fe9f7e854b901b3e7 Mon Sep 17 00:00:00 2001
From: Pattadon <pattadon2546pn@gmail.com>
Date: Fri, 30 Aug 2024 11:23:05 +0700
Subject: [PATCH] feat: Add second carousel

---
 src/app/invest/page.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/app/invest/page.tsx b/src/app/invest/page.tsx
index af9232e..c880fca 100644
--- a/src/app/invest/page.tsx
+++ b/src/app/invest/page.tsx
@@ -23,7 +23,7 @@ export default function Invest() {
     return () => clearTimeout(timer);
   }, []);
   return (
-    <div className=" w-[90%] h-[500px]-500 ml-32 mt-12">
+    <div className="w-[90%] h-[500px]-500 ml-32 mt-12">
       <div>
         <div className="flex">
           <Image src="./logo.svg" alt="logo" width={50} height={50} />
@@ -82,6 +82,17 @@ export default function Invest() {
           </div>
         </div>
       </div>
+      <Carousel className="w-1/2 ml-5 -mt-10">
+        <CarouselContent className="-ml-1">
+          {Array.from({ length: 5 }).map((_, index) => (
+            <CarouselItem className="pl-1 md:basis-1/2 lg:basis-1/3">
+              <img src="./boiler1.jpg" alt="" className="rounded-lg" />
+            </CarouselItem>
+          ))}
+          <CarouselPrevious />
+          <CarouselNext />
+        </CarouselContent>
+      </Carousel>
     </div>
   );
 }