diff --git a/about/index.html b/about/index.html
index 2624077..30584fa 100644
--- a/about/index.html
+++ b/about/index.html
@@ -94,8 +94,7 @@
 </head>
 
 <body class="about-body">
-
-    <nav class="navbar">
+    <nav class="navbar glass-nav">
         <div>
             <a href="/" class="brand">
                 <img src="/images/logo.jpeg" alt="Vimal Tech Java Developer Logo" class="logo" loading="lazy">
@@ -114,7 +113,7 @@
             <li><a href="/expertise">Expertise</a></li>
             <li class="dropdown">
                 <a href="/about" class="dropdown-toggle active">About Me</a>
-                <ul class="dropdown-menu">
+                <ul class="dropdown-menu glass-dropdown">
                     <li><a href="/aboutUs">About Us</a></li>
                 </ul>
             </li>
@@ -351,52 +350,56 @@ <h2 class="title" style="margin-top:12px">
 
     <!-- Footer -->
     <footer class="site-footer">
-        <div class="footer-divider"></div>
+        <div class="footer-divider-top"></div>
         <div class="footer-container">
 
-            <!-- LEFT : Business -->
             <div class="footer-left">
-                <h3>Vimal Tech</h3>
-                <div class="brand-divider-left"></div>
-                <p class="tagline">
-                    Freelance Software Development Services
-                </p>
-
-                <p class="studio-line">
-                    Independent Software Development Studio
-                </p>
-
-                <div class="brand-divider-left"></div>
-
-                <p class="msme">
-                    MSME Registered Micro Enterprise<br />
-                    Under the Ministry of Micro, Small and Medium Enterprises<br />
-                    Government of India
-                </p>
-                <div class="brand-divider-left"></div>
-                <p class="udyam">
-                    Udyam Registration Number: UDYAM-GJ-25-0089795
-                </p>
+                <div class="footer-brand-header">
+                    <a href="/" class="brand">
+                        <img src="/images/vimal-logo-transparent.png" alt="Vimal Tech Logo" class="footer-logo">
+                        <h3>Vimal Tech</h3>
+                    </a>
+                </div>
+                <div class="brand-divider"></div>
+                <p class="tagline">Freelance Software Development Services</p>
+                <p class="studio-line">Independent Software Development Studio</p>
+                <div class="brand-divider"></div>
+                <div class="msme-header">
+                    <a href="https://udyamregistration.gov.in/" class="brand" target="_blank" rel="noopener">
+                        <img src="/images/msme-logo-transparent.png" alt="MSME Logo" class="msme-logo">
+                        <div class="msme-text-block">
+                            <p class="msme"><strong>MSME Registered Micro Enterprise</strong></p>
+                            <p class="studio-line">Under the Ministry of Micro, Small and Medium
+                                Enterprises<br />Government of India
+                            </p>
+                        </div>
+                    </a>
+                </div>
+                <div class="brand-divider"></div>
+                <p class="udyam">Udyam Registration Number: <strong>UDYAM-GJ-25-0089795</strong></p>
                 <p class="udyam-verify">
                     <a href="https://udyamregistration.gov.in/Udyam_Verify.aspx" target="_blank" rel="noopener">
-                        ✓ Verify MSME Registration
+                        <i class="fas fa-check-circle"></i> Verify MSME Registration
                     </a>
                 </p>
             </div>
 
-            <!-- CENTER : Contact -->
             <div class="footer-center">
                 <h3>Vimal Patel</h3>
-                <div class="brand-divider-center"></div>
-                <p>Founder & Software Developer</p>
+                <div class="brand-divider"></div>
+                <p class="role-highlight">Founder & Software Developer</p>
 
-                <div class="brand-divider-center"></div>
+                <div class="brand-divider"></div>
 
-                <p>Phone: <a href="tel:+919638474047">+91 9638 474047</a></p>
-                <p>Email: <a href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a></p>
-                <p>Valsad, Gujarat, India - 396001</p>
+                <ul class="footer-contact-list">
+                    <li><i class="fas fa-phone-alt"></i> <a href="tel:+919638474047">+91 9638 474047</a></li>
+                    <li><i class="fas fa-envelope"></i> <a
+                            href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a>
+                    </li>
+                    <li><i class="fas fa-map-marker-alt"></i> Valsad, Gujarat, India - 396001</li>
+                </ul>
 
-                <div class="brand-divider-center"></div>
+                <div class="brand-divider"></div>
 
                 <p>Follow me on social media:</p>
                 <div class="footer-social">
@@ -411,20 +414,21 @@ <h3>Vimal Patel</h3>
                 </div>
             </div>
 
-            <!-- RIGHT : Quick Links -->
             <div class="footer-links">
                 <h3>Quick Links</h3>
-                <div class="brand-divider-right"></div>
-                <p><a href="/">Home</a></p>
-                <p><a href="/services">Services</a></p>
-                <p><a href="/expertise">Expertise</a></p>
-                <p><a href="/aboutUs">About Us</a></p>
-                <p><a href="/contactUs">Contact</a></p>
+                <div class="brand-divider right-align-divider"></div>
+                <ul class="quick-links-list">
+                    <li><a href="/"><i class="fas fa-angle-right"></i> Home</a></li>
+                    <li><a href="/services"><i class="fas fa-angle-right"></i> Services</a></li>
+                    <li><a href="/expertise"><i class="fas fa-angle-right"></i> Expertise</a></li>
+                    <li><a href="/aboutUs"><i class="fas fa-angle-right"></i> About Us</a></li>
+                    <li><a href="/contactUs"><i class="fas fa-angle-right"></i> Contact</a></li>
+                </ul>
             </div>
-
         </div>
+
         <div class="footer-bottom">
-            <p>© 2026 Vimal Tech. All rights reserved.</p>
+            <p>&copy; 2026 Vimal Tech. All rights reserved.</p>
         </div>
     </footer>
 
diff --git a/aboutUs/index.html b/aboutUs/index.html
index 80e28b8..7743647 100644
--- a/aboutUs/index.html
+++ b/aboutUs/index.html
@@ -63,7 +63,7 @@
 </head>
 
 <body>
-    <nav class="navbar">
+    <nav class="navbar glass-nav">
         <div>
             <a href="/" class="brand">
                 <img src="/images/logo.jpeg" alt="Vimal Tech Java Developer Logo" class="logo" loading="lazy">
@@ -80,7 +80,7 @@
             <li><a href="/expertise">Expertise</a></li>
             <li class="dropdown">
                 <a href="/aboutUs" class="dropdown-toggle active">About Us</a>
-                <ul class="dropdown-menu">
+                <ul class="dropdown-menu glass-dropdown">
                     <li><a href="/about">About Me</a></li>
                 </ul>
             </li>
@@ -96,10 +96,10 @@
         <div class="gradient-overlay"></div>
         <div class="hero-content">
             <h1>About <span class="gradient-text">Vimal Tech</span></h1>
-            <p class="hero-subtext" style="font-size: 1.4rem; font-weight: 500; color: #fff;">
+            <p class="hero-subtext">
                 Innovation Through Code. Reliability Through Partnership.
             </p>
-            <p style="color: #94a3b8; font-size: 1.1rem; max-width: 700px; margin: 0 auto;">
+            <p style="color: #94a3b8;">
                 We specialize in building
                 <span class="highlight-text">the digital backbone</span> of modern businesses, engineering systems that
                 help you
@@ -226,45 +226,57 @@ <h2 class="cta-title">Our Mission</h2>
 
     <!-- Footer -->
     <footer class="site-footer">
-        <div class="footer-divider"></div>
+        <div class="footer-divider-top"></div>
         <div class="footer-container">
-            <!-- LEFT : Business -->
+
             <div class="footer-left">
-                <h3>Vimal Tech</h3>
-                <div class="brand-divider-left"></div>
-                <p class="tagline">
-                    Freelance Software Development Services
-                </p>
-                <p class="studio-line">
-                    Independent Software Development Studio
-                </p>
-                <div class="brand-divider-left"></div>
-                <p class="msme">
-                    MSME Registered Micro Enterprise<br />
-                    Under the Ministry of Micro, Small and Medium Enterprises<br />
-                    Government of India
-                </p>
-                <div class="brand-divider-left"></div>
-                <p class="udyam">
-                    Udyam Registration Number: UDYAM-GJ-25-0089795
-                </p>
+                <div class="footer-brand-header">
+                    <a href="/" class="brand">
+                        <img src="/images/vimal-logo-transparent.png" alt="Vimal Tech Logo" class="footer-logo">
+                        <h3>Vimal Tech</h3>
+                    </a>
+                </div>
+                <div class="brand-divider"></div>
+                <p class="tagline">Freelance Software Development Services</p>
+                <p class="studio-line">Independent Software Development Studio</p>
+                <div class="brand-divider"></div>
+                <div class="msme-header">
+                    <a href="https://udyamregistration.gov.in/" class="brand" target="_blank" rel="noopener">
+                        <img src="/images/msme-logo-transparent.png" alt="MSME Logo" class="msme-logo">
+                        <div class="msme-text-block">
+                            <p class="msme"><strong>MSME Registered Micro Enterprise</strong></p>
+                            <p class="studio-line">Under the Ministry of Micro, Small and Medium
+                                Enterprises<br />Government of India
+                            </p>
+                        </div>
+                    </a>
+                </div>
+                <div class="brand-divider"></div>
+                <p class="udyam">Udyam Registration Number: <strong>UDYAM-GJ-25-0089795</strong></p>
                 <p class="udyam-verify">
                     <a href="https://udyamregistration.gov.in/Udyam_Verify.aspx" target="_blank" rel="noopener">
-                        ✓ Verify MSME Registration
+                        <i class="fas fa-check-circle"></i> Verify MSME Registration
                     </a>
                 </p>
             </div>
-
-            <!-- CENTER : Contact -->
+            
             <div class="footer-center">
                 <h3>Vimal Patel</h3>
-                <div class="brand-divider-center"></div>
-                <p>Founder & Software Developer</p>
-                <div class="brand-divider-center"></div>
-                <p>Phone: <a href="tel:+919638474047">+91 9638 474047</a></p>
-                <p>Email: <a href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a></p>
-                <p>Valsad, Gujarat, India - 396001</p>
-                <div class="brand-divider-center"></div>
+                <div class="brand-divider"></div>
+                <p class="role-highlight">Founder & Software Developer</p>
+
+                <div class="brand-divider"></div>
+
+                <ul class="footer-contact-list">
+                    <li><i class="fas fa-phone-alt"></i> <a href="tel:+919638474047">+91 9638 474047</a></li>
+                    <li><i class="fas fa-envelope"></i> <a
+                            href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a>
+                    </li>
+                    <li><i class="fas fa-map-marker-alt"></i> Valsad, Gujarat, India - 396001</li>
+                </ul>
+
+                <div class="brand-divider"></div>
+
                 <p>Follow me on social media:</p>
                 <div class="footer-social">
                     <a href="https://github.com/vimal-tech-dev" target="_blank" rel="noopener"
@@ -278,20 +290,21 @@ <h3>Vimal Patel</h3>
                 </div>
             </div>
 
-            <!-- RIGHT : Quick Links -->
             <div class="footer-links">
                 <h3>Quick Links</h3>
-                <div class="brand-divider-right"></div>
-                <p><a href="/">Home</a></p>
-                <p><a href="/services">Services</a></p>
-                <p><a href="/expertise">Expertise</a></p>
-                <p><a href="/aboutUs">About Us</a></p>
-                <p><a href="/contactUs">Contact</a></p>
+                <div class="brand-divider right-align-divider"></div>
+                <ul class="quick-links-list">
+                    <li><a href="/"><i class="fas fa-angle-right"></i> Home</a></li>
+                    <li><a href="/services"><i class="fas fa-angle-right"></i> Services</a></li>
+                    <li><a href="/expertise"><i class="fas fa-angle-right"></i> Expertise</a></li>
+                    <li><a href="/aboutUs"><i class="fas fa-angle-right"></i> About Us</a></li>
+                    <li><a href="/contactUs"><i class="fas fa-angle-right"></i> Contact</a></li>
+                </ul>
             </div>
-
         </div>
+
         <div class="footer-bottom">
-            <p>© 2026 Vimal Tech. All rights reserved.</p>
+            <p>&copy; 2026 Vimal Tech. All rights reserved.</p>
         </div>
     </footer>
 
diff --git a/contact/index.html b/contact/index.html
index 0095769..30eb60a 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -86,8 +86,7 @@
 </head>
 
 <body class="contact-body">
-
-    <nav class="navbar">
+    <nav class="navbar glass-nav">
         <div>
             <a href="/" class="brand">
                 <img src="/images/logo.jpeg" alt="Vimal Tech Java Developer Logo" class="logo" loading="lazy">
@@ -107,7 +106,7 @@
             <li><a href="/aboutUs">About Us</a></li>
             <li class="dropdown">
                 <a href="/contact" class="dropdown-toggle active">Contact Form</a>
-                <ul class="dropdown-menu">
+                <ul class="dropdown-menu glass-dropdown">
                     <li><a href="/contactUs">Contact</a></li>
                 </ul>
             </li>
@@ -285,52 +284,56 @@ <h5 style="font-weight: bold; color: seagreen;">
 
     <!-- Footer -->
     <footer class="site-footer">
-        <div class="footer-divider"></div>
+        <div class="footer-divider-top"></div>
         <div class="footer-container">
 
-            <!-- LEFT : Business -->
             <div class="footer-left">
-                <h3>Vimal Tech</h3>
-                <div class="brand-divider-left"></div>
-                <p class="tagline">
-                    Freelance Software Development Services
-                </p>
-
-                <p class="studio-line">
-                    Independent Software Development Studio
-                </p>
-
-                <div class="brand-divider-left"></div>
-
-                <p class="msme">
-                    MSME Registered Micro Enterprise<br />
-                    Under the Ministry of Micro, Small and Medium Enterprises<br />
-                    Government of India
-                </p>
-                <div class="brand-divider-left"></div>
-                <p class="udyam">
-                    Udyam Registration Number: UDYAM-GJ-25-0089795
-                </p>
+                <div class="footer-brand-header">
+                    <a href="/" class="brand">
+                        <img src="/images/vimal-logo-transparent.png" alt="Vimal Tech Logo" class="footer-logo">
+                        <h3>Vimal Tech</h3>
+                    </a>
+                </div>
+                <div class="brand-divider"></div>
+                <p class="tagline">Freelance Software Development Services</p>
+                <p class="studio-line">Independent Software Development Studio</p>
+                <div class="brand-divider"></div>
+                <div class="msme-header">
+                    <a href="https://udyamregistration.gov.in/" class="brand" target="_blank" rel="noopener">
+                        <img src="/images/msme-logo-transparent.png" alt="MSME Logo" class="msme-logo">
+                        <div class="msme-text-block">
+                            <p class="msme"><strong>MSME Registered Micro Enterprise</strong></p>
+                            <p class="studio-line">Under the Ministry of Micro, Small and Medium
+                                Enterprises<br />Government of India
+                            </p>
+                        </div>
+                    </a>
+                </div>
+                <div class="brand-divider"></div>
+                <p class="udyam">Udyam Registration Number: <strong>UDYAM-GJ-25-0089795</strong></p>
                 <p class="udyam-verify">
                     <a href="https://udyamregistration.gov.in/Udyam_Verify.aspx" target="_blank" rel="noopener">
-                        ✓ Verify MSME Registration
+                        <i class="fas fa-check-circle"></i> Verify MSME Registration
                     </a>
                 </p>
             </div>
 
-            <!-- CENTER : Contact -->
             <div class="footer-center">
                 <h3>Vimal Patel</h3>
-                <div class="brand-divider-center"></div>
-                <p>Founder & Software Developer</p>
+                <div class="brand-divider"></div>
+                <p class="role-highlight">Founder & Software Developer</p>
 
-                <div class="brand-divider-center"></div>
+                <div class="brand-divider"></div>
 
-                <p>Phone: <a href="tel:+919638474047">+91 9638 474047</a></p>
-                <p>Email: <a href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a></p>
-                <p>Valsad, Gujarat, India - 396001</p>
+                <ul class="footer-contact-list">
+                    <li><i class="fas fa-phone-alt"></i> <a href="tel:+919638474047">+91 9638 474047</a></li>
+                    <li><i class="fas fa-envelope"></i> <a
+                            href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a>
+                    </li>
+                    <li><i class="fas fa-map-marker-alt"></i> Valsad, Gujarat, India - 396001</li>
+                </ul>
 
-                <div class="brand-divider-center"></div>
+                <div class="brand-divider"></div>
 
                 <p>Follow me on social media:</p>
                 <div class="footer-social">
@@ -345,20 +348,21 @@ <h3>Vimal Patel</h3>
                 </div>
             </div>
 
-            <!-- RIGHT : Quick Links -->
             <div class="footer-links">
                 <h3>Quick Links</h3>
-                <div class="brand-divider-right"></div>
-                <p><a href="/">Home</a></p>
-                <p><a href="/services">Services</a></p>
-                <p><a href="/expertise">Expertise</a></p>
-                <p><a href="/aboutUs">About Us</a></p>
-                <p><a href="/contactUs">Contact</a></p>
+                <div class="brand-divider right-align-divider"></div>
+                <ul class="quick-links-list">
+                    <li><a href="/"><i class="fas fa-angle-right"></i> Home</a></li>
+                    <li><a href="/services"><i class="fas fa-angle-right"></i> Services</a></li>
+                    <li><a href="/expertise"><i class="fas fa-angle-right"></i> Expertise</a></li>
+                    <li><a href="/aboutUs"><i class="fas fa-angle-right"></i> About Us</a></li>
+                    <li><a href="/contactUs"><i class="fas fa-angle-right"></i> Contact</a></li>
+                </ul>
             </div>
-
         </div>
+
         <div class="footer-bottom">
-            <p>© 2026 Vimal Tech. All rights reserved.</p>
+            <p>&copy; 2026 Vimal Tech. All rights reserved.</p>
         </div>
     </footer>
 
diff --git a/contactUs/index.html b/contactUs/index.html
index 2d69d63..3021eba 100644
--- a/contactUs/index.html
+++ b/contactUs/index.html
@@ -51,7 +51,7 @@
 </head>
 
 <body>
-    <nav class="navbar">
+    <nav class="navbar glass-nav">
         <div>
             <a href="/" class="brand">
                 <img src="/images/logo.jpeg" alt="Vimal Tech Java Developer Logo" class="logo" loading="lazy">
@@ -69,7 +69,7 @@
             <li><a href="/aboutUs">About Us</a></li>
             <li class="dropdown">
                 <a href="/contactUs" class="dropdown-toggle active">Contact</a>
-                <ul class="dropdown-menu">
+                <ul class="dropdown-menu glass-dropdown">
                     <li><a href="/contact">Contact Form</a></li>
                 </ul>
             </li>
@@ -84,12 +84,12 @@
         <div class="gradient-overlay"></div>
         <div class="hero-content">
             <h1>Contact <span class="gradient-text">Vimal Tech</span></h1>
-            <p class="hero-subtext" style="font-size: 1.4rem; font-weight: 500; color: #fff;">
+            <p class="hero-subtext">
                 Get in Touch to fulfill your desired requirements.
                 <i class="fas fa-arrow-right" style="margin-left:8px; margin-right:8px;"></i>
                 Expert Software Solutions.
             </p>
-            <p style="color: #94a3b8; font-size: 1.1rem; max-width: 600px; margin: 0 auto;">
+            <p style="color: #94a3b8;">
                 Have a project in your
                 <span class="highlight-text">mind</span> or need
                 <span class="highlight-text">technical support?</span> Reach out to us directly. We are ready
@@ -150,15 +150,12 @@ <h3 style="margin-bottom: 20px; font-family: var(--font-primary);">Put Quick Det
                     <div class="card-content">
                         <div class="input-group">
                             <label for="name">Your Name:</label>
-                            <!-- <input type="text" id="name" placeholder="John Doe" required> -->
                         </div>
                         <div class="input-group">
                             <label for="email">Email Address:</label>
-                            <!-- <input type="email" id="email" placeholder="xxx@example.com" required> -->
                         </div>
                         <div class="input-group">
                             <label for="message">Project Requirements:</label>
-                            <!-- <textarea id="message" rows="5" placeholder="Tell me about your project requirements..." required></textarea> -->
                         </div>
                         <a href="/contact" target="_blank" class="btn primary glow-btn"
                             style="width: 100%; border: none; cursor: pointer;">
@@ -195,45 +192,57 @@ <h4 class="mobile-card-content">Official Registration</h4>
 
     <!-- Footer -->
     <footer class="site-footer">
-        <div class="footer-divider"></div>
+        <div class="footer-divider-top"></div>
         <div class="footer-container">
-            <!-- LEFT : Business -->
+
             <div class="footer-left">
-                <h3>Vimal Tech</h3>
-                <div class="brand-divider-left"></div>
-                <p class="tagline">
-                    Freelance Software Development Services
-                </p>
-                <p class="studio-line">
-                    Independent Software Development Studio
-                </p>
-                <div class="brand-divider-left"></div>
-                <p class="msme">
-                    MSME Registered Micro Enterprise<br />
-                    Under the Ministry of Micro, Small and Medium Enterprises<br />
-                    Government of India
-                </p>
-                <div class="brand-divider-left"></div>
-                <p class="udyam">
-                    Udyam Registration Number: UDYAM-GJ-25-0089795
-                </p>
+                <div class="footer-brand-header">
+                    <a href="/" class="brand">
+                        <img src="/images/vimal-logo-transparent.png" alt="Vimal Tech Logo" class="footer-logo">
+                        <h3>Vimal Tech</h3>
+                    </a>
+                </div>
+                <div class="brand-divider"></div>
+                <p class="tagline">Freelance Software Development Services</p>
+                <p class="studio-line">Independent Software Development Studio</p>
+                <div class="brand-divider"></div>
+                <div class="msme-header">
+                    <a href="https://udyamregistration.gov.in/" class="brand" target="_blank" rel="noopener">
+                        <img src="/images/msme-logo-transparent.png" alt="MSME Logo" class="msme-logo">
+                        <div class="msme-text-block">
+                            <p class="msme"><strong>MSME Registered Micro Enterprise</strong></p>
+                            <p class="studio-line">Under the Ministry of Micro, Small and Medium
+                                Enterprises<br />Government of India
+                            </p>
+                        </div>
+                    </a>
+                </div>
+                <div class="brand-divider"></div>
+                <p class="udyam">Udyam Registration Number: <strong>UDYAM-GJ-25-0089795</strong></p>
                 <p class="udyam-verify">
                     <a href="https://udyamregistration.gov.in/Udyam_Verify.aspx" target="_blank" rel="noopener">
-                        ✓ Verify MSME Registration
+                        <i class="fas fa-check-circle"></i> Verify MSME Registration
                     </a>
                 </p>
             </div>
 
-            <!-- CENTER : Contact -->
             <div class="footer-center">
                 <h3>Vimal Patel</h3>
-                <div class="brand-divider-center"></div>
-                <p>Founder & Software Developer</p>
-                <div class="brand-divider-center"></div>
-                <p>Phone: <a href="tel:+919638474047">+91 9638 474047</a></p>
-                <p>Email: <a href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a></p>
-                <p>Valsad, Gujarat, India - 396001</p>
-                <div class="brand-divider-center"></div>
+                <div class="brand-divider"></div>
+                <p class="role-highlight">Founder & Software Developer</p>
+
+                <div class="brand-divider"></div>
+
+                <ul class="footer-contact-list">
+                    <li><i class="fas fa-phone-alt"></i> <a href="tel:+919638474047">+91 9638 474047</a></li>
+                    <li><i class="fas fa-envelope"></i> <a
+                            href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a>
+                    </li>
+                    <li><i class="fas fa-map-marker-alt"></i> Valsad, Gujarat, India - 396001</li>
+                </ul>
+
+                <div class="brand-divider"></div>
+
                 <p>Follow me on social media:</p>
                 <div class="footer-social">
                     <a href="https://github.com/vimal-tech-dev" target="_blank" rel="noopener"
@@ -247,20 +256,21 @@ <h3>Vimal Patel</h3>
                 </div>
             </div>
 
-            <!-- RIGHT : Quick Links -->
             <div class="footer-links">
                 <h3>Quick Links</h3>
-                <div class="brand-divider-right"></div>
-                <p><a href="/">Home</a></p>
-                <p><a href="/services">Services</a></p>
-                <p><a href="/expertise">Expertise</a></p>
-                <p><a href="/aboutUs">About Us</a></p>
-                <p><a href="/contactUs">Contact</a></p>
+                <div class="brand-divider right-align-divider"></div>
+                <ul class="quick-links-list">
+                    <li><a href="/"><i class="fas fa-angle-right"></i> Home</a></li>
+                    <li><a href="/services"><i class="fas fa-angle-right"></i> Services</a></li>
+                    <li><a href="/expertise"><i class="fas fa-angle-right"></i> Expertise</a></li>
+                    <li><a href="/aboutUs"><i class="fas fa-angle-right"></i> About Us</a></li>
+                    <li><a href="/contactUs"><i class="fas fa-angle-right"></i> Contact</a></li>
+                </ul>
             </div>
-
         </div>
+
         <div class="footer-bottom">
-            <p>© 2026 Vimal Tech. All rights reserved.</p>
+            <p>&copy; 2026 Vimal Tech. All rights reserved.</p>
         </div>
     </footer>
 
diff --git a/css/dropdown.css b/css/dropdown.css
index fade259..70bb42a 100644
--- a/css/dropdown.css
+++ b/css/dropdown.css
@@ -1,4 +1,5 @@
 /* ===== Dropdown Base ===== */
+/* ===== Dropdown Menu (Glassmorphic) ===== */
 .dropdown {
     position: relative;
 }
@@ -8,18 +9,51 @@
     display: inline-block;
 }
 
+/* 1. The Default State */
 /* Dropdown menu hidden by default */
 .dropdown-menu {
     display: none;
     position: absolute;
-    background-color: #333;
-    top: 100%;
-    left: 0;
+    /* top: 150%; */
+    left: -10px;
     min-width: 180px;
-    border-radius: 6px;
-    padding: 10px 0;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+    border-radius: 12px;
+    padding: 12px 0;
     z-index: 1000;
+    opacity: 0;
+    transform: translateY(10px);
+    /* transition: opacity 0.3s ease, transform 0.3s ease; */
+
+    visibility: hidden;
+    /* ADD THIS: A small delay (0.2s) when mouse leaves so it doesn't flicker shut */
+    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.2s;
+    /* CRITICAL: Ensure there's no physical gap. 
+       If your menu is lower down, use a transparent border to bridge the gap */
+    border-top: 10px solid transparent;
+    /* margin-top: -10px; */
+}
+
+/* 2. The Hover State */
+/* Show dropdown on hover */
+.dropdown:hover .dropdown-menu,
+.dropdown-menu:hover {
+    opacity: 1;
+    visibility: visible;
+    transform: translateY(0);
+
+    /* Remove the delay on hover-in so it feels instant */
+    transition-delay: 0s;
+}
+
+.dropdown:hover .dropdown-menu {
+    display: block;
+}
+
+.glass-dropdown {
+    background: rgba(255, 255, 255, 0.9);
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255, 255, 255, 0.5);
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }
 
 /* Dropdown menu links */
@@ -39,6 +73,23 @@
     background-color: #444;
 }
 
+.dropdown-menu li {
+    padding: 8px 20px;
+}
+
+.dropdown-menu li a {
+    color: #475569 !important;
+    font-size: 1rem;
+    display: block;
+    width: 100%;
+}
+
+.dropdown-menu li a:hover {
+    color: #ff9800 !important;
+    transform: translateX(5px);
+    /* Slide right on hover */
+}
+
 /* Arrow indicator (base) */
 .dropdown-toggle::after {
     content: "▾";
@@ -52,48 +103,26 @@
     transform: rotate(180deg);
 }
 
-/* ===== Desktop Hover Dropdown ===== */
-@media (min-width: 769px) {
-    .dropdown:hover .dropdown-menu {
-        display: block;
-    }
-
-    .dropdown-menu {
-        position: absolute;
-        background: #333;
-        padding: 0.5rem 1rem;
-        border-radius: 5px;
-        z-index: 100;
-    }
-}
-
 /* ===== Mobile Dropdown and Hamburger ===== */
 @media (max-width: 768px) {
-    .nav-links {
-        flex-direction: column;
-        display: none;
-    }
-
-    .nav-links.active {
-        display: flex;
-    }
-
-    .hamburger {
-        display: block;
-        font-size: 28px;
-        cursor: pointer;
-    }
-
     .dropdown-menu {
         position: static;
         /* Prevents overlap */
-        background: #333;
-        padding-left: 16px;
-        border-radius: 5px;
+        /* background: #333; */
+        box-shadow: none;
+        background: transparent;
+        border: none;
+        display: none;
+        /* Handled by mobile JS */
         width: 100%;
+        /* padding-left: 16px; */
+        border-radius: 10px;
         overflow: hidden;
         max-height: 0;
         transition: max-height 0.3s ease;
+
+        background: rgba(30, 41, 59, 0.85);
+        /* order work for this BG */
     }
 
     .dropdown.open .dropdown-menu {
@@ -101,25 +130,10 @@
         /* Adjust as needed */
     }
 
-    .dropdown-toggle {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        width: 100%;
-    }
-
-    .dropdown-toggle::after {
-        content: "▾";
-        margin-left: 8px;
-        transition: transform 0.3s;
-    }
-
-    .dropdown.open .dropdown-toggle::after {
-        transform: rotate(180deg);
-    }
-
     .dropdown-menu li a {
+        color: #ffffff !important;
+        font-size: 1rem;
         display: block;
-        padding: 8px 0;
+        width: 100%;
     }
 }
\ No newline at end of file
diff --git a/css/global.css b/css/global.css
index 1012fe1..488ba01 100644
--- a/css/global.css
+++ b/css/global.css
@@ -79,128 +79,144 @@ p {
 }
 
 /* ===================================================
-   ===== Navbar =====
+   ===== Common Navbar (Glassmorphic) =====
 =================================================== */
 .navbar {
     display: flex;
     justify-content: space-between;
-    background-color: var(--nav-bg);
-    padding: 0.2rem 0.8rem;
+    align-items: center;
+    padding: 0.5rem 1.2rem;
     position: fixed;
-    top: 10px;
+    top: 15px;
     left: 20px;
     right: 20px;
     z-index: 1000;
-    border-radius: 12px;
-    align-items: center;
+    border-radius: 16px;
+    transition: all 0.3s ease;
 }
 
+/* Light Mode Glass Effect */
+/* .glass-nav {
+    background: rgba(255, 255, 255, 0.75);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
+    border: 1px solid rgba(255, 255, 255, 0.4);
+    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
+} */
+
+.glass-nav {
+    /* 1. Lowered opacity (0.3) so the blur is more visible */
+    background: rgba(255, 255, 255, 0.3);
+
+    /* 2. Increased blur to a heavy but stable range */
+    backdrop-filter: blur(40px);
+    -webkit-backdrop-filter: blur(40px);
+
+    /* 3. Subtle border and shadow to define the edges */
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+
+    /* 4. Performance boost for heavy filters */
+    will-change: backdrop-filter;
+}
+
+
 /* Brand container (logo + name) */
 .brand {
     display: flex;
     align-items: center;
-    gap: 10px;
+    gap: 12px;
     text-decoration: none;
     font-style: italic;
 }
 
-/* Logo image */
 .logo {
-    height: 50px;
-    width: 50px;
+    height: 45px;
+    width: 45px;
     object-fit: contain;
-    border-radius: 6px;
-    /* optional for a softer look */
+    border-radius: 8px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }
 
 .brand-name {
-    font-size: 2.4rem;
+    font-size: 2.2rem;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-family: 'Courier New', Courier, monospace;
     display: flex;
-    gap: 5px;
+    gap: 6px;
 }
 
 .brand-name-vimal {
-    color: #000000;
-    font-weight: 700;
+    color: #1e293b;
+    font-weight: 800;
+    transition: color 0.3s ease;
 }
 
 .brand-name-tech {
-    color: #a6e22e;
-    font-weight: 700;
-    /* neon green */
+    font-weight: 800;
 }
 
+/* Gradient Animation */
 .brand-gradient-text {
-    background: linear-gradient(90deg,
-            #000000,
-            #dcffa5,
-            #34ff7e,
-            #01628b);
-    background-size: 900% auto;
-
+    background: linear-gradient(90deg, #000000, #84cc16, #22c55e, #0ea5e9);
+    background-size: 300% auto;
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
-    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
     animation: gradientMove 4s linear infinite;
-    filter: drop-shadow(0 0 6px rgba(163, 230, 53, 0.4));
+    filter: drop-shadow(0 0 4px rgba(163, 230, 53, 0.3));
 }
 
+@keyframes gradientMove {
+    0% {
+        background-position: 0% center;
+    }
+
+    100% {
+        background-position: 200% center;
+    }
+}
+
+/* ===== Nav Links ===== */
 .nav-links {
     list-style: none;
     display: flex;
-    gap: 15px;
-    font-size: 22px;
+    gap: 25px;
     font-family: "Outfit", sans-serif;
-    font-optical-sizing: auto;
-    font-weight: 400;
-    font-style: normal;
+    font-size: 1.1rem;
+    font-weight: 500;
+    margin-right: 10px;
 }
 
 .nav-links li a {
     text-decoration: none;
-    transition: color 0.3s;
-    color: #333;
-}
-
-.nav-links li a.active,
-.nav-links li a.active:hover {
-    color: #003cff;
-    font-weight: 300;
+    color: #475569;
+    /* Slate grey for light mode */
+    transition: color 0.3s ease, transform 0.3s ease;
+    display: inline-block;
 }
 
+/* Hover State */
 .nav-links li a:hover {
-    color: #a51a01;
-}
-
-.nav-links ul li a:hover {
-    color: #a51a01;
-}
-
-.dropdown-menu {
-    display: none;
-    position: absolute;
-    background-color: #ffffff;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    padding: 10px;
-    z-index: 1000;
+    color: #ff9800;
+    /* Unified orange highlight */
+    transform: translateY(-2px);
 }
 
-.nav-links .dropdown li a {
-    color: #a6e22e;
-    /* neon green */
+/* Active State */
+.nav-links li a.active {
+    color: rgba(30, 41, 59, 0.85);
+    font-weight: 700;
 }
 
-/* Hamburger menu */
+/* Hamburger Menu */
 .hamburger {
     display: none;
     font-size: 28px;
     cursor: pointer;
     user-select: none;
+    color: #1e293b;
     transition: transform 0.3s ease;
 }
 
@@ -208,12 +224,80 @@ p {
     transform: rotate(180deg);
 }
 
-/* Media Queries */
+/* ===================================================
+   ===== DARK MODE NAV OVERRIDES =====
+=================================================== */
+body.dark {
+    background: #181818;
+    color: #e0e0e0;
+}
+
+/* background: rgba(15, 23, 42, 0.85); */
+/* Deep slate for dark mode */
+/* body.dark .glass-nav {
+    background: rgba(15, 23, 42, 0.85);
+    border-color: rgba(255, 255, 255, 0.08);
+    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
+} */
+
+body.dark .glass-nav {
+    /* 1. Dropped opacity to 0.45 to let the blur 'pop' */
+    background: rgba(15, 23, 42, 0.45);
+
+    /* 2. Increased blur to match the heavy light mode style */
+    backdrop-filter: blur(40px);
+    -webkit-backdrop-filter: blur(40px);
+
+    /* 3. Subtle light border to define the edge against the dark background */
+    border: 1px solid rgba(255, 255, 255, 0.1);
+
+    /* 4. Stronger shadow for depth */
+    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
+
+    /* 5. GPU optimization */
+    will-change: backdrop-filter;
+}
+
+
+body.dark .brand-name-vimal {
+    color: #ffffff;
+}
+
+body.dark .nav-links li a {
+    color: #cbd5e1;
+}
+
+body.dark .nav-links li a:hover,
+body.dark .nav-links li a.active {
+    color: #38bdf8;
+    /* Cyan highlight for dark mode */
+}
+
+body.dark .glass-dropdown {
+    background: rgba(30, 41, 59, 0.95);
+    border-color: rgba(255, 255, 255, 0.1);
+    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
+}
+
+body.dark .dropdown-menu li a {
+    color: #cbd5e1 !important;
+}
+
+body.dark .dropdown-menu li a:hover {
+    color: #38bdf8 !important;
+}
+
+body.dark .hamburger {
+    color: #ffffff;
+}
+
+/* ===== MOBILE RESPONSIVE ===== */
 @media (max-width: 768px) {
     .navbar {
         display: flex;
         justify-content: space-between;
-        align-items: center;
+        padding: 0.1rem 1rem;
+        top: 10px;
         left: 10px;
         right: 10px;
     }
@@ -224,7 +308,7 @@ p {
     }
 
     .brand-name {
-        font-size: 1.6rem;
+        font-size: 1.8rem;
         letter-spacing: 0.5px;
         text-transform: uppercase;
         font-display: block;
@@ -240,33 +324,46 @@ p {
         gap: 6px;
     }
 
+    .hamburger {
+        display: block;
+        font-size: 28px;
+        cursor: pointer;
+    }
+
     .nav-links {
         display: none;
         position: absolute;
-        top: 60px;
-        right: 0;
-        background-color: var(--nav-bg);
+        top: 55px;
+        right: -10px;
+        left: 0;
         flex-direction: column;
-        width: 300px;
-        padding: 10px;
-        border-radius: 5px;
+        gap: 15px;
+        padding: 20px;
+        background: rgba(255, 255, 255, 0.95);
+        backdrop-filter: blur(15px);
+        border-radius: 12px;
+        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+        text-align: center;
+        /* width: 300px; */
     }
 
     .nav-links li {
         margin: 10px 0;
     }
 
-    .hamburger {
-        display: block;
-    }
-
     body.dark .nav-links {
-        background: #4b76ad;
+        background: rgba(15, 23, 42, 0.95);
+        border: 1px solid rgba(255, 255, 255, 0.1);
     }
 
     .nav-links.active {
         display: flex;
     }
+
+    .nav-links li a.active {
+        color: #ff9800;
+        font-weight: 700;
+    }
 }
 
 /* =========================================
@@ -508,51 +605,6 @@ body.dark .section-title {
     transform: translateY(0);
 }
 
-/* ======================================================
-================ NavBar Dark mode ====================
-====================================================== */
-body.dark {
-    background: #181818;
-    color: #e0e0e0;
-}
-
-body.dark .navbar .brand-name-vimal {
-    color: #fff;
-}
-
-body.dark .navbar .brand-name-tech {
-    color: #000000;
-}
-
-body.dark .navbar {
-    background: #4b76ad;
-}
-
-/* body.dark nav ul li a {
-    color: rgb(201, 238, 99);
-    color: #e0e0e0;
-} */
-
-body.dark .nav-links a.active {
-    color: rgb(255, 255, 255);
-}
-
-body.dark nav ul li a:hover {
-    color: #a51a01;
-}
-
-body.dark .hamburger {
-    color: #000;
-}
-
-body.dark p {
-    color: #ccc;
-}
-
-body.dark .site-footer {
-    background: #0f172a;
-}
-
 /* ===================================================
    ===== Containers & Animations =====
 =================================================== */
@@ -579,29 +631,40 @@ body.dark .site-footer {
 /* ===================================================
    ===== Footer =====
 =================================================== */
+/* ===================================================
+   ===== Premium Footer =====
+=================================================== */
 
 .site-footer {
-    background: linear-gradient(180deg, #112c6d, #020617);
-    color: #e5ff7a;
-    padding: 60px 20px;
-    font-size: 18px;
+    background: #090e17;
+    /* Deep, rich tech slate */
+    color: #94a3b8;
+    /* Muted slate grey for readable text */
+    padding: 60px 20px 20px 20px;
+    font-size: 1rem;
+    position: relative;
+    border-top: 1px solid rgba(255, 255, 255, 0.05);
 }
 
-/* top divider */
-.footer-divider {
+/* Top Glow Divider */
+.footer-divider-top {
+    position: absolute;
+    top: 0;
+    left: 10%;
+    right: 10%;
     height: 1px;
-    background: rgb(208, 255, 0);
-    margin-bottom: 35px;
+    background: linear-gradient(90deg, transparent, var(--color-primary), var(--color-accent), transparent);
+    opacity: 0.5;
 }
 
-/* container */
+/* Container */
 .footer-container {
-    max-width: 1100px;
-    margin: auto;
+    max-width: 1150px;
+    margin: 0 auto;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
-    gap: 10px;
+    gap: 40px;
 }
 
 /* 3-Column Layout */
@@ -609,175 +672,291 @@ body.dark .site-footer {
 .footer-center,
 .footer-links {
     flex: 1;
-    /* max-width: 320px; */
 }
 
 .footer-center {
-    border-left: 1px solid rgb(208, 255, 0);
-    border-right: 1px solid rgb(208, 255, 0);
-    padding: 0 0 70px 10px;
+    border-left: 1px solid rgba(255, 255, 255, 0.08);
+    border-right: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 0 30px;
 }
 
 .footer-links {
     text-align: right;
 }
 
-/* typography */
-
+/* Typography */
 .site-footer h3 {
-    font-size: 20px;
-    margin-bottom: 8px;
+    font-size: 1.3rem;
+    margin-bottom: 12px;
     font-weight: 600;
+    color: #ffffff;
+    font-family: var(--font-primary);
 }
 
 .site-footer p {
-    margin: 6px 0;
-    line-height: 1.5;
-    color: #fff;
+    margin: 8px 0;
+    line-height: 1.6;
 }
 
 .tagline {
-    font-weight: 500;
+    font-weight: 600;
+    color: #cbd5e1;
 }
 
 .studio-line {
+    font-size: 0.9rem;
     opacity: 0.8;
 }
 
-/* brand divider */
+.role-highlight {
+    color: var(--color-accent);
+    font-weight: 600;
+}
+
+/* Brand Divider (Small accent lines under headings) */
+.brand-divider {
+    width: 60px;
+    height: 3px;
+    background: var(--color-primary);
+    /* Uses your global orange/accent */
+    margin: 15px 0 20px 0;
+    border-radius: 2px;
+}
+
+.right-align-divider {
+    margin-left: auto;
+    margin-right: 0;
+}
 
-.brand-divider-left,
-.brand-divider-center,
-.brand-divider-right {
-    width: 110px;
-    height: 2px;
-    background: #60a5fa;
-    margin: 14px 0 18px 0;
+/* Contact List */
+.footer-contact-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.footer-contact-list li {
+    margin-bottom: 12px;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.footer-contact-list i {
+    color: var(--color-accent);
+    width: 20px;
 }
 
 /* MSME text */
+.msme {
+    font-size: 0.9rem;
+    line-height: 1.5;
+}
 
-.msme,
 .udyam {
-    font-size: 16px;
-    opacity: 0.85;
+    font-size: 0.9rem;
+    color: #cbd5e1;
+}
+
+.udyam-verify a {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    margin-top: 5px;
+    font-size: 0.85rem;
+    color: #22c55e;
+    /* Green trust indicator */
+    text-decoration: none;
+    font-weight: 600;
+    padding: 6px 12px;
+    background: rgba(34, 197, 94, 0.1);
+    border-radius: 6px;
+    transition: all 0.3s ease;
 }
 
-/* links */
+.udyam-verify a:hover {
+    background: rgba(34, 197, 94, 0.2);
+    color: #16a34a;
+}
 
+/* General Links */
 .site-footer a {
-    color: #60a5fa;
+    color: #94a3b8;
     text-decoration: none;
+    transition: color 0.3s ease;
 }
 
 .site-footer a:hover {
-    color: #93c5fd;
+    color: var(--color-accent);
 }
 
-/* social icons */
-
+/* Social Icons */
 .footer-social {
     display: flex;
-    gap: 16px;
-    margin-top: 10px;
+    gap: 15px;
+    margin-top: 15px;
 }
 
 .footer-social a {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: 50%;
+    color: #fff;
+    font-size: 1.2rem;
+    transition: all 0.3s ease;
+}
+
+.footer-social a:hover {
+    background: var(--color-primary);
+    transform: translateY(-3px);
+    box-shadow: 0 5px 15px rgba(255, 152, 0, 0.3);
+}
+
+/* Quick Links */
+.quick-links-list {
+    list-style: none;
+    padding: 0;
     margin: 0;
 }
 
-.footer-social i {
-    font-size: 26px;
+.quick-links-list li {
+    margin-bottom: 12px;
 }
 
-/* bottom bar */
+.quick-links-list a {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 1rem;
+    transition: transform 0.3s ease, color 0.3s ease;
+}
 
-.footer-bottom {
-    border-top: 1px solid rgb(208, 255, 0);
-    margin-top: 30px;
-    padding-top: 10px;
-    text-align: center;
-    opacity: 0.8;
+.quick-links-list a i {
+    font-size: 0.8rem;
+    opacity: 0;
+    transform: translateX(-10px);
+    transition: all 0.3s ease;
 }
 
-.footer-left p,
-.footer-right p {
-    margin: 8px 0;
-    line-height: 1.6;
+.quick-links-list a:hover {
+    transform: translateX(-5px);
 }
 
-/* ===== Mobile ===== */
+.quick-links-list a:hover i {
+    opacity: 1;
+    transform: translateX(0);
+    color: var(--color-primary);
+}
 
-@media (max-width:768px) {
+/* Bottom Bar */
+.footer-bottom {
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+    margin-top: 40px;
+    padding-top: 20px;
+    text-align: center;
+    font-size: 0.9rem;
+    opacity: 0.7;
+    margin-bottom: 35px;
+}
 
+/* ===== Mobile Responsive ===== */
+@media (max-width: 900px) {
     .footer-container {
         flex-direction: column;
-        text-align: left;
-        gap: 30px;
+        gap: 40px;
     }
 
-    .footer-social {
-        display: flex;
-        gap: 16px;
-        margin-top: 10px;
+    .footer-center {
+        border-left: none;
+        border-right: none;
+        border-top: 1px solid rgba(255, 255, 255, 0.08);
+        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+        padding: 30px 0;
+        width: 100%;
     }
 
-    .footer-social a {
-        margin: 0;
+    .footer-links {
+        text-align: left;
+        width: 100%;
     }
 
-    .footer-social i {
-        font-size: 30px;
+    .right-align-divider {
+        margin-left: 0;
+        /* Reset divider to left for mobile */
     }
 
-    .brand-divider-left,
-    .brand-divider-center,
-    .brand-divider-right {
-        width: 50px;
-        height: 2px;
-        background: #60a5fa;
-        margin: 14px 0;
+    .quick-links-list a:hover {
+        transform: translateX(5px);
+        /* Move right instead of left on mobile */
     }
+}
 
-    .footer-center {
-        border: none;
-        padding: 0;
-    }
+/* ===================================================
+   ===== Footer Logos & Alignment =====
+=================================================== */
 
-    .footer-links {
-        text-align: left;
-    }
+/* Vimal Tech Logo Alignment */
+.footer-brand-header {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    margin-bottom: 15px;
+    margin-left: 15px;
 }
 
-/* ==========================
-====== Quick Links =======
-========================== */
-
-.footer-links {
-    text-align: left;
+.footer-brand-header h3 {
+    margin-bottom: 0;
+    /* Overrides default spacing so it centers perfectly with the V */
+    font-size: 1.5rem;
 }
 
-.footer-links a {
-    text-decoration: none;
-    color: #60a5fa;
+.footer-logo {
+    height: 30px;
+    /* 40px is the sweet spot for premium footer logos */
+    width: auto;
+    object-fit: contain;
+    /* Optional: Gives your lime-green 'V' a tiny subtle glow against the dark background */
+    filter: drop-shadow(0 0 6px rgba(163, 230, 53, 0.4));
 }
 
-.footer-links a:hover {
-    text-decoration: underline;
+/* MSME Logo Alignment */
+.msme-header {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    margin: 15px 10px;
 }
 
-/* =========================================
-======= Verify MSME Registration ========
-=========================================  */
+.msme-logo {
+    height: 75px;
+    width: auto;
+    object-fit: contain;
+}
 
-.udyam-verify a {
-    font-size: 13px;
-    color: #60a5fa;
-    text-decoration: none;
+/* Tightens the text spacing next to the MSME logo */
+.msme-text-block .msme,
+.msme-text-block .studio-line {
+    margin: 0;
+    line-height: 1.4;
 }
 
-.udyam-verify a:hover {
-    text-decoration: underline;
+/* Ensure logos shrink nicely on very small mobile screens */
+@media (max-width: 400px) {
+    .footer-logo {
+        height: 32px;
+    }
+
+    .msme-logo {
+        height: 36px;
+    }
+
+    .footer-brand-header h3 {
+        font-size: 1.3rem;
+    }
 }
 
 /* ===================================================
diff --git a/expertise/index.html b/expertise/index.html
index 7fe3078..cd1ce07 100644
--- a/expertise/index.html
+++ b/expertise/index.html
@@ -86,7 +86,7 @@
 
 <body>
     <!-- Header / Navbar -->
-    <nav class="navbar">
+    <nav class="navbar glass-nav">
         <div>
             <a href="/" class="brand">
                 <img src="/images/logo.jpeg" alt="Vimal Tech Java Developer Logo" class="logo" loading="lazy">
@@ -106,7 +106,7 @@
             <!-- Dropdown Section -->
             <li class="dropdown">
                 <a href="/expertise" class="dropdown-toggle active">Expertise</a>
-                <ul class="dropdown-menu">
+                <ul class="dropdown-menu glass-dropdown">
                     <li><a href="#skills">Skills</a></li>
                     <li><a href="#projects">Projects</a></li>
                     <li><a href="#portfolio">Portfolio</a></li>
@@ -127,12 +127,12 @@
         <div class="gradient-overlay"></div>
         <div class="hero-content">
             <h1>Java Developer <span class="gradient-text">Expertise</span></h1>
-            <p class="hero-subtext" style="font-size: 1.25rem;">
+            <p class="hero-subtext">
                 Backend Systems • REST APIs <span class="break-mobile">•
                     Microservices • Cloud Computing</span>
                 <span class="break"> • Virtualization</span>
             </p>
-            <p style="color: #94a3b8; font-size: 1rem; margin-bottom: 25px;">
+            <p style="color: #94a3b8;">
                 Having made <span class="highlight-text">API</span>
                 and eventually gained experience on
                 <span class="highlight-text">Web Services (Enterprise Rest API, SOAP) and Standard REST APIs,</span>
@@ -370,48 +370,59 @@ <h2 class="cta-title">Explore My Full Portfolio</h2>
         </div>
     </section>
 
-    <!-- Footer -->
     <!-- Footer -->
     <footer class="site-footer">
-        <div class="footer-divider"></div>
+        <div class="footer-divider-top"></div>
         <div class="footer-container">
-            <!-- LEFT : Business -->
+
             <div class="footer-left">
-                <h3>Vimal Tech</h3>
-                <div class="brand-divider-left"></div>
-                <p class="tagline">
-                    Freelance Software Development Services
-                </p>
-                <p class="studio-line">
-                    Independent Software Development Studio
-                </p>
-                <div class="brand-divider-left"></div>
-                <p class="msme">
-                    MSME Registered Micro Enterprise<br />
-                    Under the Ministry of Micro, Small and Medium Enterprises<br />
-                    Government of India
-                </p>
-                <div class="brand-divider-left"></div>
-                <p class="udyam">
-                    Udyam Registration Number: UDYAM-GJ-25-0089795
-                </p>
+                <div class="footer-brand-header">
+                    <a href="/" class="brand">
+                        <img src="/images/vimal-logo-transparent.png" alt="Vimal Tech Logo" class="footer-logo">
+                        <h3>Vimal Tech</h3>
+                    </a>
+                </div>
+                <div class="brand-divider"></div>
+                <p class="tagline">Freelance Software Development Services</p>
+                <p class="studio-line">Independent Software Development Studio</p>
+                <div class="brand-divider"></div>
+                <div class="msme-header">
+                    <a href="https://udyamregistration.gov.in/" class="brand" target="_blank" rel="noopener">
+                        <img src="/images/msme-logo-transparent.png" alt="MSME Logo" class="msme-logo">
+                        <div class="msme-text-block">
+                            <p class="msme"><strong>MSME Registered Micro Enterprise</strong></p>
+                            <p class="studio-line">Under the Ministry of Micro, Small and Medium
+                                Enterprises<br />Government of India
+                            </p>
+                        </div>
+                    </a>
+                </div>
+                <div class="brand-divider"></div>
+                <p class="udyam">Udyam Registration Number: <strong>UDYAM-GJ-25-0089795</strong></p>
                 <p class="udyam-verify">
                     <a href="https://udyamregistration.gov.in/Udyam_Verify.aspx" target="_blank" rel="noopener">
-                        ✓ Verify MSME Registration
+                        <i class="fas fa-check-circle"></i> Verify MSME Registration
                     </a>
                 </p>
             </div>
 
-            <!-- CENTER : Contact -->
             <div class="footer-center">
                 <h3>Vimal Patel</h3>
-                <div class="brand-divider-center"></div>
-                <p>Founder & Software Developer</p>
-                <div class="brand-divider-center"></div>
-                <p>Phone: <a href="tel:+919638474047">+91 9638 474047</a></p>
-                <p>Email: <a href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a></p>
-                <p>Valsad, Gujarat, India - 396001</p>
-                <div class="brand-divider-center"></div>
+                <div class="brand-divider"></div>
+                <p class="role-highlight">Founder & Software Developer</p>
+
+                <div class="brand-divider"></div>
+
+                <ul class="footer-contact-list">
+                    <li><i class="fas fa-phone-alt"></i> <a href="tel:+919638474047">+91 9638 474047</a></li>
+                    <li><i class="fas fa-envelope"></i> <a
+                            href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a>
+                    </li>
+                    <li><i class="fas fa-map-marker-alt"></i> Valsad, Gujarat, India - 396001</li>
+                </ul>
+
+                <div class="brand-divider"></div>
+
                 <p>Follow me on social media:</p>
                 <div class="footer-social">
                     <a href="https://github.com/vimal-tech-dev" target="_blank" rel="noopener"
@@ -425,20 +436,21 @@ <h3>Vimal Patel</h3>
                 </div>
             </div>
 
-            <!-- RIGHT : Quick Links -->
             <div class="footer-links">
                 <h3>Quick Links</h3>
-                <div class="brand-divider-right"></div>
-                <p><a href="/">Home</a></p>
-                <p><a href="/services">Services</a></p>
-                <p><a href="/expertise">Expertise</a></p>
-                <p><a href="/aboutUs">About Us</a></p>
-                <p><a href="/contactUs">Contact</a></p>
+                <div class="brand-divider right-align-divider"></div>
+                <ul class="quick-links-list">
+                    <li><a href="/"><i class="fas fa-angle-right"></i> Home</a></li>
+                    <li><a href="/services"><i class="fas fa-angle-right"></i> Services</a></li>
+                    <li><a href="/expertise"><i class="fas fa-angle-right"></i> Expertise</a></li>
+                    <li><a href="/aboutUs"><i class="fas fa-angle-right"></i> About Us</a></li>
+                    <li><a href="/contactUs"><i class="fas fa-angle-right"></i> Contact</a></li>
+                </ul>
             </div>
-
         </div>
+
         <div class="footer-bottom">
-            <p>© 2026 Vimal Tech. All rights reserved.</p>
+            <p>&copy; 2026 Vimal Tech. All rights reserved.</p>
         </div>
     </footer>
 
diff --git a/images/msme-logo-transparent.png b/images/msme-logo-transparent.png
new file mode 100644
index 0000000..53f6b9e
Binary files /dev/null and b/images/msme-logo-transparent.png differ
diff --git a/images/vimal-logo-transparent.png b/images/vimal-logo-transparent.png
new file mode 100644
index 0000000..1e5327c
Binary files /dev/null and b/images/vimal-logo-transparent.png differ
diff --git a/index.html b/index.html
index d24b531..5dafe3a 100644
--- a/index.html
+++ b/index.html
@@ -91,15 +91,13 @@
 
 <body>
   <!-- Header / Navbar -->
-  <nav class="navbar">
+  <nav class="navbar glass-nav">
     <div>
       <a href="/" class="brand">
         <img src="/images/logo.jpeg" alt="Vimal Tech Java Developer Logo" class="logo" loading="lazy">
         <span class="brand-name">
           <span class="brand-name-vimal">Vimal</span>
-          <span class="brand-name-tech brand-gradient-text">
-            Tech
-          </span>
+          <span class="brand-name-tech brand-gradient-text">Tech</span>
         </span>
       </a>
     </div>
@@ -108,7 +106,7 @@
       <!-- Dropdown Section -->
       <li class="dropdown">
         <a href="/" class="dropdown-toggle active">Home</a>
-        <ul class="dropdown-menu">
+        <ul class="dropdown-menu glass-dropdown">
           <li><a href="#experience">Experience</a></li>
           <li><a href="#services-preview">Offering</a></li>
           <li><a href="#projects">Live Works</a></li>
@@ -374,52 +372,54 @@ <h2 class="cta-title">
 
   <!-- Footer -->
   <footer class="site-footer">
-    <div class="footer-divider"></div>
+    <div class="footer-divider-top"></div>
     <div class="footer-container">
 
-      <!-- LEFT : Business -->
       <div class="footer-left">
-        <h3>Vimal Tech</h3>
-        <div class="brand-divider-left"></div>
-        <p class="tagline">
-          Freelance Software Development Services
-        </p>
-
-        <p class="studio-line">
-          Independent Software Development Studio
-        </p>
-
-        <div class="brand-divider-left"></div>
-
-        <p class="msme">
-          MSME Registered Micro Enterprise<br />
-          Under the Ministry of Micro, Small and Medium Enterprises<br />
-          Government of India
-        </p>
-        <div class="brand-divider-left"></div>
-        <p class="udyam">
-          Udyam Registration Number: UDYAM-GJ-25-0089795
-        </p>
+        <div class="footer-brand-header">
+          <a href="/" class="brand">
+            <img src="/images/vimal-logo-transparent.png" alt="Vimal Tech Logo" class="footer-logo">
+            <h3>Vimal Tech</h3>
+          </a>
+        </div>
+        <div class="brand-divider"></div>
+        <p class="tagline">Freelance Software Development Services</p>
+        <p class="studio-line">Independent Software Development Studio</p>
+        <div class="brand-divider"></div>
+        <div class="msme-header">
+          <a href="https://udyamregistration.gov.in/" class="brand" target="_blank" rel="noopener">
+            <img src="/images/msme-logo-transparent.png" alt="MSME Logo" class="msme-logo">
+            <div class="msme-text-block">
+              <p class="msme"><strong>MSME Registered Micro Enterprise</strong></p>
+              <p class="studio-line">Under the Ministry of Micro, Small and Medium Enterprises<br />Government of India
+              </p>
+            </div>
+          </a>
+        </div>
+        <div class="brand-divider"></div>
+        <p class="udyam">Udyam Registration Number: <strong>UDYAM-GJ-25-0089795</strong></p>
         <p class="udyam-verify">
           <a href="https://udyamregistration.gov.in/Udyam_Verify.aspx" target="_blank" rel="noopener">
-            ✓ Verify MSME Registration
+            <i class="fas fa-check-circle"></i> Verify MSME Registration
           </a>
         </p>
       </div>
 
-      <!-- CENTER : Contact -->
       <div class="footer-center">
         <h3>Vimal Patel</h3>
-        <div class="brand-divider-center"></div>
-        <p>Founder & Software Developer</p>
+        <div class="brand-divider"></div>
+        <p class="role-highlight">Founder & Software Developer</p>
 
-        <div class="brand-divider-center"></div>
+        <div class="brand-divider"></div>
 
-        <p>Phone: <a href="tel:+919638474047">+91 9638 474047</a></p>
-        <p>Email: <a href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a></p>
-        <p>Valsad, Gujarat, India - 396001</p>
+        <ul class="footer-contact-list">
+          <li><i class="fas fa-phone-alt"></i> <a href="tel:+919638474047">+91 9638 474047</a></li>
+          <li><i class="fas fa-envelope"></i> <a href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a>
+          </li>
+          <li><i class="fas fa-map-marker-alt"></i> Valsad, Gujarat, India - 396001</li>
+        </ul>
 
-        <div class="brand-divider-center"></div>
+        <div class="brand-divider"></div>
 
         <p>Follow me on social media:</p>
         <div class="footer-social">
@@ -433,20 +433,21 @@ <h3>Vimal Patel</h3>
         </div>
       </div>
 
-      <!-- RIGHT : Quick Links -->
       <div class="footer-links">
         <h3>Quick Links</h3>
-        <div class="brand-divider-right"></div>
-        <p><a href="/">Home</a></p>
-        <p><a href="/services">Services</a></p>
-        <p><a href="/expertise">Expertise</a></p>
-        <p><a href="/aboutUs">About Us</a></p>
-        <p><a href="/contactUs">Contact</a></p>
+        <div class="brand-divider right-align-divider"></div>
+        <ul class="quick-links-list">
+          <li><a href="/"><i class="fas fa-angle-right"></i> Home</a></li>
+          <li><a href="/services"><i class="fas fa-angle-right"></i> Services</a></li>
+          <li><a href="/expertise"><i class="fas fa-angle-right"></i> Expertise</a></li>
+          <li><a href="/aboutUs"><i class="fas fa-angle-right"></i> About Us</a></li>
+          <li><a href="/contactUs"><i class="fas fa-angle-right"></i> Contact</a></li>
+        </ul>
       </div>
-
     </div>
+
     <div class="footer-bottom">
-      <p>© 2026 Vimal Tech. All rights reserved.</p>
+      <p>&copy; 2026 Vimal Tech. All rights reserved.</p>
     </div>
   </footer>
 
diff --git a/services/index.html b/services/index.html
index 6dbf2f6..e7bda24 100644
--- a/services/index.html
+++ b/services/index.html
@@ -187,7 +187,7 @@
 
 <body>
     <!-- Navbar -->
-    <nav class="navbar">
+    <nav class="navbar glass-nav">
         <div>
             <a href="/" class="brand">
                 <img src="/images/logo.jpeg" alt="Vimal Tech Java Developer Logo" class="logo" loading="lazy">
@@ -205,7 +205,7 @@
             <!-- Dropdown Section -->
             <li class="dropdown">
                 <a href="/services" class="dropdown-toggle active">Services</a>
-                <ul class="dropdown-menu">
+                <ul class="dropdown-menu glass-dropdown">
                     <li><a href="#services-offer">Offer Services</a></li>
                     <li><a href="#live-projects">Live</a></li>
                 </ul>
@@ -536,45 +536,57 @@ <h2 class="cta-title">Let’s Build Something Solid</h2>
 
     <!-- Footer -->
     <footer class="site-footer">
-        <div class="footer-divider"></div>
+        <div class="footer-divider-top"></div>
         <div class="footer-container">
-            <!-- LEFT : Business -->
+
             <div class="footer-left">
-                <h3>Vimal Tech</h3>
-                <div class="brand-divider-left"></div>
-                <p class="tagline">
-                    Freelance Software Development Services
-                </p>
-                <p class="studio-line">
-                    Independent Software Development Studio
-                </p>
-                <div class="brand-divider-left"></div>
-                <p class="msme">
-                    MSME Registered Micro Enterprise<br />
-                    Under the Ministry of Micro, Small and Medium Enterprises<br />
-                    Government of India
-                </p>
-                <div class="brand-divider-left"></div>
-                <p class="udyam">
-                    Udyam Registration Number: UDYAM-GJ-25-0089795
-                </p>
+                <div class="footer-brand-header">
+                    <a href="/" class="brand">
+                        <img src="/images/vimal-logo-transparent.png" alt="Vimal Tech Logo" class="footer-logo">
+                        <h3>Vimal Tech</h3>
+                    </a>
+                </div>
+                <div class="brand-divider"></div>
+                <p class="tagline">Freelance Software Development Services</p>
+                <p class="studio-line">Independent Software Development Studio</p>
+                <div class="brand-divider"></div>
+                <div class="msme-header">
+                    <a href="https://udyamregistration.gov.in/" class="brand" target="_blank" rel="noopener">
+                        <img src="/images/msme-logo-transparent.png" alt="MSME Logo" class="msme-logo">
+                        <div class="msme-text-block">
+                            <p class="msme"><strong>MSME Registered Micro Enterprise</strong></p>
+                            <p class="studio-line">Under the Ministry of Micro, Small and Medium
+                                Enterprises<br />Government of India
+                            </p>
+                        </div>
+                    </a>
+                </div>
+                <div class="brand-divider"></div>
+                <p class="udyam">Udyam Registration Number: <strong>UDYAM-GJ-25-0089795</strong></p>
                 <p class="udyam-verify">
                     <a href="https://udyamregistration.gov.in/Udyam_Verify.aspx" target="_blank" rel="noopener">
-                        ✓ Verify MSME Registration
+                        <i class="fas fa-check-circle"></i> Verify MSME Registration
                     </a>
                 </p>
             </div>
 
-            <!-- CENTER : Contact -->
             <div class="footer-center">
                 <h3>Vimal Patel</h3>
-                <div class="brand-divider-center"></div>
-                <p>Founder & Software Developer</p>
-                <div class="brand-divider-center"></div>
-                <p>Phone: <a href="tel:+919638474047">+91 9638 474047</a></p>
-                <p>Email: <a href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a></p>
-                <p>Valsad, Gujarat, India - 396001</p>
-                <div class="brand-divider-center"></div>
+                <div class="brand-divider"></div>
+                <p class="role-highlight">Founder & Software Developer</p>
+
+                <div class="brand-divider"></div>
+
+                <ul class="footer-contact-list">
+                    <li><i class="fas fa-phone-alt"></i> <a href="tel:+919638474047">+91 9638 474047</a></li>
+                    <li><i class="fas fa-envelope"></i> <a
+                            href="mailto:vimal.patel@vimaltech.dev">vimal.patel@vimaltech.dev</a>
+                    </li>
+                    <li><i class="fas fa-map-marker-alt"></i> Valsad, Gujarat, India - 396001</li>
+                </ul>
+
+                <div class="brand-divider"></div>
+
                 <p>Follow me on social media:</p>
                 <div class="footer-social">
                     <a href="https://github.com/vimal-tech-dev" target="_blank" rel="noopener"
@@ -588,20 +600,21 @@ <h3>Vimal Patel</h3>
                 </div>
             </div>
 
-            <!-- RIGHT : Quick Links -->
             <div class="footer-links">
                 <h3>Quick Links</h3>
-                <div class="brand-divider-right"></div>
-                <p><a href="/">Home</a></p>
-                <p><a href="/services">Services</a></p>
-                <p><a href="/expertise">Expertise</a></p>
-                <p><a href="/aboutUs">About Us</a></p>
-                <p><a href="/contactUs">Contact</a></p>
+                <div class="brand-divider right-align-divider"></div>
+                <ul class="quick-links-list">
+                    <li><a href="/"><i class="fas fa-angle-right"></i> Home</a></li>
+                    <li><a href="/services"><i class="fas fa-angle-right"></i> Services</a></li>
+                    <li><a href="/expertise"><i class="fas fa-angle-right"></i> Expertise</a></li>
+                    <li><a href="/aboutUs"><i class="fas fa-angle-right"></i> About Us</a></li>
+                    <li><a href="/contactUs"><i class="fas fa-angle-right"></i> Contact</a></li>
+                </ul>
             </div>
-
         </div>
+
         <div class="footer-bottom">
-            <p>© 2026 Vimal Tech. All rights reserved.</p>
+            <p>&copy; 2026 Vimal Tech. All rights reserved.</p>
         </div>
     </footer>
 
