From 19e729ddea7600fc7b0ee4fadc717b67a4edd90a Mon Sep 17 00:00:00 2001
From: amd123 <iam.ahmadsholeh@gmail.com>
Date: Thu, 7 Mar 2024 14:14:42 +0700
Subject: [PATCH] update minor

---
 components/Landing Page/MediaSocial.tsx | 30 ++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/components/Landing Page/MediaSocial.tsx b/components/Landing Page/MediaSocial.tsx
index 0242e29..2381a67 100644
--- a/components/Landing Page/MediaSocial.tsx	
+++ b/components/Landing Page/MediaSocial.tsx	
@@ -225,7 +225,35 @@ export default function MediaSocial() {
                     <div className='text-xs text-[#DD8306] flex items-center'>Lihat Semua <ChevronRightIcon /></div>
                 </div>
                 <div className='md:flex flex-wrap gap-4 justify-center'>
-                    <TiktokWidget />
+                    {dummyData.map((data: any) => (
+                        <div
+                            key={data.id}
+                            className='bg-white text-black h-[400px] w-auto md:w-[315px] border-2 rounded-md px-5 py-3'
+                        >
+                            <div className='h-[20%] flex items-center text-xs justify-between'>
+                                <div className='flex gap-2'>
+                                    <div className='h-[50px]'>
+                                        <img src={data.logo} alt="logo" className='h-[50px]' />
+                                    </div>
+                                    <div className='flex flex-col gap-1 justify-center'>
+                                        <p className='flex gap-1'>{data.division} <img src={data.type} alt="" /></p>
+                                    </div>
+                                </div>
+                                <div className=''>
+                                    <div className='flex gap-1 text-blue-500'><img src="/temp/share.svg" alt="" />Share</div>
+                                </div>
+                            </div>
+                            <div className='h-[35%] text-xs'>
+                                {data.description}
+                                <a className='text-blue-500'><br />Lihat Selengkapnya</a>
+                            </div>
+                            <div className='h-[45%]'>
+                                <div className='flex justify-center'>
+                                    <img src={data.imageUrl} alt="header" className='h-[165px]' />
+                                </div>
+                            </div>
+                        </div>
+                    ))}
                 </div>
             </div>
             <div>