diff --git a/about.html b/about.html
index 3bcc6c3..f34cb03 100644
--- a/about.html
+++ b/about.html
@@ -13,8 +13,10 @@
         <div class="container">
             <nav class="navbar">
                 <div class="logo">
-                    <img src="images/logo.png" alt="Schools Without Borders Logo">
-                    <span data-translate="organizationName">Schools Without Borders</span>
+                    <a href="index.html">
+                        <img src="images/logo.png" alt="Schools Without Borders Logo">
+                        <span data-translate="organizationName">Schools Without Borders</span>
+                    </a>
                 </div>
                 <ul class="nav-links">
                     <li><a href="index.html" data-translate="home">Home</a></li>
diff --git a/contact.html b/contact.html
index fa05c0e..bc54601 100644
--- a/contact.html
+++ b/contact.html
@@ -208,8 +208,10 @@
         <div class="container">
             <nav class="navbar">
                 <div class="logo">
-                    <img src="images/logo.png" alt="Schools Without Borders Logo">
-                    <span data-translate="organizationName">Schools Without Borders</span>
+                    <a href="index.html">
+                        <img src="images/logo.png" alt="Schools Without Borders Logo">
+                        <span data-translate="organizationName">Schools Without Borders</span>
+                    </a>
                 </div>
                 <ul class="nav-links">
                     <li><a href="index.html" data-translate="home">Home</a></li>
diff --git a/css/styles.css b/css/styles.css
index dc1df6b..a620878 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -121,10 +121,23 @@ header {
 
 .logo span {
     color: white;
-    font-size: 1.5rem;
+    font-size: 2rem;
+    font-family: 'Arial', sans-serif;
     font-weight: 600;
 }
 
+.logo a {
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    color: inherit;
+}
+
+.logo a:hover {
+    text-decoration: none;
+    color: inherit;
+}
+
 .nav-links {
     display: flex;
 }
@@ -1234,4 +1247,78 @@ header.preserve-layout * {
 /* Adjust spacing for content below header */
 main, section:first-of-type {
     margin-top: 70px;
+}
+
+/* Shared donation card styles */
+.donation-option, .donation-box {
+    background: rgba(255, 255, 255, 0.95);
+    padding: 2rem;
+    border-radius: 10px;
+    text-align: center;
+    flex: 1;
+    max-width: 300px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    transition: transform 0.2s ease;
+}
+
+.donation-option:hover, .donation-box:hover {
+    transform: translateY(-5px);
+}
+
+/* CTA section specific styles */
+.cta .donation-options {
+    display: flex;
+    justify-content: space-around;
+    gap: 2rem;
+    margin-top: 3rem;
+}
+
+.donation-amount {
+    font-size: 2.5rem;
+    font-weight: bold;
+    color: var(--navy-blue);
+    margin-bottom: 1rem;
+}
+
+.donation-option p, .donation-box p {
+    color: #333;
+    font-size: 1.1rem;
+    margin-bottom: 1.5rem;
+}
+
+/* Add buttons to CTA donation options */
+.donation-option {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.donation-option::after {
+    content: "Donate Now";
+    display: inline-block;
+    padding: 0.75rem 1.5rem;
+    background-color: var(--navy-blue);
+    color: white;
+    border-radius: 5px;
+    margin-top: 1rem;
+    cursor: pointer;
+    transition: background-color 0.2s ease;
+}
+
+.donation-option:hover::after {
+    background-color: var(--dark-navy);
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .cta .donation-options {
+        flex-direction: column;
+        align-items: center;
+    }
+    
+    .donation-option, .donation-box {
+        width: 100%;
+        max-width: 100%;
+        margin-bottom: 1rem;
+    }
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index a44ba95..6fe445c 100644
--- a/index.html
+++ b/index.html
@@ -14,8 +14,10 @@
         <div class="container">
             <nav class="navbar">
                 <div class="logo">
-                    <img src="images/logo.png" alt="Schools Without Borders Logo">
-                    <span data-translate="organizationName">Schools Without Borders</span>
+                    <a href="index.html">
+                        <img src="images/logo.png" alt="Schools Without Borders Logo">
+                        <span data-translate="organizationName">Schools Without Borders</span>
+                    </a>
                 </div>
                 <ul class="nav-links">
                     <li><a href="index.html" data-translate="home">Home</a></li>
diff --git a/js/translations/home-translations.js b/js/translations/home-translations.js
index 7153cdf..1655208 100644
--- a/js/translations/home-translations.js
+++ b/js/translations/home-translations.js
@@ -1,7 +1,7 @@
 const homeTranslations = {
     en: {
         // Hero Section
-        heroTitle: "Our Children<br>Our Future",
+        heroTitle: "Our Children Our Future",
         heroSubtitle: "Bringing Education Where Schools Cannot Reach",
         supportButton: "Support Our Mission",
         
@@ -45,7 +45,7 @@ const homeTranslations = {
     },
     ar: {
         // Hero Section
-        heroTitle: "أطفالنا<br>مستقبلنا",
+        heroTitle: "أطفالنا مستقبلنا",
         heroSubtitle: "نوصل التعليم حيث لا تصل المدارس",
         supportButton: "ادعم مهمتنا",
         
diff --git a/support.html b/support.html
index 40b1b2a..4216649 100644
--- a/support.html
+++ b/support.html
@@ -13,8 +13,10 @@
         <div class="container">
             <nav class="navbar">
                 <div class="logo">
-                    <img src="images/logo.png" alt="Schools Without Borders Logo">
-                    <span data-translate="organizationName">Schools Without Borders</span>
+                    <a href="index.html">
+                        <img src="images/logo.png" alt="Schools Without Borders Logo">
+                        <span data-translate="organizationName">Schools Without Borders</span>
+                    </a>
                 </div>
                 <ul class="nav-links">
                     <li><a href="index.html" data-translate="home">Home</a></li>
@@ -83,24 +85,6 @@
                         <a href="#" class="btn btn-primary" data-translate="donateButton">Make a Donation</a>
                     </div>
                 </div>
-
-                <!-- Spread Word Card -->
-                <div class="support-card">
-                    <div class="support-card-image">
-                        <img src="images/spread-word.jpg" alt="Spread the word about Schools Without Borders">
-                    </div>
-                    <div class="support-card-content">
-                        <h3 data-translate="spreadTitle">Spread the Word</h3>
-                        <p data-translate="spreadText1">One of the simplest ways to support us is to help spread awareness about our mission. Share our story on social media, tell your friends and family about our work, and encourage others to get involved.</p>
-                        <p data-translate="spreadText2">The more people who know about our efforts, the more children we can reach with education and hope.</p>
-                        <div class="social-links" style="justify-content: flex-start;">
-                            <a href="#"><i class="fab fa-facebook-f"></i></a>
-                            <a href="#"><i class="fab fa-twitter"></i></a>
-                            <a href="#"><i class="fab fa-instagram"></i></a>
-                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
-                        </div>
-                    </div>
-                </div>
                 <div class="support-card">
                     <div class="support-card-image">
                         <img src="images/partnership.jpg" alt="Partner with Schools Without Borders">
diff --git a/work.html b/work.html
index aad1bcb..c59a4d4 100644
--- a/work.html
+++ b/work.html
@@ -13,8 +13,10 @@
         <div class="container">
             <nav class="navbar">
                 <div class="logo">
-                    <img src="images/logo.png" alt="Schools Without Borders Logo">
-                    <span data-translate="organizationName">Schools Without Borders</span>
+                    <a href="index.html">
+                        <img src="images/logo.png" alt="Schools Without Borders Logo">
+                        <span data-translate="organizationName">Schools Without Borders</span>
+                    </a>
                 </div>
                 <ul class="nav-links">
                     <li><a href="index.html" data-translate="home">Home</a></li>