Include dummy data to show how transactions would look. Add this heading in a separate section: "Why South Lebanon?" and put this under it: "I’ve seen firsthand how war has left homes reduced to rubble, families unable to afford basic necessities, and entire communities struggling. My hometown in South Lebanon is suffering — and donations don’t always reach the people they’re meant to help. This project is about solving that." And change the heading under Coin for a Cause to "Changing the way we give - one transaction at a time" - Follow Up Deployment

index.html

@@ -75,7 +75,7 @@
                         <span class="block text-blue-200">Coin for a Cause</span>
                     </h1>
                     <p class="mt-3 text-base text-blue-100 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
-                        Every cryptocurrency transaction contributes to humanitarian causes worldwide through our innovative fee-sharing model.
+                        Changing the way we give - one transaction at a time
                     </p>
                     <div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0">
                         <a href="#donate" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-blue-700 bg-white hover:bg-blue-50 transition duration-150">
@@ -172,6 +172,21 @@
         </div>
     </section>
 
+    <!-- Why South Lebanon Section -->
+    <section class="py-12 bg-gray-50">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="lg:text-center">
+                <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Our Story</h2>
+                <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
+                    Why South Lebanon?
+                </p>
+                <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
+                    "I've seen firsthand how war has left homes reduced to rubble, families unable to afford basic necessities, and entire communities struggling. My hometown in South Lebanon is suffering — and donations don't always reach the people they're meant to help. This project is about solving that."
+                </p>
+            </div>
+        </div>
+    </section>
+
     <!-- How It Works Section -->
     <section id="how-it-works" class="py-12 bg-gray-50">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -559,16 +574,16 @@
 
         // Sample transaction data
         const sampleTransactions = [
-            { id: '0x8a3f...7b', crypto: 'ETH', amount: 0.25, fee: 0.3, donation: 0.00075, time: '2 minutes ago', status: 'completed' },
-            { id: '0x5b2e...9d', crypto: 'BTC', amount: 0.05, fee: 0.4, donation: 0.0002, time: '15 minutes ago', status: 'completed' },
-            { id: '0x3c7a...1f', crypto: 'USDT', amount: 500, fee: 0.2, donation: 1.00, time: '1 hour ago', status: 'completed' },
-            { id: '0x9d4f...6a', crypto: 'SOL', amount: 5, fee: 0.5, donation: 0.025, time: '3 hours ago', status: 'completed' },
-            { id: '0x2e8b...3c', crypto: 'ETH', amount: 1.2, fee: 0.3, donation: 0.0036, time: '5 hours ago', status: 'completed' },
-            { id: '0x7f1a...9e', crypto: 'BTC', amount: 0.1, fee: 0.4, donation: 0.0004, time: '1 day ago', status: 'completed' },
-            { id: '0x4d3c...2b', crypto: 'USDT', amount: 250, fee: 0.2, donation: 0.50, time: '2 days ago', status: 'completed' },
-            { id: '0x6e9f...7d', crypto: 'SOL', amount: 8, fee: 0.5, donation: 0.04, time: '3 days ago', status: 'completed' },
-            { id: '0x1b5a...4f', crypto: 'ETH', amount: 0.75, fee: 0.3, donation: 0.00225, time: '1 week ago', status: 'completed' },
-            { id: '0x3f8c...6e', crypto: 'BTC', amount: 0.02, fee: 0.4, donation: 0.00008, time: '2 weeks ago', status: 'completed' }
+            { id: '0x8a3f...7b', crypto: 'ETH', amount: 0.25, fee: 0.3, donation: 0.00075, time: '2 minutes ago', status: 'completed', purpose: 'Medical supplies for Tyre hospital' },
+            { id: '0x5b2e...9d', crypto: 'BTC', amount: 0.05, fee: 0.4, donation: 0.0002, time: '15 minutes ago', status: 'completed', purpose: 'Food packages for Nabatieh families' },
+            { id: '0x3c7a...1f', crypto: 'USDT', amount: 500, fee: 0.2, donation: 1.00, time: '1 hour ago', status: 'completed', purpose: 'Solar panels for Bint Jbeil village' },
+            { id: '0x9d4f...6a', crypto: 'SOL', amount: 5, fee: 0.5, donation: 0.025, time: '3 hours ago', status: 'completed', purpose: 'School supplies for Sour children' },
+            { id: '0x2e8b...3c', crypto: 'ETH', amount: 1.2, fee: 0.3, donation: 0.0036, time: '5 hours ago', status: 'completed', purpose: 'Emergency fuel for Marjayoun clinic' },
+            { id: '0x7f1a...9e', crypto: 'BTC', amount: 0.1, fee: 0.4, donation: 0.0004, time: '1 day ago', status: 'completed', purpose: 'Clean water for Qana residents' },
+            { id: '0x4d3c...2b', crypto: 'USDT', amount: 250, fee: 0.2, donation: 0.50, time: '2 days ago', status: 'completed', purpose: 'Blankets for displaced in Hasbaya' },
+            { id: '0x6e9f...7d', crypto: 'SOL', amount: 8, fee: 0.5, donation: 0.04, time: '3 days ago', status: 'completed', purpose: 'Medicines for Jezzine medical center' },
+            { id: '0x1b5a...4f', crypto: 'ETH', amount: 0.75, fee: 0.3, donation: 0.00225, time: '1 week ago', status: 'completed', purpose: 'Rebuilding homes in Khiam' },
+            { id: '0x3f8c...6e', crypto: 'BTC', amount: 0.02, fee: 0.4, donation: 0.00008, time: '2 weeks ago', status: 'completed', purpose: 'Support for Tyre fishermen' }
         ];
 
         // Crypto prices (simplified)
@@ -623,6 +638,10 @@
                                     <p class="text-sm font-medium text-blue-600">${tx.donation} ${tx.crypto}</p>
                                 </div>
                             </div>
+                            <div class="mt-2">
+                                <p class="text-xs text-gray-500">Purpose</p>
+                                <p class="text-sm text-gray-900">${tx.purpose}</p>
+                            </div>
                         </div>
                     </div>
                 `;