From 0fd78a0288c8dd54332b68ad11455b27862e7511 Mon Sep 17 00:00:00 2001
From: B Vikas Chandra <48272577+vikaschandrab@users.noreply.github.com>
Date: Sun, 2 Nov 2025 23:29:36 +0530
Subject: [PATCH] Created a Common Footer blade

---
 resources/views/contact/index.blade.php       | 19 +-----
 resources/views/home/all-blogs.blade.php      | 32 ++--------
 resources/views/home/index.blade.php          | 58 +-----------------
 resources/views/home/mock-interview.blade.php | 21 +------
 resources/views/layouts/footer.blade.php      | 61 +++++++++++++++++++
 5 files changed, 69 insertions(+), 122 deletions(-)
 create mode 100644 resources/views/layouts/footer.blade.php

diff --git a/resources/views/contact/index.blade.php b/resources/views/contact/index.blade.php
index 446ed24..9527b02 100644
--- a/resources/views/contact/index.blade.php
+++ b/resources/views/contact/index.blade.php
@@ -412,24 +412,7 @@ class="form-control @error('position') is-invalid @enderror"
         </div>
     </section>
 
-    <!-- Footer -->
-    <footer class="bg-dark text-light py-4">
-        <div class="container">
-            <div class="row align-items-center">
-                <div class="col-md-6">
-                    <h6 class="text-warning mb-0">
-                        <i class="fas fa-code me-2"></i>MeetMyTech
-                    </h6>
-                    <small class="text-muted">Empowering tech professionals worldwide</small>
-                </div>
-                <div class="col-md-6 text-md-end">
-                    <small class="text-muted">
-                        © {{ date('Y') }} MeetMyTech. Built with ❤️ for the tech community.
-                    </small>
-                </div>
-            </div>
-        </div>
-    </footer>
+    @include('layouts.footer')
 
     <!-- Bootstrap JS -->
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
diff --git a/resources/views/home/all-blogs.blade.php b/resources/views/home/all-blogs.blade.php
index 1f4785b..a252b79 100644
--- a/resources/views/home/all-blogs.blade.php
+++ b/resources/views/home/all-blogs.blade.php
@@ -133,6 +133,9 @@
                     <li class="nav-item">
                         <a class="nav-link active" href="{{ route('home.all-blogs') }}">All Blogs</a>
                     </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="{{ route('home.mock-interview') }}">Mock Interview</a>
+                    </li>
                     <li class="nav-item">
                         <a class="nav-link btn btn-outline-primary px-3 ms-2" href="{{ route('login') }}">Get Started</a>
                     </li>
@@ -386,34 +389,7 @@ class="tag-filter {{ request('tag') == $tag ? 'active' : '' }}">
         </div>
     </section>
 
-    <!-- Footer -->
-    <footer class="bg-dark text-light py-5">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-4 mb-4">
-                    <h5 class="text-warning">
-                        <i class="fas fa-code me-2"></i>MeetMyTech
-                    </h5>
-                    <p class="text-muted">
-                        Empowering tech professionals to showcase their journey and share knowledge with the world.
-                    </p>
-                </div>
-                <div class="col-lg-2 col-md-6 mb-4">
-                    <h6>Platform</h6>
-                    <ul class="list-unstyled">
-                        <li><a href="{{ route('home') }}" class="text-muted text-decoration-none">Home</a></li>
-                        <li><a href="{{ route('home.all-blogs') }}" class="text-muted text-decoration-none">All Blogs</a></li>
-                        <li><a href="{{ route('login') }}" class="text-muted text-decoration-none">Sign Up</a></li>
-                    </ul>
-                </div>
-                <div class="col-lg-6 mb-4 text-md-end">
-                    <small class="text-muted">
-                        © {{ date('Y') }} MeetMyTech. Built with ❤️ for the tech community.
-                    </small>
-                </div>
-            </div>
-        </div>
-    </footer>
+   @include('layouts.footer')
 
     <!-- Bootstrap JS -->
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
diff --git a/resources/views/home/index.blade.php b/resources/views/home/index.blade.php
index 59dad51..d106ae3 100644
--- a/resources/views/home/index.blade.php
+++ b/resources/views/home/index.blade.php
@@ -513,63 +513,7 @@ class="rounded-circle"
         </div>
     </section>
 
-    <!-- Footer -->
-    <footer class="bg-dark text-light py-5">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-4 mb-4">
-                    <h5 class="text-warning">
-                        <i class="fas fa-code me-2"></i>MeetMyTech
-                    </h5>
-                    <p class="text-muted">
-                        Empowering tech professionals to showcase their journey and share knowledge with the world.
-                    </p>
-                </div>
-                <div class="col-lg-2 col-md-6 mb-4">
-                    <h6>Platform</h6>
-                    <ul class="list-unstyled">
-                        <li><a href="#features" class="text-muted text-decoration-none">Features</a></li>
-                        <li><a href="{{ route('home.all-blogs') }}" class="text-muted text-decoration-none">All Blogs</a></li>
-                        <li><a href="{{ route('login') }}" class="text-muted text-decoration-none">Sign Up</a></li>
-                    </ul>
-                </div>
-                <div class="col-lg-2 col-md-6 mb-4">
-                    <h6>Community</h6>
-                    <ul class="list-unstyled">
-                        <li><a href="#community" class="text-muted text-decoration-none">Contributors</a></li>
-                        <li><a href="#blogs" class="text-muted text-decoration-none">Featured Blogs</a></li>
-                    </ul>
-                </div>
-                <div class="col-lg-4 mb-4">
-                    <h6 class="text-warning mb-3">
-                        <i class="fas fa-bell me-2"></i>Stay Updated with Our Latest Blogs
-                    </h6>
-                    <p class="text-light mb-3">Get notified when we publish new tech insights, tutorials, and industry trends from our amazing community of developers.</p>
-                    <div class="d-flex gap-2">
-                        <a href="{{ route('home.all-blogs') }}" class="btn btn-outline-warning btn-sm">
-                            <i class="fas fa-blog me-1"></i>Browse Blogs
-                        </a>
-                        <a href="{{ route('contact') }}" class="btn btn-warning btn-sm">
-                            <i class="fas fa-envelope me-1"></i>Subscribe
-                        </a>
-                    </div>
-                </div>
-            </div>
-            <hr class="my-4">
-            <div class="row align-items-center">
-                <div class="col-md-6">
-                    <p class="text-muted small mb-0">
-                        © {{ date('Y') }} MeetMyTech. Built with ❤️ for the tech community.
-                    </p>
-                </div>
-                <div class="col-md-6 text-md-end">
-                    <small class="text-muted">
-                        Developed and maintained by <a href="https://meetmytech.com" class="text-warning text-decoration-none">meetmytech.com</a>
-                    </small>
-                </div>
-            </div>
-        </div>
-    </footer>
+    @include('layouts.footer')
 
     <!-- Bootstrap JS -->
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
diff --git a/resources/views/home/mock-interview.blade.php b/resources/views/home/mock-interview.blade.php
index 013413c..cee7636 100644
--- a/resources/views/home/mock-interview.blade.php
+++ b/resources/views/home/mock-interview.blade.php
@@ -154,7 +154,7 @@
                         <a class="nav-link" href="{{ route('home.all-blogs') }}">All Blogs</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" href="{{ route('home.mock-interview') }}">Mock Interview</a>
+                        <a class="nav-link active" href="{{ route('home.mock-interview') }}">Mock Interview</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link" href="{{ route('login') }}">Login</a>
@@ -401,24 +401,7 @@
 </section>
 
 
-    <!-- Footer -->
-    <footer class="bg-dark text-light py-4">
-        <div class="container">
-            <div class="row align-items-center">
-                <div class="col-md-6">
-                    <h6 class="text-warning mb-0">
-                        <i class="fas fa-code me-2"></i>MeetMyTech
-                    </h6>
-                    <small class="text-muted">Empowering tech professionals worldwide</small>
-                </div>
-                <div class="col-md-6 text-md-end">
-                    <small class="text-muted">
-                        © {{ date('Y') }} MeetMyTech. Built with ❤️ for the tech community.
-                    </small>
-                </div>
-            </div>
-        </div>
-    </footer>
+    @include('layouts.footer')
 
     <!-- Bootstrap JS -->
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
diff --git a/resources/views/layouts/footer.blade.php b/resources/views/layouts/footer.blade.php
new file mode 100644
index 0000000..0cab329
--- /dev/null
+++ b/resources/views/layouts/footer.blade.php
@@ -0,0 +1,61 @@
+<!-- resources/views/layouts/footer.blade.php -->
+<footer class="bg-dark text-light py-5">
+    <div class="container">
+        <div class="row">
+            <div class="col-lg-4 mb-4">
+                <h5 class="text-warning">
+                    <i class="fas fa-code me-2"></i>MeetMyTech
+                </h5>
+                <p>
+                    Empowering tech professionals to showcase their journey and share knowledge with the world.
+                </p>
+            </div>
+            <div class="col-lg-2 col-md-6 mb-4">
+                <h6>Platform</h6>
+                <ul class="list-unstyled">
+                    <li><a href="#features" class="text-decoration-none">Features</a></li>
+                    <li><a href="{{ route('home.all-blogs') }}" class="text-decoration-none">All Blogs</a></li>
+                    <li><a href="{{ route('home.mock-interview') }}" class="text-decoration-none">Mock Interview</a></li>
+                    <li><a href="{{ route('login') }}" class="text-decoration-none">Sign Up</a></li>
+                </ul>
+            </div>
+            <div class="col-lg-2 col-md-6 mb-4">
+                <h6>Community</h6>
+                <ul class="list-unstyled">
+                    <li><a href="#community" class="text-decoration-none">Contributors</a></li>
+                    <li><a href="#blogs" class="text-decoration-none">Featured Blogs</a></li>
+                </ul>
+            </div>
+            <div class="col-lg-4 mb-4">
+                <h6 class="text-warning mb-3">
+                    <i class="fas fa-bell me-2"></i>Stay Updated with Our Latest Blogs
+                </h6>
+                <p class="text-light mb-3">
+                    Get notified when we publish new tech insights, tutorials, and industry trends from our amazing community of developers.
+                </p>
+                <div class="d-flex gap-2">
+                    <a href="{{ route('home.all-blogs') }}" class="btn btn-outline-warning btn-sm">
+                        <i class="fas fa-blog me-1"></i>Browse Blogs
+                    </a>
+                    <a href="{{ route('contact') }}" class="btn btn-warning btn-sm">
+                        <i class="fas fa-envelope me-1"></i>Subscribe
+                    </a>
+                </div>
+            </div>
+        </div>
+        <hr class="my-4">
+        <div class="row align-items-center">
+            <div class="col-md-6">
+                <p class="small mb-0">
+                    © {{ date('Y') }} MeetMyTech. Built with ❤️ for the tech community.
+                </p>
+            </div>
+            <div class="col-md-6 text-md-end">
+                <small>
+                    Developed and maintained by
+                    <a href="https://meetmytech.com" class="text-warning text-decoration-none">meetmytech.com</a>
+                </small>
+            </div>
+        </div>
+    </div>
+</footer>