diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index 9e24daf..bbf9cf4 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 0000000..458d0f6
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.svg b/public/favicon.svg
index e118d6d..a0baebb 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none">
-  <rect width="32" height="32" rx="6" fill="#0891b2"/>
-  <path d="M8 12L14 20L8 20" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M24 12L18 20L24 20" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
-  <circle cx="16" cy="16" r="2" fill="#f59e0b"/>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="9.69 10.69 1174.657 1169.222" width="1174.657pt" height="1169.222pt"><g><path d=" M 802.821 170.332 C 802.821 170.332 1267.11 329.733 1033.382 836.126 C 1033.382 836.126 1068.608 894.546 1062.286 928.783 C 1062.286 928.783 1228.11 732.085 1116.291 450.953 C 1116.291 450.953 1033.443 215.785 802.821 170.332 Z " fill="rgb(71,75,81)"/><path d=" M 647.701 1145.387 C 647.701 1145.387 574.007 1100.145 560.316 1070.941 C 560.316 1070.941 131.203 1008.875 149.074 564.461 C 149.074 564.461 66.351 1096.347 647.701 1145.387 Z " fill="rgb(71,75,81)"/><path d=" M 255.995 474.5 C 265.237 453.996 279.919 438.66 300.413 429.264 C 347.247 407.793 400.771 425.264 425.703 470.006 C 444.285 503.346 449.123 539.854 449.002 577.085 C 448.882 614.62 447.523 652.139 440.998 689.294 C 439.711 696.631 436.128 706.924 444.652 710.489 C 453.253 714.075 458.041 704.152 462.271 698.136 C 479.615 673.448 496.269 648.281 513.373 623.424 C 522.215 610.577 531.457 598.007 540.534 585.323 C 541.52 583.943 542.517 582.557 543.635 581.286 C 552.236 571.515 560.81 560.483 575.798 563.412 C 591.587 566.504 596.276 580.28 599.832 593.486 C 603.99 608.914 604.094 624.81 603.398 640.771 C 602.166 669.073 601.514 697.408 600.834 725.732 C 600.697 731.476 600.834 737.856 607.342 740.546 C 613.571 743.117 618.65 739.372 623.148 735.709 C 634.4 726.536 641.221 713.842 649.564 702.342 C 690.137 646.433 731.252 590.872 793.064 555.57 C 833.817 532.295 877.162 522.214 923.903 535.121 C 967.768 547.234 993.155 579.253 992.716 622.158 C 992.448 648.531 977.892 668.193 960.52 685.881 C 944.315 702.38 927.069 717.82 915.549 738.269 C 886.913 789.075 912.656 842.153 954.987 859.494 C 971.318 866.189 987.304 862.755 1002.068 853.967 C 1008.752 849.989 1014.898 845.12 1021.467 840.523 C 1021.817 844.202 1019.023 846.848 1017.139 849.691 C 987.605 894.09 933.786 902.638 890.387 869.896 C 850.702 839.952 839.581 789.249 861.516 741.932 C 872.719 717.771 890.836 699.038 908.69 680.175 C 920.205 668.008 930.932 655.21 938.881 640.809 C 953.009 615.224 943.762 585.623 917.702 570.694 C 892.6 556.315 865.487 553.478 837.515 560.619 C 804.897 568.95 778.015 587.514 753.264 609.202 C 714.187 643.444 682.368 683.893 652.977 726.368 C 637.523 748.703 622.178 771.158 602.894 790.559 C 597.838 795.646 592.469 800.395 586.01 803.656 C 576.341 808.536 568.709 805.819 564.573 795.738 C 558.766 781.592 558.668 766.571 559.084 751.692 C 560.108 714.841 561.697 678.013 562.869 641.167 C 563.132 632.76 562.53 624.332 562.469 615.914 C 562.431 610.588 561.445 604.686 556.777 602.578 C 551.277 600.089 547.157 605.828 544.413 609.441 C 533.566 623.723 523.491 638.57 513.17 653.237 C 487.411 689.843 462.786 727.243 435.361 762.67 C 431.203 768.044 426.009 772.593 419.983 775.951 C 409.169 781.978 400.754 779.185 396.163 767.675 C 391.414 755.768 390.806 743.182 392.159 730.634 C 395.928 695.631 403.104 661.074 405.531 625.875 C 408.084 588.899 407.876 552.163 398.656 515.937 C 395.04 501.721 389.989 488.097 381.755 475.821 C 362.022 446.404 328.533 436.193 295.499 449.426 C 280.773 455.322 268.354 464.751 255.995 474.5 Z " fill="rgb(41,175,182)"/><path d=" M 255.995 474.5 C 265.237 453.996 279.919 438.66 300.413 429.264 C 347.247 407.793 400.771 425.264 425.703 470.006 C 444.285 503.346 449.123 539.854 449.002 577.085 C 448.882 614.62 447.523 652.139 440.998 689.294 C 439.711 696.631 436.128 706.924 444.652 710.489 C 453.253 714.075 458.041 704.152 462.271 698.136 C 479.615 673.448 496.269 648.281 513.373 623.424 C 522.215 610.577 531.457 598.007 540.534 585.323 C 541.52 583.943 542.517 582.557 543.635 581.286 C 552.236 571.515 560.81 560.483 575.798 563.412 C 591.587 566.504 596.276 580.28 599.832 593.486 C 603.99 608.914 604.094 624.81 603.398 640.771 C 602.166 669.073 601.514 697.408 600.834 725.732 C 600.697 731.476 600.834 737.856 607.342 740.546 C 613.571 743.117 618.65 739.372 623.148 735.709 C 634.4 726.536 641.221 713.842 649.564 702.342 C 690.137 646.433 731.252 590.872 793.064 555.57 C 833.817 532.295 877.162 522.214 923.903 535.121 C 967.768 547.234 993.155 579.253 992.716 622.158 C 992.448 648.531 977.892 668.193 960.52 685.881 C 944.315 702.38 927.069 717.82 915.549 738.269 C 886.913 789.075 912.656 842.153 954.987 859.494 C 971.318 866.189 987.304 862.755 1002.068 853.967 C 1008.752 849.989 1014.898 845.12 1021.467 840.523 C 1021.817 844.202 1019.023 846.848 1017.139 849.691 C 987.605 894.09 933.786 902.638 890.387 869.896 C 850.702 839.952 839.581 789.249 861.516 741.932 C 872.719 717.771 890.836 699.038 908.69 680.175 C 920.205 668.008 930.932 655.21 938.881 640.809 C 953.009 615.224 943.762 585.623 917.702 570.694 C 892.6 556.315 865.487 553.478 837.515 560.619 C 804.897 568.95 778.015 587.514 753.264 609.202 C 714.187 643.444 682.368 683.893 652.977 726.368 C 637.523 748.703 622.178 771.158 602.894 790.559 C 597.838 795.646 592.469 800.395 586.01 803.656 C 576.341 808.536 568.709 805.819 564.573 795.738 C 558.766 781.592 558.668 766.571 559.084 751.692 C 560.108 714.841 561.697 678.013 562.869 641.167 C 563.132 632.76 562.53 624.332 562.469 615.914 C 562.431 610.588 561.445 604.686 556.777 602.578 C 551.277 600.089 547.157 605.828 544.413 609.441 C 533.566 623.723 523.491 638.57 513.17 653.237 C 487.411 689.843 462.786 727.243 435.361 762.67 C 431.203 768.044 426.009 772.593 419.983 775.951 C 409.169 781.978 400.754 779.185 396.163 767.675 C 391.414 755.768 390.806 743.182 392.159 730.634 C 395.928 695.631 403.104 661.074 405.531 625.875 C 408.084 588.899 407.876 552.163 398.656 515.937 C 395.04 501.721 389.989 488.097 381.755 475.821 C 362.022 446.404 328.533 436.193 295.499 449.426 C 280.773 455.322 268.354 464.751 255.995 474.5 Z " fill="none" vector-effect="non-scaling-stroke" stroke-width="7" stroke="rgb(41,175,182)" stroke-linejoin="miter" stroke-linecap="butt" stroke-miterlimit="10"/><path d=" M 688.46 106.369 C 1207.04 172.31 1185.039 618.305 1177.046 697.397 C 1229.983 283.954 983.403 116.906 812.649 51.476 C 707.98 11.37 593.882 0.268 483.554 20.723 C 142.001 84.05 46.651 397.652 46.651 397.652 C 1.739 517.03 3.158 625.076 22.425 713.467 C 49.061 835.436 117.601 944.178 213.236 1025.227 C 446.975 1223.43 606.515 1175.222 611.446 1173.646 C 400.689 1172.711 248.221 1014.847 248.221 1014.847 C 2.21 751.469 128.672 454.284 128.672 454.284 C 150.536 539.468 223.157 592.975 223.157 592.975 C 177.978 530.36 184.88 456.583 198.384 406.184 C 210.02 363.002 232.125 323.098 263.188 290.714 C 263.188 290.714 416.203 91.968 688.46 106.369 Z " fill="rgb(55,58,65)"/></g></svg>
\ No newline at end of file
diff --git a/public/logo.png b/public/logo.png
index a9d6c74..728c34e 100644
Binary files a/public/logo.png and b/public/logo.png differ
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 926af23..83c1ab6 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -44,9 +44,7 @@ const currentYear = new Date().getFullYear();
       <!-- Company Info -->
       <div class="lg:col-span-1">
         <a href="/" class="inline-flex items-center gap-2 mb-4 group" aria-label="WorkRoot IT Solutions LLP - Home">
-          <div class="w-10 h-10 bg-primary rounded-lg flex items-center justify-center transition-transform group-hover:scale-105" aria-hidden="true">
-            <span class="text-white font-bold text-lg">W</span>
-          </div>
+          <img src="/favicon.svg" alt="WorkRoot" width="40" height="40" class="w-10 h-10 transition-transform group-hover:scale-105" />
           <span class="text-xl font-bold text-white">WorkRoot</span>
         </a>
         <p class="text-secondary-400 text-sm leading-relaxed mb-6">
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 888a15b..a13ebe8 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -33,9 +33,13 @@ const currentPath = Astro.url.pathname;
     <nav class="flex items-center justify-between h-16 lg:h-20" aria-label="Main navigation">
       <!-- Logo -->
       <a href="/" class="flex items-center gap-2 group" aria-label="WorkRoot IT Solutions LLP - Home">
-        <div class="w-10 h-10 bg-primary rounded-lg flex items-center justify-center transition-transform group-hover:scale-105">
-          <span class="text-white font-bold text-xl">W</span>
-        </div>
+        <img
+          src="/favicon.svg"
+          alt="WorkRoot"
+          width="40"
+          height="40"
+          class="w-10 h-10 transition-transform group-hover:scale-105"
+        />
         <div class="hidden sm:block">
           <span class="font-bold text-xl text-secondary dark:text-white">WorkRoot</span>
           <span class="text-primary font-semibold text-sm block -mt-1">IT Solutions</span>
@@ -141,9 +145,7 @@ const currentPath = Astro.url.pathname;
       <!-- Mobile Menu Header -->
       <div class="flex items-center justify-between p-4 border-b border-secondary-100 dark:border-secondary-800">
         <a href="/" class="flex items-center gap-2" aria-label="WorkRoot IT Solutions LLP - Home">
-          <div class="w-8 h-8 bg-primary rounded-lg flex items-center justify-center" aria-hidden="true">
-            <span class="text-white font-bold text-lg">W</span>
-          </div>
+          <img src="/favicon.svg" alt="WorkRoot" width="32" height="32" class="w-8 h-8" />
           <span class="font-bold text-lg text-secondary dark:text-white">WorkRoot</span>
         </a>
         <button
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index b2d590c..dca8eb3 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -49,6 +49,7 @@ const fullTitle = title === 'Home' ? siteName : `${title} | ${siteName}`;
 
     <!-- Favicon -->
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
 
     <!-- PWA Manifest -->