diff --git a/content/home/index.md b/content/home/index.md
index e10b5bb..2127b46 100644
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -7,27 +7,65 @@ draft: false
 weight: 1
 ---
 
-!!flowrift.hero
-    subtext: 'For a better Congo'
-    header: 'Une fleur pour la paix'
-    description: 'Embarking on a mission to transform Congo into a beacon of hope, together with Dr Denis Mukwege, a renowned gynecologist and Nobel Peace Prize laureate, lets envision a future where sustainable development, ethical resource utilization, and technological innovation pave the way for a prosperous nation. 
-    As a resilient advocate against wartime sexual violence, he champions the inclusive integration of global citizens, deploying cutting edge technology to establish a harmonious balance between progress and societal wellbeing. 
-    Join Flowers4Peace and Dr Mukwege on this transformative journey for a brighter, more equitable Congo.'
-    image: 'home/flowergirls2.jpeg'
-    blue_btn_label: 'Learn more'
-    blue_btn_url: 'https://www.denismukwege2023.com/'
-    gray_btn_label: 'Donate'
-    gray_btn_url: '/fundraise'
+<div class="bg-white pb-6 sm:pb-8 lg:pb-12">
+    <div class="mx-auto max-w-screen-2xl px-4 md:px-8">
+        <section class="flex flex-col justify-between gap-6 sm:gap-10 md:gap-16 lg:flex-row">
+            <!-- content - start -->
+            <div class="flex flex-col justify-center sm:text-center lg:py-12 lg:text-left xl:w-5/12 xl:py-24">
+                <p class="mb-4 font-semibold text-indigo-500 md:mb-6 md:text-lg xl:text-xl">For a better Congo</p>
+                <h1 class="mb-8 text-4xl font-bold text-black sm:text-5xl md:mb-12 md:text-6xl">Une fleur pour la paix</h1>
+                <p class="mb-8 leading-relaxed text-gray-500 md:mb-12 lg:w-4/5 xl:text-lg">Embarking on a mission to transform Congo into a beacon of hope, together with Dr Denis Mukwege, a renowned gynecologist and Nobel Peace Prize laureate, lets envision a future where sustainable development, ethical resource utilization, and technological innovation pave the way for a prosperous nation. As a resilient advocate against wartime sexual violence, he champions the inclusive integration of global citizens, deploying cutting edge technology to establish a harmonious balance between progress and societal wellbeing. Join Flowers4Peace and Dr Mukwege on this transformative journey for a brighter, more equitable Congo.</p>
+                <div class="flex flex-col gap-2.5 sm:flex-row sm:justify-center lg:justify-start">
+                    <a href="https://www.denismukwege2023.com/" class="inline-block rounded-lg bg-indigo-500 px-8 py-3 text-center text-sm font-semibold text-white outline-none ring-indigo-300 transition duration-100 hover:bg-indigo-600 focus-visible:ring active:bg-indigo-700 md:text-base">Learn more</a>
+                    <a href="/fundraise" class="inline-block rounded-lg bg-gray-200 px-8 py-3 text-center text-sm font-semibold text-gray-500 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-300 focus-visible:ring active:text-gray-700 md:text-base">Donate</a>
+                </div>
+            </div>
+            <!-- content - end -->
+            <!-- image - start -->
+            <div class="h-48 overflow-hidden rounded-lg bg-gray-100 shadow-lg lg:h-auto xl:w-5/12">
+                <img
+                    src="home/flowergirls2.jpeg"
+                    loading="lazy"
+                    alt="Photo by Fakurian Design"
+                    class="h-full w-full object-cover object-center"
+                >
+            </div>
+            <!-- image - end -->
+        </section>
+    </div>
+</div>
 
 {% row(style="left" margin="none" reverse="rightreserve" padding="bottom") %}
 
-!!flowrift.cta
-    header: 'Denis Mukwege'
-    subheader: '2023'
-    description: '"My only motivation is to save and develop our country, what I am going to do is the continuation of my action and my commitment over the last 40 years in the service of my people"'
-    button_label: 'Biography'
-    button_url: 'https://www.nobelprize.org/prizes/peace/2018/mukwege/biographical/'
-    image: 'home/flowers4peace.jpeg'
+<div class="bg-white py-6 sm:py-8 lg:py-12">
+    <div class="mx-auto max-w-screen-2xl px-4 md:px-8">
+        <div class="flex flex-col overflow-hidden rounded-lg bg-gray-900 sm:flex-row md:h-80">
+            <!-- content - start -->
+            <div class="flex w-full flex-col p-4 sm:w-1/2 sm:p-8 lg:w-2/5">
+                <h2 class="mb-4 text-xl font-bold text-white md:text-2xl lg:text-4xl">
+                    Denis Mukwege
+                    <br>
+                    2023
+                </h2>
+                <p class="mb-8 max-w-md text-gray-400">"My only motivation is to save and develop our country, what I am going to do is the continuation of my action and my commitment over the last 40 years in the service of my people"</p>
+                <div class="mt-auto">
+                    <a href="https://www.nobelprize.org/prizes/peace/2018/mukwege/biographical/" class="inline-block rounded-lg bg-white px-8 py-3 text-center text-sm font-semibold text-gray-800 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-100 focus-visible:ring active:bg-gray-200 md:text-base">Biography</a>
+                </div>
+            </div>
+            <!-- content - end -->
+            <!-- image - start -->
+            <div class="order-first h-48 w-full bg-gray-700 sm:order-none sm:h-auto sm:w-1/2 lg:w-3/5">
+                <img
+                    src="home/flowers4peace.jpeg"
+                    loading="lazy"
+                    alt="Photo by Dom Hill"
+                    class="h-full w-full object-cover object-center"
+                >
+            </div>
+            <!-- image - end -->
+        </div>
+    </div>
+</div>
 
 {% end %}