diff --git a/actix_mvc_app/src/views/index.html b/actix_mvc_app/src/views/index.html
index 10f2a78..ebcb76e 100644
--- a/actix_mvc_app/src/views/index.html
+++ b/actix_mvc_app/src/views/index.html
@@ -1,5 +1,6 @@
 {% extends "base.html" %}
 
+{# Updated template with card blocks - 2025-04-22 #}
 {% block title %}Home - Zanzibar Autonomous Zone{% endblock %}
 
 {% block content %}
@@ -7,47 +8,77 @@
     <div class="col-md-12">
         <div class="card">
             <div class="card-body">
-                <h1 class="card-title">Welcome to Zanzibar Autonomous Zone</h1>
-                <p class="card-text">Convenience, Safety and Privacy</p>
-                <ul class="list-group list-group-flush mb-4">
-                    <li class="list-group-item">Actix Web - A powerful, pragmatic, and extremely fast web framework for Rust</li>
-                    <li class="list-group-item">Tera Templates - A template engine inspired by Jinja2 and Django templates</li>
-                    <li class="list-group-item">Bootstrap 5.3.5 - A popular CSS framework for responsive web design</li>
-                </ul>
-                <p>This application follows the MVC (Model-View-Controller) architectural pattern:</p>
-                <div class="row">
-                    <div class="col-md-4">
-                        <div class="card mb-3">
-                            <div class="card-header bg-primary text-white">
-                                Models
+                <h1 class="card-title text-center mb-4">Zanzibar Autonomous Zone</h1>
+                <p class="card-text text-center lead mb-5">Convenience, Safety and Privacy</p>
+                
+                <style>
+                    .compact-card {
+                        max-height: 150px;
+                        overflow-y: auto;
+                    }
+                </style>
+                
+                <div class="row g-3 mb-4">
+                    <!-- Left Column (3 items) -->
+                    <div class="col-md-6">
+                        <!-- Card 1: Frictionless Collaboration -->
+                        <div class="card shadow mb-3 border-primary">
+                            <div class="card-header py-2 bg-primary bg-opacity-10 border-primary">
+                                <h6 class="mb-0 text-primary"><i class="bi bi-people-fill me-2"></i>Frictionless Collaboration</h6>
                             </div>
-                            <div class="card-body">
-                                <p>Data structures and business logic</p>
+                            <div class="card-body p-2 compact-card">
+                                <p class="card-text small">Direct communication and transactions between individuals and organizations, making processes efficient and cost-effective.</p>
+                            </div>
+                        </div>
+                        
+                        <!-- Card 2: Frictionless Banking -->
+                        <div class="card shadow mb-3 border-success">
+                            <div class="card-header py-2 bg-success bg-opacity-10 border-success">
+                                <h6 class="mb-0 text-success"><i class="bi bi-currency-exchange me-2"></i>Frictionless Banking</h6>
+                            </div>
+                            <div class="card-body p-2 compact-card">
+                                <p class="card-text small">Simplified financial transactions without the complications and fees of traditional banking systems.</p>
+                            </div>
+                        </div>
+                        
+                        <!-- Card 3: Tax Efficiency -->
+                        <div class="card shadow mb-3 border-info">
+                            <div class="card-header py-2 bg-info bg-opacity-10 border-info">
+                                <h6 class="mb-0 text-info"><i class="bi bi-graph-up-arrow me-2"></i>Tax Efficiency</h6>
+                            </div>
+                            <div class="card-body p-2 compact-card">
+                                <p class="card-text small">Lower taxes making business operations more profitable and competitive in the global market.</p>
                             </div>
                         </div>
                     </div>
-                    <div class="col-md-4">
-                        <div class="card mb-3">
-                            <div class="card-header bg-success text-white">
-                                Views
+                    
+                    <!-- Right Column (2 items) -->
+                    <div class="col-md-6">
+                        <!-- Card 4: Global Ecommerce -->
+                        <div class="card shadow mb-3 border-warning">
+                            <div class="card-header py-2 bg-warning bg-opacity-10 border-warning">
+                                <h6 class="mb-0 text-warning"><i class="bi bi-globe me-2"></i>Global Ecommerce</h6>
                             </div>
-                            <div class="card-body">
-                                <p>Tera templates for rendering HTML</p>
+                            <div class="card-body p-2 compact-card">
+                                <p class="card-text small">Easily expand your business globally with streamlined operations and tools to reach customers worldwide.</p>
                             </div>
                         </div>
-                    </div>
-                    <div class="col-md-4">
-                        <div class="card mb-3">
-                            <div class="card-header bg-info text-white">
-                                Controllers
+                        
+                        <!-- Card 5: Clear Regulations -->
+                        <div class="card shadow mb-3 border-danger">
+                            <div class="card-header py-2 bg-danger bg-opacity-10 border-danger">
+                                <h6 class="mb-0 text-danger"><i class="bi bi-shield-check me-2"></i>Clear Regulations</h6>
                             </div>
-                            <div class="card-body">
-                                <p>Request handlers and application logic</p>
+                            <div class="card-body p-2 compact-card">
+                                <p class="card-text small">Clear regulations and efficient dispute resolution mechanisms providing a stable business environment.</p>
                             </div>
                         </div>
                     </div>
                 </div>
-                <a href="/about" class="btn btn-primary">Learn More</a>
+                
+                <div class="text-center">
+                    <a href="/about" class="btn btn-primary btn-lg">Learn More</a>
+                </div>
             </div>
         </div>
     </div>