diff --git a/public/zomato-clone/.gitignore b/public/zomato-clone/.gitignore
new file mode 100644
index 000000000..e69de29bb
diff --git a/public/zomato-clone/accordion.js b/public/zomato-clone/accordion.js
deleted file mode 100644
index 71b04d8d3..000000000
--- a/public/zomato-clone/accordion.js
+++ /dev/null
@@ -1,277 +0,0 @@
-/* ===================================================
-   accordion.js — Zomato Clone Main JS
-   =================================================== */
-
-document.addEventListener("DOMContentLoaded", () => {
-  /* ────────────────────────────────────────────────
-     1. ACCORDION
-  ──────────────────────────────────────────────── */
-  const accordionContainers = document.querySelectorAll(".accordion-container");
-
-  accordionContainers.forEach((container) => {
-    container.addEventListener("click", function () {
-      const data = this.nextElementSibling;
-      const icon = this.querySelector("i.fa-chevron-down");
-
-      // Close all others
-      accordionContainers.forEach((other) => {
-        if (other !== this) {
-          other.nextElementSibling.classList.remove("show");
-          const otherIcon = other.querySelector("i.fa-chevron-down");
-          if (otherIcon) otherIcon.classList.remove("animate");
-        }
-      });
-
-      data.classList.toggle("show");
-      if (icon) icon.classList.toggle("animate");
-    });
-  });
-
-  /* ────────────────────────────────────────────────
-     2. LOCATION DROPDOWN
-  ──────────────────────────────────────────────── */
-  const states = [
-    "Andhra Pradesh",
-    "Assam",
-    "Bihar",
-    "Chandigarh",
-    "Delhi NCR",
-    "Goa",
-    "Gujarat",
-    "Hyderabad",
-    "Jaipur",
-    "Karnataka",
-    "Kerala",
-    "Kolkata",
-    "Lucknow",
-    "Maharashtra",
-    "Mumbai",
-    "Noida",
-    "Pune",
-    "Punjab",
-    "Rajasthan",
-    "Tamil Nadu",
-    "Uttar Pradesh",
-    "Uttarakhand",
-    "West Bengal",
-  ];
-
-  const locationInput = document.querySelector(".location-input");
-  const dropdown = document.querySelector(".location-dropdown");
-  const toggleBtn = document.querySelector(".dropdown-toggle");
-
-  if (locationInput && dropdown) {
-    function renderDropdown(list) {
-      dropdown.innerHTML = "";
-      if (list.length === 0) {
-        dropdown.innerHTML = `<div class="dropdown-item" style="color:var(--text-muted)">No results found</div>`;
-        return;
-      }
-      list.forEach((state) => {
-        const item = document.createElement("div");
-        item.classList.add("dropdown-item");
-        item.textContent = state;
-        item.addEventListener("click", () => {
-          locationInput.value = state;
-          dropdown.classList.add("hidden");
-        });
-        dropdown.appendChild(item);
-      });
-    }
-
-    if (toggleBtn) {
-      toggleBtn.addEventListener("click", (e) => {
-        e.stopPropagation();
-        renderDropdown(states);
-        dropdown.classList.toggle("hidden");
-      });
-    }
-
-    locationInput.addEventListener("input", () => {
-      const val = locationInput.value.toLowerCase();
-      const filtered = states.filter((s) => s.toLowerCase().includes(val));
-      renderDropdown(filtered);
-      dropdown.classList.remove("hidden");
-    });
-
-    locationInput.addEventListener("focus", () => {
-      renderDropdown(states);
-      dropdown.classList.remove("hidden");
-    });
-
-    document.addEventListener("click", (e) => {
-      if (!e.target.closest(".location")) {
-        dropdown.classList.add("hidden");
-      }
-    });
-  }
-
-  /* ────────────────────────────────────────────────
-     3. SEARCH FUNCTIONALITY
-  ──────────────────────────────────────────────── */
-  window.searchFood = function () {
-    const val = document.getElementById("searchInput")?.value?.trim();
-    if (!val) {
-      showToast("Please enter something to search!");
-      return;
-    }
-    showToast(`Searching for: "${val}"`);
-  };
-
-  const searchInput = document.getElementById("searchInput");
-  if (searchInput) {
-    searchInput.addEventListener("keydown", (e) => {
-      if (e.key === "Enter") window.searchFood();
-    });
-  }
-
-  window.handleLocation = function (event) {
-    if (event.key === "Enter") {
-      const loc = document.getElementById("locationInput")?.value?.trim();
-      if (!loc) {
-        showToast("Please enter a location!");
-        return;
-      }
-      showToast(`Location set: ${loc}`);
-    }
-  };
-
-  /* ────────────────────────────────────────────────
-     4. DARK MODE TOGGLE
-  ──────────────────────────────────────────────── */
-  const darkBtn = document.getElementById("darkModeToggle");
-
-  function applyTheme(isDark) {
-    if (isDark) {
-      document.body.classList.add("dark-mode");
-      if (darkBtn) darkBtn.textContent = "☀️ Light Mode";
-    } else {
-      document.body.classList.remove("dark-mode");
-      if (darkBtn) darkBtn.textContent = "🌙 Dark Mode";
-    }
-  }
-
-  // Load saved preference
-  const savedTheme = localStorage.getItem("zomato-theme");
-  applyTheme(savedTheme === "dark");
-
-  if (darkBtn) {
-    darkBtn.addEventListener("click", () => {
-      const isDark = document.body.classList.contains("dark-mode");
-      applyTheme(!isDark);
-      localStorage.setItem("zomato-theme", isDark ? "light" : "dark");
-    });
-  }
-
-  /* ────────────────────────────────────────────────
-     5. MOBILE NAV TOGGLE
-  ──────────────────────────────────────────────── */
-  window.toggleMobileNav = function () {
-    const nav = document.getElementById("mobileNav");
-    const btn = document.getElementById("hamburgerBtn");
-    if (!nav) return;
-    nav.classList.toggle("mobile-open");
-    if (btn) btn.classList.toggle("active");
-  };
-
-  // Close on nav link click
-  document.querySelectorAll("#mobileNav .nav-item a").forEach((link) => {
-    link.addEventListener("click", () => {
-      document.getElementById("mobileNav")?.classList.remove("mobile-open");
-      document.getElementById("hamburgerBtn")?.classList.remove("active");
-    });
-  });
-
-  /* ────────────────────────────────────────────────
-     6. TOAST NOTIFICATION HELPER
-  ──────────────────────────────────────────────── */
-  function showToast(message, duration = 2800) {
-    // Remove existing
-    document.querySelector(".z-toast")?.remove();
-
-    const toast = document.createElement("div");
-    toast.className = "z-toast";
-    toast.textContent = message;
-    Object.assign(toast.style, {
-      position: "fixed",
-      bottom: "2.4rem",
-      left: "50%",
-      transform: "translateX(-50%) translateY(20px)",
-      background: "#1c1c1c",
-      color: "#fff",
-      padding: "1.2rem 2.2rem",
-      borderRadius: "99px",
-      fontSize: "1.45rem",
-      fontFamily: "Outfit, sans-serif",
-      fontWeight: "400",
-      boxShadow: "0 8px 30px rgba(0,0,0,0.25)",
-      zIndex: "99999",
-      opacity: "0",
-      transition: "opacity 0.25s ease, transform 0.25s ease",
-      whiteSpace: "nowrap",
-    });
-
-    document.body.appendChild(toast);
-    requestAnimationFrame(() => {
-      toast.style.opacity = "1";
-      toast.style.transform = "translateX(-50%) translateY(0)";
-    });
-
-    setTimeout(() => {
-      toast.style.opacity = "0";
-      toast.style.transform = "translateX(-50%) translateY(12px)";
-      setTimeout(() => toast.remove(), 300);
-    }, duration);
-  }
-
-   // ================== DARK MODE ==================
-  const darkModeBtn = document.getElementById("darkModeToggle");
-const icon = document.getElementById("icon");
-
-// Load saved theme
-if (localStorage.getItem("theme") === "dark") {
-  document.body.classList.add("dark-mode");
-  icon.textContent = "light_mode";
-} else {
-  icon.textContent = "dark_mode";
-}
-
-// Toggle
-darkModeBtn.addEventListener("click", () => {
-
-  document.body.classList.toggle("dark-mode");
-
-  if (document.body.classList.contains("dark-mode")) {
-    icon.textContent = "light_mode";
-    localStorage.setItem("theme", "dark");
-  } else {
-    icon.textContent = "dark_mode";
-    localStorage.setItem("theme", "light");
-  }
-
-});
-
-
-  /* ────────────────────────────────────────────────
-     7. STICKY NAVBAR on scroll
-  ──────────────────────────────────────────────── */
-  const header = document.querySelector("header");
-  if (header) {
-    window.addEventListener("scroll", () => {
-      if (window.scrollY > 60) {
-        header.style.position = "fixed";
-        header.style.top = "0";
-        header.style.background = document.body.classList.contains("dark-mode")
-          ? "rgba(15,15,15,0.97)"
-          : "rgba(226,55,68,0.97)";
-        header.style.backdropFilter = "blur(12px)";
-        header.style.boxShadow = "0 2px 20px rgba(0,0,0,0.15)";
-      } else {
-        header.style.position = "absolute";
-        header.style.background = "transparent";
-        header.style.backdropFilter = "";
-        header.style.boxShadow = "";
-      }
-    });
-  }
-});
diff --git a/public/zomato-clone/app.css b/public/zomato-clone/app.css
deleted file mode 100644
index 5a05e8315..000000000
--- a/public/zomato-clone/app.css
+++ /dev/null
@@ -1,358 +0,0 @@
-/* ===== APP DOWNLOAD SECTION ===== */
-.app-section {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  background: linear-gradient(135deg, #fff8f8 0%, #fff4f0 100%);
-  border-top: 1px solid rgba(226, 55, 68, 0.08);
-  border-bottom: 1px solid rgba(226, 55, 68, 0.08);
-  transition: background var(--transition);
-}
-
-body.dark-mode .app-section {
-  background: linear-gradient(135deg, #1c1212 0%, #1a1515 100%);
-  border-color: rgba(226, 55, 68, 0.15);
-}
-
-.app-section .content {
-  position: relative;
-  max-width: 92rem;
-  margin: 0 auto;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 6rem;
-  padding: 5rem 2rem;
-  flex-wrap: nowrap;
-}
-
-.app-section .phone-image {
-  position: relative;
-  width: 24rem;
-  height: 46rem;
-  flex-shrink: 0;
-  filter: drop-shadow(0 24px 48px rgba(0, 0, 0, 0.18));
-  animation: floatPhone 3.5s ease-in-out infinite;
-}
-
-@keyframes floatPhone {
-  0%,
-  100% {
-    transform: translateY(0);
-  }
-  50% {
-    transform: translateY(-10px);
-  }
-}
-
-.app-section .phone-image img {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-}
-
-.app-info {
-  flex: 1;
-  max-width: 48rem;
-}
-
-.app-section .phone-title {
-  color: var(--text-primary);
-  margin: 0 0 1.2rem;
-  font-weight: 700;
-  font-size: 4rem;
-  line-height: 1.2;
-  letter-spacing: -0.02em;
-}
-
-.app-section .app-description {
-  margin: 0 0 2.8rem;
-  color: var(--text-secondary);
-  font-size: 1.65rem;
-  font-weight: 300;
-  line-height: 1.7;
-body.dark-mode .explore-options .heading {
-  color: white;
-}
-/* Buttons */
-body.dark-mode button {
-    color: white;
-}
-
-/* Radio selector */
-.app-section .option-selector {
-  display: flex;
-  font-size: 1.55rem;
-  gap: 2.4rem;
-  margin-bottom: 1.8rem;
-}
-
-.radio-option {
-  display: flex;
-  align-items: center;
-  gap: 0.7rem;
-  cursor: pointer;
-}
-body.dark-mode .popular-localities .title {
-  color: white;
-}
-
-.radio-option label {
-  cursor: pointer;
-  color: var(--text-secondary);
-  font-weight: 400;
-  transition: color var(--transition);
-}
-
-.radio-option input[type="radio"] {
-  accent-color: var(--red);
-  width: 1.6rem;
-  height: 1.6rem;
-  cursor: pointer;
-}
-
-.radio-option input[type="radio"]:checked + label {
-  color: var(--red);
-  font-weight: 600;
-}
-
-/* Email input */
-.email-input {
-  display: flex;
-  margin-bottom: 1.2rem;
-  gap: 10px;
-}
-
-.email-input .email {
-  padding: 1.3rem 1.5rem;
-  height: 5rem;
-  background: var(--bg-white);
-  border: 1.5px solid var(--border-dark);
-  font-size: 1.5rem;
-  font-family: "Outfit", sans-serif;
-  width: 100%;
-  outline: none;
-  border-radius: var(--radius-sm);
-  color: var(--text-primary);
-  font-weight: 300;
-  transition:
-    border-color var(--transition),
-    box-shadow var(--transition);
-}
-
-.email-input .email:focus {
-  border-color: var(--red);
-  box-shadow: 0 0 0 3px rgba(226, 55, 68, 0.1);
-}
-
-.email-input .email::placeholder {
-  color: var(--text-muted);
-}
-
-.email-input .btn {
-  background: var(--red);
-  color: #fff;
-  border: none;
-  min-width: 16rem;
-  border-radius: var(--radius-sm);
-  font-size: 1.5rem;
-  font-weight: 600;
-  font-family: "Outfit", sans-serif;
-  padding: 0 2rem;
-  cursor: pointer;
-  white-space: nowrap;
-  transition:
-    background var(--transition),
-    transform var(--transition),
-    box-shadow var(--transition);
-  box-shadow: 0 4px 14px rgba(226, 55, 68, 0.3);
-}
-
-.email-input .btn:hover {
-  background: var(--red-dark);
-  transform: translateY(-2px);
-  box-shadow: 0 8px 20px rgba(226, 55, 68, 0.35);
-}
-
-.app-section .caption {
-  font-size: 1.3rem;
-  color: var(--text-muted);
-  margin: 0 0 1rem;
-  font-weight: 300;
-}
-
-.store .buttons {
-  display: flex;
-  gap: 10px;
-  flex-wrap: wrap;
-}
-
-.store .buttons img {
-  width: 13.5rem;
-  height: 4rem;
-  object-fit: contain;
-  cursor: pointer;
-  border-radius: 8px;
-  transition:
-    transform var(--transition),
-    opacity var(--transition);
-  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
-}
-
-.store .buttons img:hover {
-  transform: translateY(-2px);
-  opacity: 0.9;
-}
-
-/* Dark mode text */
-body.dark-mode .app-section .phone-title {
-  color: #f0f0f0;
-}
-body.dark-mode .app-section .app-description {
-  color: #aaa;
-}
-body.dark-mode .email-input .email {
-  background: #252525;
-  color: #f0f0f0;
-  border-color: #404040;
-}
-body.dark-mode .app-section .caption {
-  color: #777;
-}
-
-/* ===== RESPONSIVE ===== */
-@media (max-width: 800px) {
-  .app-section .content {
-    flex-direction: column;
-    gap: 3rem;
-    padding: 4rem 2.4rem;
-  }
-  .app-section .phone-image {
-    display: none;
-  }
-  .app-section .phone-title {
-    font-size: 3rem;
-  }
-  .app-section .option-selector {
-    font-size: 1.5rem;
-  }
-  
-  @media (max-width: 800px) {
-    .content {
-      margin-top: 7.5rem;
-      max-width: 42.4rem;
-      margin: 0px 2.4rem;
-    }
-  
-    .content .phone-image {
-      display: none;
-    }
-  
-    .app-section {
-      padding: 0 1rem;
-    }
-
-  }
-
-/* Dark Mode Styles */
-body.dark-mode {
-    background-color: #121212;
-}
-
-
-/* Cards / Sections */
-body.dark-mode .card,
-body.dark-mode .container,
-body.dark-mode .box {
-    background-color: #f9f5f5;
-    color: #ffffff;
-}
-
-body.dark-mode .explore-options{ color: grey;}
-/* Buttons */
-body.dark-mode button {
-    background-color: #333;
-    color: white;
-}
-
-
-/* APP SECTION DARK MODE */
-body.dark-mode .app-section {
-    background-color: #1e1e1e;
-    color: rgb(152, 151, 151);
-}
-
-/* Text inside app section */
-body.dark-mode .phone-title {
-    color: white;
-}
-
-body.dark-mode .app-description {
-    color: #ccc;
-}
-
-/* Input */
-body.dark-mode .email-input .email {
-    background-color: #2a2a2a;
-    color: white;
-    border: 1px solid #555;
-}
-
-/* Button */
-body.dark-mode .email-input .btn {
-    background-color: #ff4d4d;
-    color: white;
-}
-
-/* Caption */
-body.dark-mode .caption {
-    color: #aaa;
-}
-
-/* ================= FINAL LIGHT MODE (WORKING) ================= */
-
-
-
-/* Restore app section soft color */
-body:not(.dark-mode) .app-section {
-    background-color: rgb(255, 251, 247) !important;
-}
-
-/* Buttons */
-body:not(.dark-mode) button {
-    background-color: #f0f0f0 !important;
-    color: black !important;
-}
-
-/* Input */
-body:not(.dark-mode) input {
-    background-color: white !important;
-    color: black !important;
-}
-
-#darkModeToggle {
-    position: relative;
-    z-index: 1000;
-    cursor: pointer;
-}
-
-#darkModeToggle {
-  width: 40px;
-  height: 40px;
-
-  border-radius: 50%;          /* circle */
-   border: 2px solid #ff4d4d;     /* red outline */
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  background: transparent;     /* no background */
-  cursor: pointer;
-
-  font-size: 22px;             /* icon size */
-   border: 2px solid #ff4d4d;                  /* icon color */
-
-  transition: 0.3s ease;
-}
-
diff --git a/public/zomato-clone/brands.css b/public/zomato-clone/brands.css
deleted file mode 100644
index b959df2fd..000000000
--- a/public/zomato-clone/brands.css
+++ /dev/null
@@ -1,199 +0,0 @@
-/* ===== BRANDS SECTION ===== */
-.brands-section {
-  padding: 7rem 8%;
-  text-align: center;
-  background: var(--bg);
-  transition: background var(--transition);
-}
-
-.brands-header {
-  margin-bottom: 5rem;
-}
-
-.brands-header h2 {
-  font-size: 7rem;
-  font-weight: 800;
-  color: var(--text-primary);
-  letter-spacing: -0.04em;
-  line-height: 1;
-}
-
-.headerpbox {
-  display: inline-block;
-  margin-top: 1rem;
-}
-
-.headerpbox p {
-  font-size: 1.3rem;
-  color: var(--text-muted);
-  letter-spacing: 0.28em;
-  font-weight: 500;
-  text-transform: uppercase;
-}
-
-/* Brand cards grid */
-.brand-cards {
-  display: flex;
-  justify-content: center;
-  gap: 2rem;
-  flex-wrap: wrap;
-}
-
-.brand-card {
-  width: 24rem;
-  padding: 3.2rem 2.8rem;
-  border-radius: var(--radius-lg);
-  transition:
-    transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
-    box-shadow 0.28s ease;
-  min-height: 36rem;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  cursor: pointer;
-  border: 1.5px solid transparent;
-  position: relative;
-  overflow: hidden;
-}
-
-.brand-card::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  border-radius: inherit;
-  background: linear-gradient(
-    135deg,
-    rgba(255, 255, 255, 0.6) 0%,
-    transparent 100%
-  );
-}
-
-.brand-card:hover::before {
-  opacity: 1;
-}
-
-.brand-card:hover {
-  transform: translateY(-10px) scale(1.02);
-  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.14);
-}
-
-.brand-card img {
-  width: 9rem;
-  height: 9rem;
-  border-radius: 2rem;
-  object-fit: contain;
-  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
-  transition: transform 0.3s ease;
-}
-
-.brand-card:hover img {
-  transform: scale(1.06) rotate(2deg);
-}
-
-.brand-card h3 {
-  margin-top: 1.8rem;
-  font-size: 2.4rem;
-  font-weight: 700;
-  color: var(--text-primary);
-  letter-spacing: -0.02em;
-}
-
-.brand-card p {
-  font-size: 1.4rem;
-  color: var(--text-secondary);
-  line-height: 1.6;
-  margin: 1.2rem 0 1.8rem;
-  font-weight: 300;
-  flex: 1;
-}
-
-.brand-card a {
-  text-decoration: none;
-  color: var(--red);
-  font-weight: 600;
-  font-size: 1.4rem;
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 0.6rem 1.4rem;
-  border-radius: 99px;
-  background: rgba(226, 55, 68, 0.08);
-  transition:
-    background var(--transition),
-    gap var(--transition);
-}
-
-.brand-card a:hover {
-  background: rgba(226, 55, 68, 0.16);
-  gap: 8px;
-}
-
-/* Card colors */
-.zomato-card {
-  background: #fff2f3;
-  border-color: rgba(226, 55, 68, 0.15);
-}
-.blinkit-card {
-  background: #fffde7;
-  border-color: rgba(255, 214, 0, 0.25);
-}
-.district-card {
-  background: #f3ecff;
-  border-color: rgba(106, 13, 132, 0.12);
-}
-.hyperpure-card {
-  background: #f0fff4;
-  border-color: rgba(39, 174, 96, 0.15);
-}
-
-/* Dark mode */
-body.dark-mode .zomato-card {
-  background: #2a1a1b;
-  border-color: rgba(226, 55, 68, 0.2);
-}
-body.dark-mode .blinkit-card {
-  background: #252008;
-  border-color: rgba(255, 214, 0, 0.15);
-}
-body.dark-mode .district-card {
-  background: #1e1525;
-  border-color: rgba(150, 50, 200, 0.2);
-}
-body.dark-mode .hyperpure-card {
-  background: #0d2018;
-  border-color: rgba(39, 174, 96, 0.2);
-}
-body.dark-mode .brand-card h3 {
-  color: #f0f0f0;
-}
-body.dark-mode .brand-card p {
-  color: #999;
-}
-
-/* ===== RESPONSIVE ===== */
-@media (max-width: 800px) {
-  .brands-section {
-    padding: 5rem 5%;
-  }
-  .brands-header h2 {
-    font-size: 5rem;
-  }
-  .brand-card {
-    width: 46%;
-    min-width: 16rem;
-    min-height: auto;
-    padding: 2.4rem 2rem;
-  }
-}
-
-@media (max-width: 480px) {
-  .brands-header h2 {
-    font-size: 3.6rem;
-  }
-  .brand-card {
-    width: 100%;
-  }
-}
diff --git a/public/zomato-clone/explore.css b/public/zomato-clone/explore.css
deleted file mode 100644
index 9d5b30c3f..000000000
--- a/public/zomato-clone/explore.css
+++ /dev/null
@@ -1,159 +0,0 @@
-/* ===== EXPLORE OPTIONS ===== */
-.explore-options {
-  padding: 5rem 0 6rem;
-  width: 112rem;
-  max-width: calc(100% - 4rem);
-  margin: 0 auto;
-}
-
-.explore-options .heading {
-  margin: 0 0 2.4rem;
-  color: var(--text-primary);
-  font-size: 2.8rem;
-  font-weight: 700;
-  letter-spacing: -0.02em;
-}
-
-.accordions {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
-.accordion {
-  display: flex;
-  flex-direction: column;
-  border-radius: var(--radius-md);
-  padding: 0;
-  border: 1.5px solid var(--border);
-  background: var(--bg-white);
-  cursor: pointer;
-  overflow: hidden;
-  transition:
-    border-color var(--transition),
-    box-shadow var(--transition);
-}
-
-.accordion:hover {
-  border-color: rgba(226, 55, 68, 0.3);
-  box-shadow: var(--shadow-sm);
-}
-
-.accordion-container {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 1.8rem;
-  font-weight: 500;
-  color: var(--text-primary);
-  padding: 1.8rem 2.2rem;
-  transition: background var(--transition);
-}
-
-.accordion-container:hover {
-  background: rgba(226, 55, 68, 0.03);
-}
-
-.accordion-container i {
-  font-size: 1.4rem;
-  color: var(--text-muted);
-  transition:
-    transform 0.25s ease,
-    color var(--transition);
-  flex-shrink: 0;
-}
-
-.animate {
-  transform: rotate(180deg) !important;
-  color: var(--red) !important;
-}
-
-/* Accordion data panel */
-.accordion-data {
-  display: none;
-  padding: 0 2.2rem 2rem;
-  border-top: 1px solid var(--border);
-  animation: slideDown 0.22s ease;
-}
-
-@keyframes slideDown {
-  from {
-    opacity: 0;
-    transform: translateY(-8px);
-  }
-  
-  .explore-options .heading {
-    margin: 0px 0px 2rem;
-    color: rgb(117, 116, 114);
-    font-size: 3rem;
-    line-height: 4rem;
-    font-weight: 700;
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.show {
-  display: block;
-}
-
-.accordion-data ul {
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
-  align-items: center;
-  padding-top: 1.4rem;
-  gap: 0.2rem 0;
-}
-
-.accordion-data li {
-  text-decoration: none;
-  color: var(--text-muted);
-  font-size: 1.5rem;
-  line-height: 1.9;
-  margin-right: 0.8rem;
-  font-weight: 300;
-  cursor: pointer;
-  transition: color var(--transition);
-}
-
-.accordion-data li:hover {
-  color: var(--red);
-}
-
-.accordion-data .small-circle {
-  display: inline-block;
-  width: 3px;
-  height: 3px;
-  background: var(--border-dark);
-  border-radius: 50%;
-  margin-right: 0.8rem;
-  margin-bottom: 0.3rem;
-  vertical-align: middle;
-}
-
-/* Dark mode */
-body.dark-mode .accordion {
-  background: var(--bg-white);
-  border-color: var(--border);
-}
-body.dark-mode .accordion-container {
-  color: var(--text-primary);
-}
-
-/* ===== RESPONSIVE ===== */
-@media (max-width: 800px) {
-  .explore-options {
-    max-width: calc(100% - 4rem);
-    width: auto;
-    margin: 0 2rem;
-  }
-  .accordion-container {
-    font-size: 1.6rem;
-    padding: 1.5rem 1.8rem;
-  }
-  .accordion-data li {
-    font-size: 1.4rem;
-  }
-}
diff --git a/public/zomato-clone/footer.css b/public/zomato-clone/footer.css
deleted file mode 100644
index e33eefb39..000000000
--- a/public/zomato-clone/footer.css
+++ /dev/null
@@ -1,301 +0,0 @@
-/* ===== FOOTER ===== */
-footer {
-  width: 100%;
-  background: var(--bg-white);
-  display: flex;
-  justify-content: center;
-  margin-top: auto;
-  flex-wrap: wrap;
-  border-top: 1px solid var(--border);
-  transition: background var(--transition);
-}
-
-.footer-data {
-  max-width: 112rem;
-  width: 112rem;
-  padding: 5rem 2rem 2.4rem;
-  position: relative;
-}
-
-/* Footer top */
-footer .footer-top {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  justify-content: space-between;
-  margin-bottom: 4.5rem;
-  flex-wrap: wrap;
-  gap: 2rem;
-}
-
-.footer-top img.logo-img {
-  height: 2.9rem;
-  width: auto;
-  object-fit: contain;
-}
-
-.footer-top .row {
-  gap: 12px;
-  align-items: center;
-}
-
-/* Country dropdown */
-.footer-top .country-dropdown {
-  min-width: 10rem;
-  width: max-content;
-  max-width: 100%;
-  cursor: pointer;
-  position: relative;
-  padding: 0.7rem 1.2rem;
-  border: 1.5px solid var(--border-dark);
-  border-radius: var(--radius-sm);
-  display: flex;
-  font-size: 1.45rem;
-  font-weight: 400;
-  gap: 0.8rem;
-  align-items: center;
-  background: var(--bg-white);
-  color: var(--text-primary);
-  transition:
-    border-color var(--transition),
-    box-shadow var(--transition);
-  user-select: none;
-}
-
-.footer-top .country-dropdown:hover {
-  border-color: var(--red);
-  box-shadow: 0 4px 16px rgba(226, 55, 68, 0.1);
-}
-
-.footer-top .country-dropdown i.fa-chevron-down {
-  transition: transform 0.22s ease;
-  color: var(--text-muted);
-  font-size: 1.1rem;
-}
-
-.footer-top .country-dropdown:hover i.fa-chevron-down,
-.footer-top .country-dropdown:focus-within i.fa-chevron-down {
-  transform: rotate(180deg);
-  color: var(--red);
-}
-
-.country-dropdown img.flag {
-  height: 2rem;
-  width: auto;
-  border-radius: 2px;
-}
-
-.country-options {
-  position: absolute;
-  bottom: calc(100% + 8px);
-  left: 0;
-  min-width: 100%;
-  background: var(--bg-white);
-  border-radius: var(--radius-sm);
-  border: 1.5px solid var(--border);
-  box-shadow: var(--shadow-lg);
-  overflow: hidden;
-  opacity: 0;
-  visibility: hidden;
-  transform: translateY(6px);
-  transition:
-    opacity 0.2s ease,
-    transform 0.2s ease,
-    visibility 0.2s;
-  z-index: 100;
-}
-
-.footer-top .country-dropdown:hover .country-options,
-.footer-top .country-dropdown:focus-within .country-options {
-  opacity: 1;
-  visibility: visible;
-  transform: translateY(0);
-}
-
-.country-option {
-  padding: 0.9rem 1.2rem;
-  font-size: 1.4rem;
-  color: var(--text-secondary);
-  cursor: pointer;
-  white-space: nowrap;
-  transition:
-    background var(--transition),
-    color var(--transition);
-}
-.country-option:not(:last-child) {
-  border-bottom: 1px solid var(--border);
-}
-.country-option:hover {
-  background: var(--red-light);
-  color: var(--red);
-}
-
-/* Middle links */
-footer .middle {
-  width: 100%;
-  margin-bottom: 4rem;
-}
-
-.middle .footer-links {
-  position: relative;
-  flex-grow: 0;
-  flex-shrink: 0;
-  max-width: 18%;
-  padding: 0;
-}
-
-.middle.row {
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: 2rem 0;
-}
-
-.middle .footer-title {
-  font-size: 1.2rem;
-  letter-spacing: 0.18em;
-  text-transform: uppercase;
-  font-weight: 700;
-  color: var(--text-primary);
-  margin: 0 0 1.4rem;
-}
-
-.middle ul {
-  list-style: none;
-}
-
-.middle ul li {
-  font-size: 1.4rem;
-  line-height: 1.5;
-  color: var(--text-muted);
-  margin: 0.55rem 0;
-  cursor: pointer;
-  transition: color var(--transition);
-  font-weight: 300;
-}
-
-.middle ul li:hover {
-  color: var(--red);
-}
-
-.middle .column {
-  gap: 24px;
-}
-.middle .column .footer-links {
-  max-width: fit-content;
-}
-
-/* Socials */
-.socials ul {
-  display: flex;
-  gap: 8px;
-  margin: 0.8rem 0 1.6rem;
-  list-style: none;
-  flex-wrap: wrap;
-}
-
-.footer-links .socials li {
-  margin: 0;
-  width: fit-content;
-}
-
-.socials li a {
-  display: inline-flex;
-  text-decoration: none;
-  color: #fff;
-  width: 3.2rem;
-  height: 3.2rem;
-  background: var(--text-primary);
-  border-radius: 50%;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.4rem;
-  transition:
-    transform 0.22s ease,
-    box-shadow 0.22s ease,
-    background 0.22s ease;
-}
-
-.socials li a:hover {
-  transform: translateY(-4px);
-  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-  background: var(--red);
-}
-
-.footer-links .buttons {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.footer-links .buttons img {
-  width: 13rem;
-  height: 3.8rem;
-  object-fit: contain;
-  border-radius: 6px;
-  cursor: pointer;
-  transition: transform var(--transition);
-}
-.footer-links .buttons img:hover {
-  transform: translateY(-2px);
-}
-
-/* Divider + end */
-footer hr {
-  border: none;
-  border-top: 1px solid var(--border);
-  margin-top: 1rem;
-}
-
-footer .end {
-  font-size: 1.25rem;
-  color: var(--text-muted);
-  line-height: 1.7;
-  margin-top: 1.8rem;
-  font-weight: 300;
-}
-
-/* Dark mode */
-body.dark-mode footer {
-  background: #161616;
-  border-color: #222;
-}
-body.dark-mode .footer-top .country-dropdown {
-  background: #1e1e1e;
-  border-color: #333;
-}
-body.dark-mode .country-options {
-  background: #1e1e1e;
-  border-color: #333;
-}
-body.dark-mode .socials li a {
-  background: #2a2a2a;
-}
-
-/* ===== RESPONSIVE ===== */
-@media (max-width: 800px) {
-  .footer-data {
-    padding: 4rem 2.4rem 2rem;
-    width: 100%;
-  }
-  .socials {
-    display: none;
-  }
-
-  footer .footer-top {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-
-  .middle .footer-links {
-    max-width: 46%;
-    margin-bottom: 2.4rem;
-  }
-  .middle.row {
-    gap: 0;
-  }
-}
-
-@media (max-width: 480px) {
-  .middle .footer-links {
-    max-width: 100%;
-  }
-}
diff --git a/public/zomato-clone/index.css b/public/zomato-clone/index.css
deleted file mode 100644
index 650e7765a..000000000
--- a/public/zomato-clone/index.css
+++ /dev/null
@@ -1,119 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600&display=swap");
-
-:root {
-  --red: #e23744;
-  --red-dark: #c72d39;
-  --red-light: #fff0f1;
-  --red-mid: #ff6b78;
-  --bg: #fafafa;
-  --bg-white: #ffffff;
-  --text-primary: #1c1c1c;
-  --text-secondary: #4f4f4f;
-  --text-muted: #969696;
-  --border: #ebebeb;
-  --border-dark: #d0d0d0;
-  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.07);
-  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.1);
-  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.14);
-  --radius-sm: 8px;
-  --radius-md: 14px;
-  --radius-lg: 22px;
-  --transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-body.dark-mode {
-  --bg: #111111;
-  --bg-white: #1a1a1a;
-  --text-primary: #f0f0f0;
-  --text-secondary: #b0b0b0;
-  --text-muted: #666;
-  --border: #2a2a2a;
-  --border-dark: #333;
-  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
-  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
-  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.5);
-}
-
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  max-width: 100%;
-}
-
-html {
-  font-family: "Outfit", sans-serif;
-  scroll-behavior: smooth;
-  font-size: 10px;
-}
-
-body {
-  overflow-x: hidden;
-  background-color: var(--bg);
-  color: var(--text-primary);
-  transition:
-    background-color 0.3s ease,
-    color 0.3s ease;
-}
-
-a {
-  text-decoration: none;
-}
-
-.row {
-  display: flex;
-}
-.column {
-  display: flex;
-  flex-direction: column;
-}
-
-/* Scrollbar */
-::-webkit-scrollbar {
-  width: 6px;
-}
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-::-webkit-scrollbar-thumb {
-  background: var(--border-dark);
-  border-radius: 99px;
-}
-::-webkit-scrollbar-thumb:hover {
-  background: var(--red);
-}
-
-/* Location dropdown */
-.location {
-  position: relative;
-  cursor: pointer;
-}
-.location-dropdown {
-  position: absolute;
-  top: 50px;
-  left: 0;
-  width: 100%;
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  display: none;
-  z-index: 1000;
-  box-shadow: var(--shadow-md);
-  overflow: hidden;
-  max-height: 200px;
-  overflow-y: auto;
-}
-.dropdown-item {
-  padding: 10px 14px;
-  cursor: pointer;
-  font-size: 1.4rem;
-  color: var(--text-secondary);
-  transition: background var(--transition);
-}
-.dropdown-item:hover {
-  background: var(--red-light);
-  color: var(--red);
-}
-.hidden {
-  display: none !important;
-}
diff --git a/public/zomato-clone/index.html b/public/zomato-clone/index.html
index 973a3daa4..c30b5eb40 100644
--- a/public/zomato-clone/index.html
+++ b/public/zomato-clone/index.html
@@ -1,204 +1,543 @@
 <!DOCTYPE html>
-<html lang="en">
-
+<html lang="en" data-theme="light">
 <head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Document</title>
-  <link rel="stylesheet" href="style.css" class="css">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
-</head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Zomato – Discover the best food & drinks</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=DM+Sans:wght@400;500;600&display=swap" rel="stylesheet">
+  <style>
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+    /* ── LIGHT THEME ── */
+    :root {
+      --red: #e23744; --red-dark: #c0392b;
+      --bg: #fff9f7; --bg2: #ffffff; --bg3: #fff0ee;
+      --text: #1c1c1e; --muted: #6b6b6b;
+      --border: #ede8e4; --card-bg: #ffffff;
+      --nav-bg: rgba(255,255,255,0.95);
+      --shadow: rgba(0,0,0,0.08);
+      --input-bg: #ffffff;
+      --toggle-bg: #e5e7eb;
+      --toggle-knob: #ffffff;
+      --footer-bg: #1c1c1e;
+      --footer-text: #d1d1d1;
+    }
+
+    /* ── DARK THEME ── */
+    [data-theme="dark"] {
+      --bg: #0f0f0f; --bg2: #1a1a1a; --bg3: #2a1a1c;
+      --text: #f0f0f0; --muted: #9a9a9a;
+      --border: #2e2e2e; --card-bg: #1e1e1e;
+      --nav-bg: rgba(15,15,15,0.96);
+      --shadow: rgba(0,0,0,0.4);
+      --input-bg: #1e1e1e;
+      --toggle-bg: #e23744;
+      --toggle-knob: #ffffff;
+      --footer-bg: #0a0a0a;
+      --footer-text: #aaaaaa;
+    }
+
+    body {
+      font-family: 'DM Sans', sans-serif;
+      background: var(--bg); color: var(--text);
+      transition: background 0.3s, color 0.3s;
+    }
+
+    /* ── TOP BANNER ── */
+    .top-banner {
+      background: linear-gradient(90deg, #e23744 0%, #ff6b35 50%, #e23744 100%);
+      background-size: 200% 100%; animation: bannerShift 6s linear infinite;
+      color: #fff; text-align: center; padding: 10px 20px;
+      font-size: 14px; font-weight: 600;
+      display: flex; align-items: center; justify-content: center; gap: 10px;
+      position: relative; z-index: 200;
+    }
+    @keyframes bannerShift { 0%{background-position:0%} 100%{background-position:200%} }
+    .banner-tag { background: rgba(255,255,255,0.25); border-radius: 20px; padding: 2px 10px; font-size: 11px; letter-spacing: 0.5px; text-transform: uppercase; }
+    .banner-close { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #fff; font-size: 20px; cursor: pointer; opacity: 0.8; line-height: 1; }
+    .banner-close:hover { opacity: 1; }
+
+    /* ── NAV ── */
+    nav {
+      position: sticky; top: 0; z-index: 100;
+      background: var(--nav-bg); backdrop-filter: blur(14px);
+      border-bottom: 1px solid var(--border);
+      display: flex; align-items: center; justify-content: space-between;
+      padding: 0 5%; height: 62px;
+      transition: background 0.3s, border-color 0.3s;
+    }
+    .nav-logo img { height: 28px; }
+    [data-theme="dark"] .nav-logo img { filter: brightness(0) invert(1); }
+    .nav-links { display: flex; align-items: center; gap: 22px; }
+    .nav-links a { text-decoration: none; color: var(--text); font-size: 14px; font-weight: 500; transition: color 0.2s; }
+    .nav-links a:hover { color: var(--red); }
+    .btn-login { padding: 8px 20px; border-radius: 8px; border: 1.5px solid var(--red); color: var(--red); background: transparent; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s; }
+    .btn-login:hover { background: var(--red); color: #fff; }
+    .btn-signup { padding: 8px 20px; border-radius: 8px; background: var(--red); color: #fff; border: none; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background 0.2s; }
+    .btn-signup:hover { background: var(--red-dark); }
+
+    /* ── DARK MODE TOGGLE ── */
+    .dm-toggle {
+      position: relative; width: 52px; height: 28px; cursor: pointer;
+      background: var(--toggle-bg); border-radius: 14px; border: none;
+      transition: background 0.3s; flex-shrink: 0;
+    }
+    .dm-toggle::after {
+      content: ''; position: absolute; top: 3px; left: 3px;
+      width: 22px; height: 22px; border-radius: 50%;
+      background: var(--toggle-knob);
+      transition: transform 0.3s, background 0.3s;
+      display: flex; align-items: center; justify-content: center;
+    }
+    [data-theme="dark"] .dm-toggle::after { transform: translateX(24px); }
+    .dm-icon { font-size: 14px; position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; transition: opacity 0.3s; }
+    .dm-icon.sun { left: 6px; opacity: 1; }
+    .dm-icon.moon { right: 6px; opacity: 0; }
+    [data-theme="dark"] .dm-icon.sun { opacity: 0; }
+    [data-theme="dark"] .dm-icon.moon { opacity: 1; }
+
+    /* ── HERO ── */
+    .hero { min-height: 90vh; position: relative; overflow: hidden; display: flex; align-items: center; padding: 60px 5%; }
+    .hero-bg { position: absolute; inset: 0; background-image: url('https://b.zmtcdn.com/web_assets/81f3ff974d82520780078ba1cfbd453a1583259680.png'); background-size: cover; background-position: center; filter: brightness(0.3); transition: filter 0.3s; }
+    [data-theme="dark"] .hero-bg { filter: brightness(0.18); }
+    .hero-inner { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
+    .hero-left { color: #fff; }
+    .hero-tag { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.15); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; padding: 6px 14px; border-radius: 20px; margin-bottom: 20px; text-transform: uppercase; backdrop-filter: blur(8px); }
+    h1 { font-family: 'Playfair Display', serif; font-size: clamp(34px, 4vw, 54px); line-height: 1.15; margin-bottom: 14px; }
+    h1 em { color: #ffb3b3; font-style: italic; }
+    .hero-sub { font-size: 16px; opacity: 0.8; margin-bottom: 36px; line-height: 1.6; }
+
+    /* SEARCH */
+    .search-bar { display: flex; background: var(--input-bg); border-radius: 14px; overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,0.35); margin-bottom: 24px; border: 1px solid var(--border); transition: background 0.3s, border-color 0.3s; }
+    .search-loc { display: flex; align-items: center; gap: 8px; padding: 0 16px; border-right: 1.5px solid var(--border); flex-shrink: 0; min-width: 155px; transition: border-color 0.3s; }
+    .search-loc svg { color: var(--red); flex-shrink: 0; }
+    .search-loc input, .search-query input { border: none; outline: none; font-family: inherit; font-size: 14px; color: var(--text); background: transparent; transition: color 0.3s; }
+    .search-query { flex: 1; display: flex; align-items: center; padding: 0 16px; gap: 8px; }
+    .search-query input { flex: 1; }
+    .search-query input::placeholder, .search-loc input::placeholder { color: #aaa; }
+    .search-btn { margin: 8px; padding: 12px 22px; background: var(--red); color: #fff; border: none; border-radius: 10px; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background 0.2s; white-space: nowrap; }
+    .search-btn:hover { background: var(--red-dark); }
+
+    .quick-tags { display: flex; gap: 8px; flex-wrap: wrap; }
+    .qtag { padding: 6px 14px; border-radius: 20px; border: 1.5px solid rgba(255,255,255,0.35); background: rgba(255,255,255,0.12); backdrop-filter: blur(8px); font-size: 13px; color: #fff; cursor: pointer; transition: all 0.2s; font-weight: 500; }
+    .qtag:hover { background: rgba(255,255,255,0.25); border-color: rgba(255,255,255,0.6); }
+
+    /* HERO RIGHT */
+    .hero-right { position: relative; display: flex; justify-content: center; align-items: center; }
+    .hero-circle { width: 320px; height: 320px; border-radius: 50%; background: rgba(255,255,255,0.08); backdrop-filter: blur(12px); border: 2px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; overflow: hidden; }
+    .hero-circle img { width: 85%; object-fit: contain; }
+    .float-card { position: absolute; background: var(--card-bg); border-radius: 14px; padding: 10px 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.25); font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 8px; animation: floatY 3s ease-in-out infinite; transition: background 0.3s; }
+    [data-theme="dark"] .float-card { box-shadow: 0 8px 24px rgba(0,0,0,0.6); }
+    .float-card.a { top: 30px; left: -10px; animation-delay: 0s; }
+    .float-card.b { top: 10px; right: -10px; animation-delay: 0.8s; }
+    .float-card.c { bottom: 50px; left: -20px; animation-delay: 1.6s; }
+    .dot { width: 10px; height: 10px; border-radius: 50%; }
+    .dot.g { background: #22c55e; } .dot.o { background: #f97316; } .dot.r { background: var(--red); }
+    .fc-label { font-size: 11px; color: var(--muted); font-weight: 500; }
+    @keyframes floatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
+
+    /* ── SECTIONS ── */
+    section { padding: 60px 5%; background: var(--bg); transition: background 0.3s; }
+    .section-head { margin-bottom: 32px; }
+    .section-head h2 { font-family: 'Playfair Display', serif; font-size: 26px; margin-bottom: 6px; color: var(--text); }
+    .section-head p { color: var(--muted); font-size: 15px; }
+
+    /* NIGHTLIFE OPTION */
+    .option-card { display: flex; align-items: center; gap: 16px; background: var(--card-bg); border-radius: 16px; padding: 16px 20px; box-shadow: 0 4px 16px var(--shadow); cursor: pointer; transition: box-shadow 0.2s, background 0.3s; max-width: 360px; border: 1px solid var(--border); }
+    .option-card:hover { box-shadow: 0 8px 28px var(--shadow); }
+    .option-card img { width: 72px; height: 72px; border-radius: 12px; object-fit: cover; }
+    .option-card .info .title { font-size: 15px; font-weight: 700; margin-bottom: 4px; color: var(--text); }
+    .option-card .info .description { font-size: 13px; color: var(--muted); }
+
+    /* CATEGORIES */
+    .cat-section { background: var(--bg2) !important; }
+    .categories { display: grid; grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)); gap: 14px; }
+    .cat-card { background: var(--bg); border-radius: 14px; padding: 18px 10px; text-align: center; cursor: pointer; transition: all 0.2s; border: 1.5px solid var(--border); }
+    .cat-card:hover { border-color: var(--red); transform: translateY(-4px); background: var(--bg3); }
+    .cat-icon { font-size: 30px; margin-bottom: 8px; }
+    .cat-name { font-size: 12px; font-weight: 600; color: var(--text); }
+
+    /* COLLECTIONS */
+    .collections-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 18px; }
+    .coll-card { border-radius: 16px; overflow: hidden; position: relative; cursor: pointer; box-shadow: 0 4px 16px var(--shadow); height: 195px; }
+    .coll-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
+    .coll-card:hover img { transform: scale(1.06); }
+    .coll-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 55%); padding: 14px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; }
+    .coll-title { font-size: 14px; font-weight: 700; line-height: 1.3; margin-bottom: 4px; }
+    .coll-places { font-size: 12px; opacity: 0.8; }
+
+    /* LOCALITIES */
+    .loc-section { background: var(--bg2) !important; }
+    .localities-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(195px, 1fr)); gap: 12px; }
+    .loc-card { background: var(--card-bg); border: 1.5px solid var(--border); border-radius: 12px; padding: 14px 16px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: all 0.2s; }
+    .loc-card:hover { border-color: var(--red); background: var(--bg3); }
+    .loc-name { font-size: 14px; font-weight: 600; margin-bottom: 3px; color: var(--text); }
+    .loc-count { font-size: 12px; color: var(--muted); }
+    .loc-arrow { color: var(--red); font-size: 18px; }
+
+    /* BRANDS */
+    .brands-section { background: var(--bg2) !important; }
+    .brands-header { text-align: center; margin-bottom: 36px; }
+    .brands-header h2 { font-family: 'Playfair Display', serif; font-size: 30px; margin-bottom: 6px; color: var(--text); }
+    .brands-header p { color: var(--muted); font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
+    .brand-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; }
+    .brand-card { border-radius: 18px; padding: 28px 22px; color: #fff; position: relative; overflow: hidden; }
+    .brand-card img { height: 36px; object-fit: contain; margin-bottom: 10px; }
+    .brand-card h3 { font-size: 20px; font-weight: 700; margin-bottom: 8px; }
+    .brand-card p { font-size: 13px; opacity: 0.85; margin-bottom: 16px; line-height: 1.5; }
+    .brand-card a { color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; opacity: 0.9; }
+    .brand-card a:hover { opacity: 1; }
+    .zomato-card  { background: linear-gradient(135deg, #e23744, #ff6b6b); }
+    .blinkit-card { background: linear-gradient(135deg, #f0c040, #e6a800); color: #1a1a00 !important; }
+    .blinkit-card p, .blinkit-card a { color: #1a1a00 !important; }
+    .district-card{ background: linear-gradient(135deg, #1a1a2e, #16213e); }
+    .hyperpure-card{ background: linear-gradient(135deg, #1e6b3c, #27ae60); }
+
+    /* APP SECTION */
+    .app-section { background: linear-gradient(135deg, #1a0005 0%, #3d0010 100%); color: #fff; border-radius: 24px; margin: 0 5% 60px; padding: 50px 60px; display: flex; align-items: center; gap: 60px; }
+    [data-theme="dark"] .app-section { background: linear-gradient(135deg, #0d0003 0%, #2a000a 100%); border: 1px solid #3d0010; }
+    .app-text { flex: 1; }
+    .app-text h2 { font-family: 'Playfair Display', serif; font-size: 30px; margin-bottom: 10px; }
+    .app-text p { font-size: 15px; opacity: 0.75; margin-bottom: 24px; }
+    .store-btns { display: flex; gap: 12px; }
+    .store-btns img { height: 40px; cursor: pointer; border-radius: 8px; transition: transform 0.2s; }
+    .store-btns img:hover { transform: scale(1.05); }
+    .app-phone img { height: 200px; }
+
+    /* FOOTER */
+    footer { background: var(--footer-bg); color: var(--footer-text); padding: 50px 5% 28px; transition: background 0.3s, color 0.3s; }
+    .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }
+    .footer-brand p { font-size: 13px; line-height: 1.7; margin: 14px 0 20px; opacity: 0.7; }
+    .footer-brand img { height: 30px; filter: brightness(0) invert(1); }
+    .socials { display: flex; gap: 10px; }
+    .socials a { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; font-size: 13px; font-weight: 700; transition: background 0.2s; }
+    .socials a:hover { background: var(--red); }
+    .footer-col h4 { color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 14px; }
+    .footer-col ul { list-style: none; }
+    .footer-col ul li { font-size: 13px; margin-bottom: 10px; cursor: pointer; opacity: 0.7; transition: opacity 0.2s; }
+    .footer-col ul li:hover { opacity: 1; }
+    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; display: flex; justify-content: space-between; font-size: 12px; opacity: 0.5; flex-wrap: wrap; gap: 8px; }
 
+    /* DARK MODE NOTICE TOAST */
+    .dm-toast {
+      position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(80px);
+      background: var(--card-bg); color: var(--text); border: 1px solid var(--border);
+      border-radius: 12px; padding: 10px 20px; font-size: 13px; font-weight: 600;
+      box-shadow: 0 8px 24px var(--shadow); z-index: 9999;
+      transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s;
+      opacity: 0; pointer-events: none; white-space: nowrap;
+    }
+    .dm-toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }
+
+    @media (max-width: 768px) {
+      .hero-inner { grid-template-columns: 1fr; }
+      .hero-right { display: none; }
+      .footer-grid { grid-template-columns: 1fr 1fr; }
+      .app-section { flex-direction: column; text-align: center; padding: 36px 24px; margin: 0 4% 40px; }
+      .store-btns { justify-content: center; }
+      .app-phone { display: none; }
+      .nav-links .hide-mobile { display: none; }
+    }
+  </style>
+</head>
 <body>
-  <div class="main">
-    <div class="container">
-      <div class="c1">
-        <span style="font-size:3.5rem; font-style: italic;font-weight: 800;">zomato</span>
-        India's #1 <br>
-        Food Delivery App<br>
-        <span style="font-size:1.2rem; font-weight: 400;"> Experience fast & easy online ordering<br>
-          on the Zomato app</span>
-      </div>
-      <div class="c2">
-        <div class="google">
-          <div class="logo">
-            <i class="fa-brands fa-google-play"></i>
-          </div>
-          <div class="text">
-            <span style="font-size:0.5rem">Get it on</span>Google Play
-          </div>
-        </div>
-        <div class="app">
-          <div class="logo">
-            <i class="fa-brands fa-apple"></i>
-          </div>
-          <div class="text">
-            <span style="font-size:0.5rem">Download on the</span>App Store
-          </div>
-        </div>
-      </div>
-      <div class="c3"> Scroll Down &nbsp; <i class=" fa-solid fa-angles-down"></i></div>
-    </div>
-  </div>
-  <div class="main2">
-    <div class="burger"></div>
-    <div class="pizza"></div>
-    <div class="momo"></div>
-    <div class="better">
-      <div class="food">Better food for<br>
-        more people</div>
-      <div class="decade">For over a decade, we’ve enabled our <br> customers to discover new tastes,<br>
-        delivered right to their doorstep</div>
-    </div>
-    <div class="city">
-      <div class="restaurants">
-        <div class="res">
-          <span
-            style=" font-family: Lexend, sans-serif; font-size:1.5rem; font-weight: 600; color:rgb(89, 99, 120) ">3,00,000+</span>
-          restaurants
-        </div>
-        <div class="logo2"><i class="fa-solid fa-store"></i></div>
-      </div>
-      <div class="cities">
-        <div class="res">
-          <span
-            style=" font-family: Lexend, sans-serif; font-size:1.5rem; font-weight: 600; color:rgb(89, 99, 120) ">800+</span>
-          cities
-        </div>
-        <div class="logo2"><i class="fa-solid fa-location-dot"></i></div>
-      </div>
-      <div class="delivered">
-        <div class="res2">
-          <span style=" font-family: Lexend, sans-serif; font-size:1.5rem; font-weight: 600; color:rgb(89, 99, 120) ">3
-            Billion+</span>
-          orders delivered
-        </div>
-        <div class="logo2"><i class="fa-solid fa-box-open"></i></div>
-      </div>
-    </div>
+
+<!-- TOP BANNER -->
+<div class="top-banner" id="topBanner">
+  <span class="banner-tag">🎉 New</span>
+  Free delivery on your first 3 orders &nbsp;·&nbsp; Use code <strong>WELCOME50</strong> for 50% off
+  <button class="banner-close" onclick="document.getElementById('topBanner').style.display='none'">×</button>
+</div>
+
+<!-- NAV -->
+<nav>
+  <div class="nav-logo">
+    <img src="https://b.zmtcdn.com/web_assets/b40b97e677bc7b2ca77c58c61db266fe1603954218.png" alt="Zomato" />
   </div>
+  <div class="nav-links">
+    <a href="#" class="hide-mobile">Get the app</a>
+    <a href="#" class="hide-mobile">Add restaurant</a>
+    <a href="#" class="hide-mobile">Investor Relations</a>
+    <button class="btn-login">Log in</button>
+    <button class="btn-signup">Sign up</button>
+    <!-- DARK MODE TOGGLE -->
+    <button class="dm-toggle" id="dmToggle" onclick="toggleDark()" title="Toggle dark mode">
+      <span class="dm-icon sun">☀️</span>
+      <span class="dm-icon moon">🌙</span>
+    </button>
+  </div>
+</nav>
 
-  <div class="main3">
-    <div class="data">
-      <div class="eternal">
-        <img src="https://b.zmtcdn.com/data/o2_assets/45f24a780ec544a02267ccd0da16ce231767592736.png" height="100%"
-          width="29%" alt="">
+<!-- HERO -->
+<section class="hero">
+  <div class="hero-bg"></div>
+  <div class="hero-inner">
+    <div class="hero-left">
+      <div class="hero-tag">🍽️ Food delivery & dining</div>
+      <h1>Discover the best<br>food & drinks in<br><em>Delhi NCR</em></h1>
+      <p class="hero-sub">Order online, explore restaurants, and enjoy<br>the city's best culinary experiences.</p>
+      <div class="search-bar">
+        <div class="search-loc">
+          <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
+          <input id="locationInput" placeholder="Enter location" />
+        </div>
+        <div class="search-query">
+          <svg width="16" height="16" fill="none" stroke="#aaa" stroke-width="2" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
+          <input id="searchInput" placeholder="Search for restaurant, cuisine or a dish" />
+        </div>
+        <button class="search-btn" onclick="doSearch()">Search</button>
       </div>
-      <div class="power">
-        POWERING INDIA’S <br>
-        CHANGING LIFESTYLES
+      <div class="quick-tags">
+        <span class="qtag">🍕 Pizza</span>
+        <span class="qtag">🍔 Burgers</span>
+        <span class="qtag">🍜 Chinese</span>
+        <span class="qtag">🍛 Biryani</span>
+        <span class="qtag">🥟 Momos</span>
+        <span class="qtag">🧁 Desserts</span>
       </div>
     </div>
-    <div class="cards">
-      <div class="zomato-card">
-        <div class="card ca1">
-        </div>
-        <div class="t1">zomato</div>
-        <div class="t2">Get the app now to start to start<br> ordering your favourite <br>dishes!</div>
-        <div class="t4">Check it out ></div>
+    <div class="hero-right">
+      <div class="float-card a">
+        <div class="dot g"></div>
+        <div><div class="fc-label">Orders today</div><div>12,450+</div></div>
       </div>
-      <div class=" zomato-card blinkit">
-        <div class="card ca2" style="background-image: url('https://b.zmtcdn.com/data/o2_assets/071cb96db84f20eea3a39804e113bdee1739777655.png') !important;"></div>
-        <div class="t1">blinkit</div>
-        <div class="t2">Choose from 30,000+ <br> products & get them <br> delivered at your <br> doorstep</div>
-        <div class="t4">Check it out ></div>
+      <div class="float-card b">
+        <div class="dot o"></div>
+        <div><div class="fc-label">Avg delivery</div><div>~30 mins</div></div>
       </div>
-      <div class="zomato-card district">
-        <div class="card ca3"></div>
-        <div class="t1">district</div>
-        <div class="t2">The best of events,<br> movies , dining, and <br> everything you love!</div>
-        <div class="t4">Check it out ></div>
+      <div class="hero-circle">
+        <img src="https://b.zmtcdn.com/data/o2_assets/f773629053b24263e69f601925790f301680693809.png" alt="Food" />
       </div>
-      <div class="zomato-card hyperpure">
-        <div class="card ca4"></div>
-        <div class="t1">hyperpure</div>
-        <div class="t2">Offering complete supply<br> chain solution for your <br> restaurant</div>
-        <div class="t4">Check it out ></div>
+      <div class="float-card c">
+        <div class="dot r"></div>
+        <div><div class="fc-label">Restaurants</div><div>5,000+ nearby</div></div>
       </div>
-
     </div>
   </div>
-  <div class="main4">
-    <div class="end">
-      <div class="heading">zomato</div>
-      <div class="element">
-        <div class="e1">
-          <span style="font-size:1.5rem ; font-weight:500;color:white">Eternal</span>
-          <span> Zomato</span>
-          <span> Blinkit</span>
-          <span> District</span>
-          <span> Hyperpure</span>
-          <span> Feeding India</span>
-          <span> Investor Relations</span>
-        </div>
-        <div class="e1">
-          <span style="font-size:1.5rem ; font-weight:500;color:white">For Restaurants</span>
-          <span> Partner With Us</span>
-          <span>Apps For You</span>
-          <span>Restaurant Consulting</span>
-        </div>
-        <div class="e1">
-          <span style="font-size:1.5rem ; font-weight:500;color:white">For Delivery<br>Partners</span>
-          <span>Partner With Us</span>
-          <span>Apps For You</span>
-        </div>
-        <div class="e1"><span style="font-size:1.5rem ; font-weight:500; color:white">Learn More</span>
-          <span> Privacy</span>
-          <span> Security</span>
-          <span>Terms of Service</span>
-          <span> Help & Support</span>
-          <span> Report a Fraud</span>
-          <span> Blog
-        </div></span>
-        <div class="e1">
-          <div class="social"><span style="font-size:1.5rem ; font-weight:500; color:white"> Social
-              Links</span></div>
-          <div class="logos">
-            <div class="l1"><i class="fa-brands fa-linkedin-in"></i>
-            </div>
-            <div class="l1"><i class="fa-brands fa-instagram"></i>
-            </div>
-            <div class="l1"><i class="fa-brands fa-youtube"></i></div>
-            <div class="l1"><i class="fa-brands fa-facebook-f"></i></div>
-            <div class="l1"><i class="fa-brands fa-x-twitter"></i></div>
-
-          </div>
-          <div class="google2">
-            <div class="logo6">
-              <i class="fa-brands fa-google-play"></i>
-            </div>
-            <div class="text9">
-              Google Play
-            </div>
-          </div>
-          <div class="app2">
-            <div class="logo6">
-              <i class="fa-brands fa-apple"></i>
-            </div>
-            <div class="text9">App Store
-            </div>
-          </div>
+</section>
 
-        </div>
+<!-- NIGHTLIFE -->
+<section style="padding:32px 5%;">
+  <div class="option-card">
+    <img src="https://b.zmtcdn.com/webFrontend/d9d80ef91cb552e3fdfadb3d4f4379761647365057.jpeg?output-format=webp&fit=around|402:360&crop=402:360;*,*" />
+    <div class="info">
+      <div class="title">Nightlife and Clubs</div>
+      <div class="description">Explore the city's top nightlife outlets</div>
+    </div>
+  </div>
+</section>
 
-      </div>
+<!-- CATEGORIES -->
+<section class="cat-section">
+  <div class="section-head">
+    <h2>What's on your mind?</h2>
+    <p>Browse by cuisine or category</p>
+  </div>
+  <div class="categories">
+    <div class="cat-card"><div class="cat-icon">🍕</div><div class="cat-name">Pizza</div></div>
+    <div class="cat-card"><div class="cat-icon">🍔</div><div class="cat-name">Burgers</div></div>
+    <div class="cat-card"><div class="cat-icon">🍜</div><div class="cat-name">Chinese</div></div>
+    <div class="cat-card"><div class="cat-icon">🍛</div><div class="cat-name">Biryani</div></div>
+    <div class="cat-card"><div class="cat-icon">🥗</div><div class="cat-name">Healthy</div></div>
+    <div class="cat-card"><div class="cat-icon">🍣</div><div class="cat-name">Sushi</div></div>
+    <div class="cat-card"><div class="cat-icon">🧁</div><div class="cat-name">Desserts</div></div>
+    <div class="cat-card"><div class="cat-icon">☕</div><div class="cat-name">Cafes</div></div>
+    <div class="cat-card"><div class="cat-icon">🍱</div><div class="cat-name">South Indian</div></div>
+    <div class="cat-card"><div class="cat-icon">🥩</div><div class="cat-name">Kebabs</div></div>
+    <div class="cat-card"><div class="cat-icon">🌮</div><div class="cat-name">Rolls</div></div>
+    <div class="cat-card"><div class="cat-icon">🥟</div><div class="cat-name">Momos</div></div>
+  </div>
+</section>
 
+<!-- COLLECTIONS -->
+<section>
+  <div class="section-head" style="display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px">
+    <div>
+      <h2>Collections</h2>
+      <p>Explore curated lists of top restaurants, cafes, pubs, and bars in Delhi NCR, based on trends</p>
+    </div>
+    <a href="#" style="color:var(--red);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap">All collections in Delhi NCR →</a>
+  </div>
+  <div class="collections-grid">
+    <div class="coll-card">
+      <img src="https://b.zmtcdn.com/data/collections/77c1b9704985885cbe2cb094e9983eab_1682080540.jpg?output-format=webp" />
+      <div class="coll-overlay"><div class="coll-title">Winners of Zomato Restaurant Awards</div><div class="coll-places">32 Places ›</div></div>
+    </div>
+    <div class="coll-card">
+      <img src="https://b.zmtcdn.com/data/collections/16e3a8b363d4592a72b2c4f486c63fb8_1678096853.jpg?output-format=webp" />
+      <div class="coll-overlay"><div class="coll-title">22 Best Insta-worthy Places</div><div class="coll-places">22 Places ›</div></div>
+    </div>
+    <div class="coll-card">
+      <img src="https://b.zmtcdn.com/data/collections/8dd5adbf91d78c8d11796c6b230539ef_1674568824.jpg?output-format=webp" />
+      <div class="coll-overlay"><div class="coll-title">21 Romantic Dining Places</div><div class="coll-places">21 Places ›</div></div>
+    </div>
+    <div class="coll-card">
+      <img src="https://b.zmtcdn.com/data/collections/a1bafc59f9aa67998b9f8de61b9abbd4_1680160970.png?output-format=webp" />
+      <div class="coll-overlay"><div class="coll-title">18 Thrilling Live Cricket Screenings</div><div class="coll-places">18 Places ›</div></div>
+    </div>
+  </div>
+</section>
 
+<!-- LOCALITIES -->
+<section class="loc-section">
+  <div class="section-head">
+    <h2>Popular localities in and around <span style="color:var(--red)">Delhi NCR</span></h2>
+    <p>Find the best restaurants in your neighbourhood</p>
+  </div>
+  <div class="localities-grid">
+    <div class="loc-card"><div><div class="loc-name">Connaught Place</div><div class="loc-count">252 Places</div></div><span class="loc-arrow">›</span></div>
+    <div class="loc-card"><div><div class="loc-name">Sector 29</div><div class="loc-count">144 Places</div></div><span class="loc-arrow">›</span></div>
+    <div class="loc-card"><div><div class="loc-name">Sector 18, Noida</div><div class="loc-count">205 Places</div></div><span class="loc-arrow">›</span></div>
+    <div class="loc-card"><div><div class="loc-name">Rajouri Garden</div><div class="loc-count">296 Places</div></div><span class="loc-arrow">›</span></div>
+    <div class="loc-card"><div><div class="loc-name">Saket</div><div class="loc-count">307 Places</div></div><span class="loc-arrow">›</span></div>
+    <div class="loc-card"><div><div class="loc-name">DLF Cyber City</div><div class="loc-count">153 Places</div></div><span class="loc-arrow">›</span></div>
+    <div class="loc-card"><div><div class="loc-name">Golf Course Road</div><div class="loc-count">154 Places</div></div><span class="loc-arrow">›</span></div>
+    <div class="loc-card"><div><div class="loc-name">DLF Phase 4</div><div class="loc-count">221 Places</div></div><span class="loc-arrow">›</span></div>
+  </div>
+</section>
 
+<!-- BRANDS -->
+<section class="brands-section">
+  <div class="brands-header">
+    <h2>eternal</h2>
+    <p>Powering India's Changing Lifestyles</p>
+  </div>
+  <div class="brand-cards">
+    <div class="brand-card zomato-card">
+      <img src="images/zomato.png" onerror="this.style.display='none'" alt="Zomato" />
+      <h3>zomato</h3>
+      <p>Get the app now to start ordering your favorite dishes!</p>
+      <a href="#">Check it out →</a>
+    </div>
+    <div class="brand-card blinkit-card">
+      <img src="images/blinkit.png" onerror="this.style.display='none'" alt="Blinkit" />
+      <h3>blinkit</h3>
+      <p>Choose from 30,000+ products delivered to your doorstep.</p>
+      <a href="#">Check it out →</a>
+    </div>
+    <div class="brand-card district-card">
+      <img src="images/district.png" onerror="this.style.display='none'" alt="District" />
+      <h3>district</h3>
+      <p>The best of events, movies, dining, and everything you love!</p>
+      <a href="#">Check it out →</a>
     </div>
-    <br>
+    <div class="brand-card hyperpure-card">
+      <img src="images/hyperpure.png" onerror="this.style.display='none'" alt="Hyperpure" />
+      <h3>hyperpure</h3>
+      <p>Offering complete supply chain solution for your restaurant.</p>
+      <a href="#">Check it out →</a>
+    </div>
+  </div>
+</section>
 
-    <div class="footer">
-      <hr>
-      By continuing past this page, you agree to our Terms of Service, Cookie Policy, Privacy Policy and
-      Content Policies. All trademarks are properties of their respective owners
-      2008-2026 © Zomato™ Ltd. All rights reserved.
+<!-- APP SECTION -->
+<div class="app-section">
+  <div class="app-text">
+    <h2>Get the Zomato app</h2>
+    <p>We will send you a link, open it on your phone to download the app</p>
+    <div class="store-btns">
+      <img src="https://b.zmtcdn.com/data/webuikit/23e930757c3df49840c482a8638bf5c31556001144.png" alt="App Store" />
+      <img src="https://b.zmtcdn.com/data/webuikit/9f0c85a5e33adb783fa0aef667075f9e1556003622.png" alt="Google Play" />
     </div>
+  </div>
+  <div class="app-phone">
+    <img src="https://b.zmtcdn.com/data/o2_assets/f773629053b24263e69f601925790f301680693809.png" alt="App" />
+  </div>
+</div>
 
+<!-- FOOTER -->
+<footer>
+  <div class="footer-grid">
+    <div class="footer-brand footer-col">
+      <img src="https://b.zmtcdn.com/web_assets/b40b97e677bc7b2ca77c58c61db266fe1603954218.png" alt="Zomato" />
+      <p>Discover the best food & drinks in your city. Delivering joy, one meal at a time.</p>
+      <div class="socials">
+        <a href="https://www.linkedin.com/company/zomato/" target="_blank">in</a>
+        <a href="https://www.instagram.com/zomato/" target="_blank">ig</a>
+        <a href="https://twitter.com/zomato" target="_blank">tw</a>
+        <a href="https://www.youtube.com/zomato" target="_blank">yt</a>
+        <a href="https://www.facebook.com/Zomato" target="_blank">fb</a>
+      </div>
+    </div>
+    <div class="footer-col">
+      <h4>About Zomato</h4>
+      <ul><li>Who we are</li><li>Blog</li><li>Work with us</li><li>Investor Relations</li><li>Report Fraud</li><li>Contact us</li></ul>
+    </div>
+    <div class="footer-col">
+      <h4>Zomaverse</h4>
+      <ul><li>Zomato</li><li>Blinkit</li><li>Feeding India</li><li>Hyperpure</li><li>Zomaland</li></ul>
+    </div>
+    <div class="footer-col">
+      <h4>For Restaurants</h4>
+      <ul><li>Partner With Us</li><li>Apps for you</li></ul>
+      <h4 style="margin-top:20px">For Enterprises</h4>
+      <ul><li>Zomato For Enterprises</li></ul>
+      <h4 style="margin-top:20px">Learn More</h4>
+      <ul><li>Privacy</li><li>Security</li><li>Terms</li><li>Sitemap</li></ul>
+    </div>
+    <div class="footer-col">
+      <h4>Download App</h4>
+      <img src="https://b.zmtcdn.com/data/webuikit/23e930757c3df49840c482a8638bf5c31556001144.png" style="height:36px;border-radius:6px;margin-bottom:10px;display:block" />
+      <img src="https://b.zmtcdn.com/data/webuikit/9f0c85a5e33adb783fa0aef667075f9e1556003622.png" style="height:36px;border-radius:6px;display:block" />
+    </div>
   </div>
+  <div class="footer-bottom">
+    <span>By continuing past this page, you agree to our Terms of Service, Cookie Policy, Privacy Policy and Content Policies. All trademarks are properties of their respective owners. 2008-2023 © Zomato™ Ltd. All rights reserved.</span>
+  </div>
+</footer>
 
+<!-- TOAST -->
+<div class="dm-toast" id="dmToast"></div>
 
+<script>
+  /* ── DARK MODE ── */
+  const html = document.documentElement;
+  const toast = document.getElementById('dmToast');
+  let toastTimer;
 
-</body>
+  // Restore saved preference
+  const saved = localStorage.getItem('zomato-theme');
+  if (saved) html.setAttribute('data-theme', saved);
 
-</html>
+  function toggleDark() {
+    const isDark = html.getAttribute('data-theme') === 'dark';
+    const next = isDark ? 'light' : 'dark';
+    html.setAttribute('data-theme', next);
+    localStorage.setItem('zomato-theme', next);
+    showToast(next === 'dark' ? '🌙 Dark mode on' : '☀️ Light mode on');
+  }
+
+  function showToast(msg) {
+    toast.textContent = msg;
+    toast.classList.add('show');
+    clearTimeout(toastTimer);
+    toastTimer = setTimeout(() => toast.classList.remove('show'), 2000);
+  }
+
+  /* ── SEARCH ── */
+  function doSearch() {
+    const q = document.getElementById('searchInput').value.trim();
+    const loc = document.getElementById('locationInput').value.trim();
+    if (!q) { alert('Please enter something!'); return; }
+    alert('You searched for: ' + q + (loc ? ' in ' + loc : ''));
+  }
+  document.getElementById('searchInput').addEventListener('keydown', e => { if (e.key === 'Enter') doSearch(); });
+  document.getElementById('locationInput').addEventListener('keydown', e => {
+    if (e.key === 'Enter') {
+      const loc = document.getElementById('locationInput').value.trim();
+      if (!loc) { alert('Please enter a location!'); return; }
+      alert('Location selected: ' + loc);
+    }
+  });
+
+  /* ── QUICK TAGS ── */
+  document.querySelectorAll('.qtag').forEach(tag => {
+    tag.addEventListener('click', () => {
+      document.getElementById('searchInput').value = tag.textContent.slice(2).trim();
+      document.getElementById('searchInput').focus();
+    });
+  });
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/zomato-clone/login.html b/public/zomato-clone/login.html
deleted file mode 100644
index 3554a4945..000000000
--- a/public/zomato-clone/login.html
+++ /dev/null
@@ -1,571 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Log in – Zomato</title>
-    <link rel="icon" type="image/png" href="images/favicon.ico" />
-    <link rel="stylesheet" href="index.css" />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
-    />
-    <style>
-      body {
-        background: var(--bg);
-        min-height: 100vh;
-        display: flex;
-        flex-direction: column;
-      }
-
-      /* ── NAVBAR ── */
-      .z-navbar {
-        background: var(--bg-white);
-        padding: 0 5%;
-        height: 6.2rem;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        box-shadow: var(--shadow-sm);
-        position: sticky;
-        top: 0;
-        z-index: 100;
-        border-bottom: 1px solid var(--border);
-        transition: background var(--transition);
-      }
-      .z-navbar-logo {
-        height: 2.8rem;
-        cursor: pointer;
-        object-fit: contain;
-      }
-      .z-navbar-right {
-        display: flex;
-        gap: 10px;
-        align-items: center;
-      }
-      .z-navbar-right a {
-        text-decoration: none;
-        font-size: 1.45rem;
-        color: var(--text-secondary);
-        font-weight: 500;
-        padding: 0.65rem 1.6rem;
-        border-radius: var(--radius-sm);
-        transition:
-          background var(--transition),
-          color var(--transition);
-      }
-      .z-navbar-right a:hover {
-        background: var(--red-light);
-        color: var(--red);
-      }
-      .z-navbar-right a.active {
-        border: 1.5px solid var(--red);
-        color: var(--red);
-        background: var(--red-light);
-      }
-      .z-dm-btn {
-        background: var(--bg);
-        border: 1.5px solid var(--border-dark);
-        color: var(--text-primary);
-        font-size: 1.3rem;
-        padding: 0.55rem 1.1rem;
-        border-radius: 99px;
-        cursor: pointer;
-        font-family: "Outfit", sans-serif;
-        transition:
-          border-color var(--transition),
-          background var(--transition);
-      }
-      .z-dm-btn:hover {
-        border-color: var(--red);
-        background: var(--red-light);
-      }
-
-      /* ── MAIN ── */
-      .z-main {
-        flex: 1;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: 4rem 2rem;
-      }
-
-      /* ── CARD ── */
-      .z-card {
-        background: var(--bg-white);
-        border-radius: var(--radius-lg);
-        padding: 4rem 3.8rem 3.4rem;
-        width: 100%;
-        max-width: 44rem;
-        box-shadow: var(--shadow-lg);
-        border: 1px solid var(--border);
-        transition: background var(--transition);
-        animation: cardIn 0.45s cubic-bezier(0.4, 0, 0.2, 1) both;
-      }
-      @keyframes cardIn {
-        from {
-          opacity: 0;
-          transform: translateY(24px) scale(0.98);
-        }
-        to {
-          opacity: 1;
-          transform: translateY(0) scale(1);
-        }
-      }
-
-      .z-card h2 {
-        font-size: 2.6rem;
-        font-weight: 700;
-        color: var(--text-primary);
-        margin-bottom: 0.5rem;
-        letter-spacing: -0.02em;
-      }
-      .z-card .sub {
-        font-size: 1.4rem;
-        color: var(--text-muted);
-        margin-bottom: 2.8rem;
-      }
-      .z-card .sub a {
-        color: var(--red);
-        font-weight: 600;
-      }
-
-      /* Social buttons */
-      .z-social {
-        display: flex;
-        gap: 10px;
-        margin-bottom: 2rem;
-      }
-      .z-social-btn {
-        flex: 1;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        gap: 8px;
-        padding: 1rem 1.4rem;
-        border: 1.5px solid var(--border);
-        border-radius: var(--radius-sm);
-        background: var(--bg-white);
-        font-size: 1.4rem;
-        font-weight: 600;
-        color: var(--text-primary);
-        cursor: pointer;
-        font-family: "Outfit", sans-serif;
-        transition:
-          border-color var(--transition),
-          background var(--transition),
-          transform var(--transition);
-      }
-      .z-social-btn:hover {
-        border-color: var(--red);
-        background: var(--red-light);
-        transform: translateY(-2px);
-      }
-      .z-social-btn i {
-        font-size: 1.6rem;
-      }
-      .z-social-btn .fa-google {
-        color: #4285f4;
-      }
-      .z-social-btn .fa-facebook {
-        color: #3b5998;
-      }
-
-      /* Divider */
-      .z-divider {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-        color: var(--text-muted);
-        font-size: 1.2rem;
-        margin: 1.6rem 0;
-      }
-      .z-divider::before,
-      .z-divider::after {
-        content: "";
-        flex: 1;
-        height: 1px;
-        background: var(--border);
-      }
-
-      /* Fields */
-      .z-field {
-        margin-bottom: 1.6rem;
-      }
-      .z-field label {
-        display: block;
-        font-size: 1.25rem;
-        font-weight: 600;
-        color: var(--text-secondary);
-        margin-bottom: 0.6rem;
-        letter-spacing: 0.01em;
-      }
-      .z-field input {
-        width: 100%;
-        padding: 1.2rem 1.4rem;
-        border: 1.5px solid var(--border-dark);
-        border-radius: var(--radius-sm);
-        font-size: 1.45rem;
-        font-family: "Outfit", sans-serif;
-        color: var(--text-primary);
-        background: var(--bg-white);
-        outline: none;
-        transition:
-          border-color var(--transition),
-          box-shadow var(--transition),
-          background var(--transition);
-      }
-      .z-field input:focus {
-        border-color: var(--red);
-        box-shadow: 0 0 0 3px rgba(226, 55, 68, 0.1);
-      }
-      .z-field input.err {
-        border-color: var(--red);
-      }
-      .z-field input::placeholder {
-        color: var(--text-muted);
-      }
-      .z-err {
-        font-size: 1.15rem;
-        color: var(--red);
-        margin-top: 5px;
-        min-height: 16px;
-        display: block;
-        font-weight: 400;
-      }
-
-      /* Password */
-      .pw-wrap {
-        position: relative;
-      }
-      .pw-wrap input {
-        padding-right: 6rem;
-      }
-      .pw-toggle {
-        position: absolute;
-        right: 12px;
-        top: 50%;
-        transform: translateY(-50%);
-        background: none;
-        border: none;
-        color: var(--text-muted);
-        font-size: 1.15rem;
-        font-weight: 700;
-        font-family: "Outfit", sans-serif;
-        cursor: pointer;
-        letter-spacing: 0.05em;
-        transition: color var(--transition);
-      }
-      .pw-toggle:hover {
-        color: var(--red);
-      }
-
-      /* Options row */
-      .z-options {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 2rem;
-        font-size: 1.3rem;
-      }
-      .z-options label {
-        display: flex;
-        align-items: center;
-        gap: 7px;
-        color: var(--text-secondary);
-        cursor: pointer;
-      }
-      .z-options input[type="checkbox"] {
-        accent-color: var(--red);
-        width: 1.5rem;
-        height: 1.5rem;
-      }
-      .z-options a {
-        color: var(--red);
-        font-weight: 600;
-      }
-      .z-options a:hover {
-        text-decoration: underline;
-      }
-
-      /* Submit */
-      .z-submit {
-        width: 100%;
-        padding: 1.4rem;
-        background: var(--red);
-        color: #fff;
-        border: none;
-        border-radius: var(--radius-sm);
-        font-size: 1.6rem;
-        font-weight: 700;
-        font-family: "Outfit", sans-serif;
-        cursor: pointer;
-        transition:
-          background var(--transition),
-          transform var(--transition),
-          box-shadow var(--transition);
-        box-shadow: 0 4px 16px rgba(226, 55, 68, 0.3);
-        letter-spacing: 0.01em;
-      }
-      .z-submit:hover {
-        background: var(--red-dark);
-        transform: translateY(-2px);
-        box-shadow: 0 8px 24px rgba(226, 55, 68, 0.35);
-      }
-      .z-submit:disabled {
-        opacity: 0.6;
-        cursor: not-allowed;
-        transform: none;
-        box-shadow: none;
-      }
-
-      /* Success */
-      .z-success {
-        background: #f0fff4;
-        border: 1.5px solid #86efac;
-        color: #166534;
-        border-radius: var(--radius-sm);
-        padding: 1.1rem 1.4rem;
-        font-size: 1.3rem;
-        text-align: center;
-        margin-top: 1.4rem;
-        font-weight: 500;
-      }
-      body.dark-mode .z-success {
-        background: #0f2e1c;
-        border-color: #166534;
-        color: #86efac;
-      }
-
-      /* Switch */
-      .z-switch {
-        text-align: center;
-        font-size: 1.35rem;
-        color: var(--text-muted);
-        margin-top: 2.2rem;
-      }
-      .z-switch a {
-        color: var(--red);
-        font-weight: 700;
-      }
-      .z-switch a:hover {
-        text-decoration: underline;
-      }
-
-      @media (max-width: 480px) {
-        .z-card {
-          padding: 3rem 2rem 2.6rem;
-        }
-        .z-card h2 {
-          font-size: 2rem;
-        }
-        .z-social {
-          flex-direction: column;
-        }
-        .z-options {
-          flex-direction: column;
-          align-items: flex-start;
-          gap: 10px;
-        }
-        .z-navbar-right a {
-          font-size: 1.3rem;
-          padding: 0.55rem 1rem;
-        }
-      }
-    </style>
-  </head>
-  <body>
-    <!-- Navbar -->
-    <nav class="z-navbar">
-      <a href="zomato.html">
-        <img
-          class="z-navbar-logo"
-          src="https://b.zmtcdn.com/web_assets/b40b97e677bc7b2ca77c58c61db266fe1603954218.png"
-          alt="Zomato"
-        />
-      </a>
-      <div class="z-navbar-right">
-        <a href="login.html" class="active">Log in</a>
-        <a href="signup.html">Sign up</a>
-        <button class="z-dm-btn" id="dmToggle">🌙</button>
-      </div>
-    </nav>
-
-    <main class="z-main">
-        <div class="z-card">
-            <h2>Log in</h2>
-            <p class="sub">or <a href="signup.html" style="color:#e23744;text-decoration:none;font-weight:600;">create an account</a></p>
-
-            <div class="z-social">
-                <button class="z-social-btn" onclick="alert('Google login coming soon!')">
-                    <i aria-hidden="true" class="fa fa-google"></i> Google
-                </button>
-                <button class="z-social-btn" onclick="alert('Facebook login coming soon!')">
-                    <i aria-hidden="true" class="fa fa-facebook"></i> Facebook
-                </button>
-            </div>
-      <div class="z-card">
-        <h2>Welcome back 👋</h2>
-        <p class="sub">or <a href="signup.html">create a new account</a></p>
-
-        <div class="z-social">
-          <button class="z-social-btn" onclick="socialLogin('Google')">
-            <i class="fa fa-google"></i> Google
-          </button>
-          <button class="z-social-btn" onclick="socialLogin('Facebook')">
-            <i class="fa fa-facebook"></i> Facebook
-          </button>
-        </div>
-
-        <div class="z-divider"><span>or continue with email</span></div>
-
-        <form id="loginForm" novalidate>
-          <div class="z-field">
-            <label for="loginEmail">Email address</label>
-            <input
-              type="email"
-              id="loginEmail"
-              placeholder="you@example.com"
-              autocomplete="email"
-            />
-            <span class="z-err" id="emailErr"></span>
-          </div>
-
-          <div class="z-field">
-            <label for="loginPw">Password</label>
-            <div class="pw-wrap">
-              <input
-                type="password"
-                id="loginPw"
-                placeholder="Enter your password"
-                autocomplete="current-password"
-              />
-              <button
-                type="button"
-                class="pw-toggle"
-                id="pwToggle"
-                onclick="togglePw('loginPw', 'pwToggle')"
-              >
-                SHOW
-              </button>
-            </div>
-            <span class="z-err" id="pwErr"></span>
-          </div>
-
-          <div class="z-options">
-            <label><input type="checkbox" id="rememberMe" /> Remember me</label>
-            <a href="ForgotPassword.html">Forgot password?</a>
-          </div>
-
-          <button type="submit" class="z-submit">Log in</button>
-          <div id="loginSuccess" class="z-success" style="display: none"></div>
-        </form>
-
-        <p class="z-switch">
-          New to Zomato? <a href="signup.html">Create account</a>
-        </p>
-      </div>
-    </main>
-
-    <script>
-      // Dark mode sync
-      (function () {
-        const dm = document.getElementById("dmToggle");
-        const apply = (dark) => {
-          document.body.classList.toggle("dark-mode", dark);
-          if (dm) dm.textContent = dark ? "☀️" : "🌙";
-        };
-        apply(localStorage.getItem("zomato-theme") === "dark");
-        if (dm)
-          dm.addEventListener("click", () => {
-            const isDark = document.body.classList.contains("dark-mode");
-            apply(!isDark);
-            localStorage.setItem("zomato-theme", isDark ? "light" : "dark");
-          });
-      })();
-
-      function togglePw(inputId, btnId) {
-        const input = document.getElementById(inputId);
-        const btn = document.getElementById(btnId);
-        if (input.type === "password") {
-          input.type = "text";
-          btn.textContent = "HIDE";
-        } else {
-          input.type = "password";
-          btn.textContent = "SHOW";
-        }
-      }
-
-      function socialLogin(provider) {
-        showToast(`${provider} login coming soon!`);
-      }
-
-      function showToast(msg) {
-        const t = document.createElement("div");
-        t.textContent = msg;
-        Object.assign(t.style, {
-          position: "fixed",
-          bottom: "2.4rem",
-          left: "50%",
-          transform: "translateX(-50%)",
-          background: "#1c1c1c",
-          color: "#fff",
-          padding: "1.1rem 2rem",
-          borderRadius: "99px",
-          fontSize: "1.4rem",
-          fontFamily: "Outfit,sans-serif",
-          boxShadow: "0 8px 30px rgba(0,0,0,0.25)",
-          zIndex: "99999",
-          opacity: "0",
-          transition: "opacity 0.25s ease",
-        });
-        document.body.appendChild(t);
-        requestAnimationFrame(() => (t.style.opacity = "1"));
-        setTimeout(() => {
-          t.style.opacity = "0";
-          setTimeout(() => t.remove(), 300);
-        }, 2600);
-      }
-
-      document
-        .getElementById("loginForm")
-        .addEventListener("submit", function (e) {
-          e.preventDefault();
-          let valid = true;
-          const email = document.getElementById("loginEmail").value.trim();
-          const pw = document.getElementById("loginPw").value;
-
-          document.getElementById("emailErr").textContent = "";
-          document.getElementById("pwErr").textContent = "";
-          document.getElementById("loginEmail").classList.remove("err");
-          document.getElementById("loginPw").classList.remove("err");
-
-          if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-            document.getElementById("emailErr").textContent =
-              "Please enter a valid email address.";
-            document.getElementById("loginEmail").classList.add("err");
-            valid = false;
-          }
-
-          if (!pw || pw.length < 4) {
-            document.getElementById("pwErr").textContent =
-              "Please enter your password.";
-            document.getElementById("loginPw").classList.add("err");
-            valid = false;
-          }
-
-          if (valid) {
-            const btn = this.querySelector(".z-submit");
-            btn.textContent = "Logging in…";
-            btn.disabled = true;
-            setTimeout(() => {
-              const success = document.getElementById("loginSuccess");
-              success.style.display = "block";
-              success.textContent = "✅ Logged in successfully! Redirecting…";
-              setTimeout(() => (window.location.href = "zomato.html"), 1800);
-            }, 1000);
-          }
-        });
-    </script>
-  </body>
-</html>
diff --git a/public/zomato-clone/main.css b/public/zomato-clone/main.css
deleted file mode 100644
index 611eabe5a..000000000
--- a/public/zomato-clone/main.css
+++ /dev/null
@@ -1,466 +0,0 @@
-/* ===== MAIN BODY ===== */
-.main-body {
-  position: relative;
-  max-width: 112rem;
-  margin: 0 auto;
-  padding: 5rem 2rem 0;
-}
-
-/* ===== DINING OPTIONS GRID ===== */
-.options {
-  margin: 0 auto 6rem;
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 14px;
-}
-
-.option {
-  position: relative;
-  flex: 1;
-  border-radius: var(--radius-md);
-  overflow: hidden;
-  height: 24rem;
-  transition: transform 0.25s ease, box-shadow 0.25s ease;
-}
-
-.option:hover {
-  transform: translateY(-5px);
-  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
-  height: 25rem;
-  cursor: pointer;
-  transition:
-    transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
-    box-shadow 0.28s ease;
-  box-shadow: var(--shadow-sm);
-}
-
-.option:hover {
-  transform: translateY(-6px);
-  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.14);
-}
-
-.option:hover .image img {
-  transform: scale(1.06);
-}
-
-.image {
-  border-radius: var(--radius-md);
-  overflow: hidden;
-  position: relative;
-  width: 100%;
-  height: 25rem;
-}
-
-.image img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  transition: transform 0.4s ease;
-  border-radius: inherit;
-}
-
-.info {
-  padding: 1.1rem 1.8rem 1.5rem;
-  width: 100%;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  background: var(--bg-white);
-  border: 1px solid var(--border);
-  border-radius: 0 0 var(--radius-md) var(--radius-md);
-  transition: background var(--transition);
-}
-
-.info .title {
-  text-align: left;
-  font-weight: 600;
-  font-size: 1.9rem;
-  line-height: 1.3;
-  color: var(--text-primary);
-}
-
-.info .description {
-  color: var(--text-secondary);
-  font-weight: 300;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  font-size: 1.4rem;
-  line-height: 1.5;
-  margin: 0.3rem 0 0;
-}
-
-/* ===== SECTION HEADER ===== */
-.heading-2 {
-  font-weight: 700;
-  font-size: 3.2rem;
-  color: var(--text-primary);
-  letter-spacing: -0.02em;
-}
-
-.heading-6 {
-  font-size: 1.65rem;
-  font-weight: 300;
-  color: var(--text-secondary);
-  line-height: 1.6;
-}
-
-.see-more {
-  background: transparent;
-  border: none;
-  font-weight: 500;
-  color: var(--red);
-  font-size: 1.5rem;
-  padding: 0.8rem 1.2rem;
-  cursor: pointer;
-  white-space: nowrap;
-  border-radius: var(--radius-sm);
-  transition: background var(--transition);
-  font-family: "Outfit", sans-serif;
-}
-.see-more:hover {
-  background: var(--red-light);
-}
-.see-more i {
-  margin-left: 4px;
-}
-
-.desc-see-more {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin: 0.8rem 0 2rem;
-  gap: 2rem;
-}
-
-/* ===== COLLECTIONS ===== */
-.collections {
-  margin-bottom: 7rem;
-}
-
-.collections-list {
-  display: flex;
-  gap: 14px;
-  margin-top: 0;
-}
-
-.collection {
-  position: relative;
-  flex: 1;
-  height: 32rem;
-  transition: transform 0.25s ease, box-shadow 0.25s ease;
-}
-
-.collection:hover {
-  transform: translateY(-5px);
-  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
-  border-radius: var(--radius-md);
-  overflow: hidden;
-  cursor: pointer;
-  transition:
-    transform 0.28s ease,
-    box-shadow 0.28s ease;
-  box-shadow: var(--shadow-sm);
-}
-
-.collection:hover {
-  transform: translateY(-6px);
-  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.18);
-}
-
-.collection:hover .image img {
-  transform: scale(1.07);
-}
-
-.collection .image {
-  height: 32rem;
-  border-radius: var(--radius-md);
-}
-
-.overlay {
-  position: absolute;
-  inset: 0;
-  border-radius: var(--radius-md);
-  background: linear-gradient(
-    0deg,
-    rgba(0, 0, 0, 0.88) 0%,
-    rgba(0, 0, 0, 0.15) 50%,
-    rgba(0, 0, 0, 0.04) 100%
-  );
-  pointer-events: none;
-}
-
-.overlay-info {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  color: #fff;
-  padding: 0 1.8rem 1.6rem;
-  font-size: 1.75rem;
-  font-weight: 600;
-  line-height: 1.3;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.places {
-  font-size: 1.3rem;
-  font-weight: 300;
-  margin: 0.4rem 0 0;
-  opacity: 0.85;
-}
-
-/* ===== POPULAR LOCALITIES ===== */
-.popular-localities {
-  margin-bottom: 8rem;
-}
-
-.popular-localities .title {
-  margin: 0 0 3rem;
-  color: var(--text-secondary);
-  font-size: 3.2rem;
-  line-height: 1.25;
-  font-weight: 300;
-}
-
-.popular-localities .title .city-name {
-  font-weight: 700;
-  color: var(--text-primary);
-}
-
-.localities {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 14px;
-  margin-bottom: 0;
-}
-
-.locality {
-  padding: 1.4rem 1.8rem;
-  border-radius: var(--radius-sm);
-  background: var(--bg-white);
-  border: 1.5px solid var(--border);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  cursor: pointer;
-  box-shadow: var(--shadow-sm);
-  width: calc(33.33% - 10px);
-  font-size: 1.4rem;
-  transition:
-    box-shadow 0.22s ease,
-    transform 0.22s ease,
-    border-color 0.22s ease;
-}
-
-.locality:hover {
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
-  transform: translateY(-2px);
-  border-color: var(--red);
-}
-
-.locality:hover .locality-title {
-  color: var(--red);
-}
-
-.locality-title {
-  font-size: 1.75rem;
-  font-weight: 500;
-  color: var(--text-primary);
-  margin: 0 0 0.3rem;
-  transition: color var(--transition);
-}
-
-.locality-description {
-  font-size: 1.3rem;
-  color: var(--text-muted);
-  font-weight: 300;
-}
-
-.locality .center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  font-size: 1.5rem;
-  font-weight: 500;
-  color: var(--red);
-  gap: 6px;
-}
-
-.locality i {
-  color: var(--text-muted);
-  font-size: 1.3rem;
-  transition: color var(--transition);
-}
-.locality:hover i {
-  color: var(--red);
-}
-
-/* ===== RESPONSIVE ===== */
-@media (max-width: 800px) {
-  .main-body {
-    padding: 3rem 2rem 0;
-  }
-
-  .option {
-    height: auto;
-  }
-  .image {
-    height: 18rem;
-  }
-  .collection {
-    height: 18rem;
-  }
-  .collection .image {
-    height: 18rem;
-  }
-
-  .info .title {
-    font-size: 1.5rem;
-  }
-  .info .description {
-    font-size: 1.2rem;
-  }
-
-  .heading-2 {
-    font-size: 2.4rem;
-  }
-  .heading-6 {
-    font-size: 1.4rem;
-  }
-
-  .desc-see-more {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 0.6rem;
-  }
-
-  .locality {
-    width: calc(50% - 8px);
-  }
-}
-
-@media (max-width: 500px) {
-  .option {
-    max-width: 46%;
-    flex: auto;
-  }
-  .see-more {
-    display: none;
-  }
-  .heading-2 {
-    font-size: 2rem;
-  }
-  .desc-see-more h6 {
-    font-size: 1.3rem;
-  }
-  .collections-list {
-    flex-wrap: wrap;
-  }
-  .collection {
-    max-width: 46%;
-  }
- 
-  .popular-localities .title {
-    font-size: 2rem;
-    margin-bottom: 2rem;
-  }
-  .locality {
-    width: 100%;
-  }
-}
-
-.location-dropdown::-webkit-scrollbar {
-  width: 6px;
-}
-.location-dropdown {
-  position: absolute;
-
-  top: 110%;
-  left: 0;
-  width: 100%;
-  background: white;
-  border-radius: 8px;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-  z-index: 1000;
-  overflow: hidden;
-  max-height: 200px;
-  overflow-y: auto;
-}
-
-.dropdown-item {
-  padding: 10px;
-  cursor: pointer;
-  transition: background 0.2s ease;
-}
-
-.dropdown-item:hover {
-  background: #f5f5f5;
-}
-
-.hidden {
-  display: none;
-}
-
-/* ================= DARK MODE - POPULAR LOCALITIES ================= */
-
-body.dark-mode .popular-localities .title {
-  color: #ffffff;
-}
-
-body.dark-mode .popular-localities .city-name {
-  color: #ffffff;
-}
-
-body.dark-mode .locality {
-  background-color: #1e1e1e;
-  border: 1px solid #444;
-  box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 4px;
-}
-
-body.dark-mode .locality-title {
-  color: #ffffff;
-}
-
-body.dark-mode .locality-description {
-  color: #cccccc;
-}
-
-body.dark-mode .locality i {
-  color: #ffffff;
-}
-
-body.dark-mode .locality:hover {
-  background-color: #2a2a2a;
-}
-
- /* ================= DARK MODE - Cards ================= */
- body.dark-mode .zomato-card {
-    background: #2a0f14;
-    border:2px solid rgb(239, 79, 95,0.2);
-}
-
-body.dark-mode .blinkit-card {
-    background: #342a0b;
-    border:2px solid rgba(236, 239, 79, 0.2);
-}
-
-body.dark-mode .district-card {
-    background: #251c36;
-    border:2px solid rgba(106, 13, 132, 0.2);
-}
-
-body.dark-mode .hyperpure-card {
-    background: #4c1e29;
-color: #fff1f3;
-    border:2px solid rgb(239, 79, 95,0.2);
-}
-
-body.dark-mode .brand-cards h3{
-  color: grey;
-}
diff --git a/public/zomato-clone/nav.css b/public/zomato-clone/nav.css
deleted file mode 100644
index 5e3f45718..000000000
--- a/public/zomato-clone/nav.css
+++ /dev/null
@@ -1,266 +0,0 @@
-/* ===== NAVBAR ===== */
-header {
-  position: absolute;
-  width: 100%;
-  z-index: 9999;
-}
-
-nav {
-  width: 86%;
-  font-weight: 400;
-  flex-wrap: nowrap;
-  background: transparent;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  user-select: none;
-  padding: 1.8rem 0;
-  margin: auto;
-  color: #fff;
-  position: relative;
-  z-index: 9999;
-  transition: all var(--transition);
-}
-
-nav .nav-item {
-  padding-bottom: 0.4rem;
-  border-bottom: 2px solid transparent;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  transition: border-color var(--transition);
-}
-
-nav .nav-item:hover {
-  border-bottom-color: rgba(255, 255, 255, 0.6);
-}
-
-nav .nav-item a {
-  font-size: 1.45rem;
-  text-decoration: none;
-  cursor: pointer;
-  white-space: nowrap;
-  display: flex;
-  align-items: center;
-  font-weight: 400;
-  color: rgba(255, 255, 255, 0.92);
-  letter-spacing: 0.01em;
-  transition: color var(--transition);
-}
-
-nav .nav-item a:hover {
-  color: #fff;
-}
-
-/* Left nav icon */
-nav .left .nav-item a {
-  font-size: 1.35rem;
-  gap: 6px;
-}
-
-.right {
-  display: flex;
-  align-items: center;
-  gap: 0.6rem;
-}
-
-.right .nav-item a {
-  font-size: 1.5rem;
-  font-weight: 300;
-  padding: 0.5rem 0.9rem;
-}
-
-/* Login / Signup buttons */
-.login-nav a {
-  border: 1.5px solid rgba(255, 255, 255, 0.7);
-  border-radius: var(--radius-sm);
-  padding: 0.55rem 1.6rem !important;
-  font-weight: 500 !important;
-  transition:
-    background var(--transition),
-    border-color var(--transition),
-    transform var(--transition);
-}
-.login-nav a:hover {
-  background: rgba(255, 255, 255, 0.15);
-  border-color: #fff;
-  transform: translateY(-1px);
-}
-
-.signup-nav a {
-  background: #fff;
-  color: var(--red) !important;
-  border-radius: var(--radius-sm);
-  padding: 0.55rem 1.6rem !important;
-  font-weight: 600 !important;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
-  transition:
-    background var(--transition),
-    transform var(--transition),
-    box-shadow var(--transition);
-}
-.signup-nav a:hover {
-  background: #f5f5f5;
-  transform: translateY(-2px);
-  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
-}
-
-/* Dark mode toggle */
-#darkModeToggle {
-  background: rgba(255, 255, 255, 0.12);
-  border: 1.5px solid rgba(255, 255, 255, 0.35);
-  color: #fff;
-  font-size: 1.3rem;
-  font-weight: 500;
-  padding: 0.5rem 1.2rem;
-  border-radius: 99px;
-  cursor: pointer;
-  transition:
-    background var(--transition),
-    transform var(--transition);
-  white-space: nowrap;
-  backdrop-filter: blur(8px);
-}
-#darkModeToggle:hover {
-  background: rgba(255, 255, 255, 0.22);
-  transform: scale(1.04);
-}
-
-/* User icon (mobile only) */
-.user-icon {
-  border: 1.5px solid rgba(255, 255, 255, 0.5);
-  height: 3.4rem;
-  width: 3.4rem;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  color: #fff;
-  display: none;
-  cursor: pointer;
-  transition: background var(--transition);
-}
-.user-icon:hover {
-  background: rgba(255, 255, 255, 0.15);
-}
-
-/* Hamburger */
-.hamburger-btn {
-  display: none;
-  background: rgba(255, 255, 255, 0.12);
-  border: 1.5px solid rgba(255, 255, 255, 0.5);
-  color: #fff;
-  font-size: 1.9rem;
-  line-height: 1;
-  padding: 0.35rem 0.9rem;
-  border-radius: var(--radius-sm);
-  cursor: pointer;
-  transition: background var(--transition);
-  z-index: 100;
-  backdrop-filter: blur(6px);
-}
-.hamburger-btn.active,
-.hamburger-btn:hover {
-  background: rgba(255, 255, 255, 0.22);
-}
-
-/* ===== TABLET ===== */
-@media (max-width: 1024px) and (min-width: 801px) {
-  nav {
-    width: 95%;
-    padding: 1.3rem 0;
-  }
-  .right .nav-item a {
-    font-size: 1.35rem;
-    padding: 0.5rem 0.7rem;
-  }
-  #darkModeToggle {
-    font-size: 1.2rem;
-    padding: 0.45rem 1rem;
-  }
-}
-
-/* ===== MOBILE ===== */
-@media (max-width: 800px) {
-  nav {
-    justify-content: space-between;
-    padding: 0 1.4rem;
-    width: 100%;
-    height: 5.8rem;
-  }
-
-  .user-icon {
-    display: flex;
-  }
-  .left {
-    display: none;
-  }
-  .hamburger-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .right {
-    display: none;
-    position: absolute;
-    top: 5.8rem;
-    right: 0;
-    left: 0;
-    background: rgba(15, 15, 15, 0.97);
-    flex-direction: column;
-    align-items: flex-start;
-    padding: 1.2rem 1.8rem 2rem;
-    gap: 0.2rem;
-    z-index: 999;
-    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
-    backdrop-filter: blur(12px);
-    border-top: 1px solid rgba(255, 255, 255, 0.08);
-  }
-  .right.mobile-open {
-    display: flex;
-  }
-
-  .right .nav-item {
-    width: 100%;
-    padding: 0;
-    border: none;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
-  }
-  .right .nav-item:last-child {
-    border-bottom: none;
-  }
-
-  .right .nav-item a {
-    font-size: 1.55rem !important;
-    padding: 1rem 0.4rem !important;
-    width: 100%;
-    display: block;
-  }
-
-  .login-nav a {
-    border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
-    border-radius: var(--radius-sm) !important;
-    text-align: center;
-    margin-top: 0.5rem;
-  }
-  .signup-nav a {
-    text-align: center;
-    margin-top: 0.4rem;
-  }
-
-  #darkModeToggle {
-    margin-top: 0.8rem;
-    width: 100%;
-    text-align: center;
-  }
-}
-
-@media (max-width: 480px) {
-  nav {
-    padding: 0 1rem;
-    height: 5.2rem;
-  }
-  .right {
-    top: 5.2rem;
-  }
-}
diff --git a/public/zomato-clone/signup.html b/public/zomato-clone/signup.html
deleted file mode 100644
index 94110e4e5..000000000
--- a/public/zomato-clone/signup.html
+++ /dev/null
@@ -1,658 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Sign up – Zomato</title>
-    <link rel="icon" type="image/png" href="images/favicon.ico" />
-    <link rel="stylesheet" href="index.css" />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
-    />
-    <style>
-      body {
-        background: var(--bg);
-        min-height: 100vh;
-        display: flex;
-        flex-direction: column;
-      }
-
-      /* ── NAVBAR ── */
-      .z-navbar {
-        background: var(--bg-white);
-        padding: 0 5%;
-        height: 6.2rem;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        box-shadow: var(--shadow-sm);
-        position: sticky;
-        top: 0;
-        z-index: 100;
-        border-bottom: 1px solid var(--border);
-        transition: background var(--transition);
-      }
-      .z-navbar-logo {
-        height: 2.8rem;
-        cursor: pointer;
-        object-fit: contain;
-      }
-      .z-navbar-right {
-        display: flex;
-        gap: 10px;
-        align-items: center;
-      }
-      .z-navbar-right a {
-        text-decoration: none;
-        font-size: 1.45rem;
-        color: var(--text-secondary);
-        font-weight: 500;
-        padding: 0.65rem 1.6rem;
-        border-radius: var(--radius-sm);
-        transition:
-          background var(--transition),
-          color var(--transition);
-      }
-      .z-navbar-right a:hover {
-        background: var(--red-light);
-        color: var(--red);
-      }
-      .z-navbar-right a.active {
-        border: 1.5px solid var(--red);
-        color: var(--red);
-        background: var(--red-light);
-      }
-      .z-dm-btn {
-        background: var(--bg);
-        border: 1.5px solid var(--border-dark);
-        color: var(--text-primary);
-        font-size: 1.3rem;
-        padding: 0.55rem 1.1rem;
-        border-radius: 99px;
-        cursor: pointer;
-        font-family: "Outfit", sans-serif;
-        transition:
-          border-color var(--transition),
-          background var(--transition);
-      }
-      .z-dm-btn:hover {
-        border-color: var(--red);
-        background: var(--red-light);
-      }
-
-      /* ── MAIN ── */
-      .z-main {
-        flex: 1;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: 4rem 2rem;
-      }
-
-      /* ── CARD ── */
-      .z-card {
-        background: var(--bg-white);
-        border-radius: var(--radius-lg);
-        padding: 4rem 3.8rem 3.4rem;
-        width: 100%;
-        max-width: 46rem;
-        box-shadow: var(--shadow-lg);
-        border: 1px solid var(--border);
-        transition: background var(--transition);
-        animation: cardIn 0.45s cubic-bezier(0.4, 0, 0.2, 1) both;
-      }
-      @keyframes cardIn {
-        from {
-          opacity: 0;
-          transform: translateY(24px) scale(0.98);
-        }
-        to {
-          opacity: 1;
-          transform: translateY(0) scale(1);
-        }
-      }
-
-      .z-card h2 {
-        font-size: 2.6rem;
-        font-weight: 700;
-        color: var(--text-primary);
-        margin-bottom: 0.5rem;
-        letter-spacing: -0.02em;
-      }
-      .z-card .sub {
-        font-size: 1.4rem;
-        color: var(--text-muted);
-        margin-bottom: 2.8rem;
-      }
-      .z-card .sub a {
-        color: var(--red);
-        font-weight: 600;
-      }
-
-      /* Social */
-      .z-social {
-        display: flex;
-        gap: 10px;
-        margin-bottom: 2rem;
-      }
-      .z-social-btn {
-        flex: 1;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        gap: 8px;
-        padding: 1rem 1.4rem;
-        border: 1.5px solid var(--border);
-        border-radius: var(--radius-sm);
-        background: var(--bg-white);
-        font-size: 1.4rem;
-        font-weight: 600;
-        color: var(--text-primary);
-        cursor: pointer;
-        font-family: "Outfit", sans-serif;
-        transition:
-          border-color var(--transition),
-          background var(--transition),
-          transform var(--transition);
-      }
-      .z-social-btn:hover {
-        border-color: var(--red);
-        background: var(--red-light);
-        transform: translateY(-2px);
-      }
-      .z-social-btn i {
-        font-size: 1.6rem;
-      }
-      .z-social-btn .fa-google {
-        color: #4285f4;
-      }
-      .z-social-btn .fa-facebook {
-        color: #3b5998;
-      }
-
-      /* Divider */
-      .z-divider {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-        color: var(--text-muted);
-        font-size: 1.2rem;
-        margin: 1.6rem 0;
-      }
-      .z-divider::before,
-      .z-divider::after {
-        content: "";
-        flex: 1;
-        height: 1px;
-        background: var(--border);
-      }
-
-      /* Fields */
-      .z-field {
-        margin-bottom: 1.5rem;
-      }
-      .z-field label {
-        display: block;
-        font-size: 1.25rem;
-        font-weight: 600;
-        color: var(--text-secondary);
-        margin-bottom: 0.6rem;
-        letter-spacing: 0.01em;
-      }
-      .z-field input {
-        width: 100%;
-        padding: 1.2rem 1.4rem;
-        border: 1.5px solid var(--border-dark);
-        border-radius: var(--radius-sm);
-        font-size: 1.45rem;
-        font-family: "Outfit", sans-serif;
-        color: var(--text-primary);
-        background: var(--bg-white);
-        outline: none;
-        transition:
-          border-color var(--transition),
-          box-shadow var(--transition),
-          background var(--transition);
-      }
-      .z-field input:focus {
-        border-color: var(--red);
-        box-shadow: 0 0 0 3px rgba(226, 55, 68, 0.1);
-      }
-      .z-field input.err {
-        border-color: var(--red);
-      }
-      .z-field input::placeholder {
-        color: var(--text-muted);
-      }
-      .z-err {
-        font-size: 1.15rem;
-        color: var(--red);
-        margin-top: 5px;
-        min-height: 16px;
-        display: block;
-      }
-
-      /* Password */
-      .pw-wrap {
-        position: relative;
-      }
-      .pw-wrap input {
-        padding-right: 6rem;
-      }
-      .pw-toggle {
-        position: absolute;
-        right: 12px;
-        top: 50%;
-        transform: translateY(-50%);
-        background: none;
-        border: none;
-        color: var(--text-muted);
-        font-size: 1.15rem;
-        font-weight: 700;
-        font-family: "Outfit", sans-serif;
-        cursor: pointer;
-        transition: color var(--transition);
-      }
-      .pw-toggle:hover {
-        color: var(--red);
-      }
-
-      /* Strength bar */
-      .strength-wrap {
-        height: 5px;
-        background: var(--border);
-        border-radius: 99px;
-        margin-top: 10px;
-        overflow: hidden;
-      }
-      .strength-bar {
-        height: 100%;
-        width: 0;
-        border-radius: 99px;
-        transition:
-          width 0.35s ease,
-          background 0.35s ease;
-      }
-      .strength-lbl {
-        font-size: 1.15rem;
-        font-weight: 600;
-        display: block;
-        margin-top: 5px;
-        min-height: 16px;
-      }
-
-      /* Terms */
-      .z-terms {
-        display: flex;
-        align-items: flex-start;
-        gap: 10px;
-        font-size: 1.3rem;
-        color: var(--text-secondary);
-        margin-bottom: 1.8rem;
-        cursor: pointer;
-        line-height: 1.5;
-      }
-      .z-terms input {
-        accent-color: var(--red);
-        margin-top: 3px;
-        flex-shrink: 0;
-        width: 1.5rem;
-        height: 1.5rem;
-      }
-      .z-terms a {
-        color: var(--red);
-        font-weight: 600;
-      }
-
-      /* Submit */
-      .z-submit {
-        width: 100%;
-        padding: 1.4rem;
-        background: var(--red);
-        color: #fff;
-        border: none;
-        border-radius: var(--radius-sm);
-        font-size: 1.6rem;
-        font-weight: 700;
-        font-family: "Outfit", sans-serif;
-        cursor: pointer;
-        box-shadow: 0 4px 16px rgba(226, 55, 68, 0.3);
-        transition:
-          background var(--transition),
-          transform var(--transition),
-          box-shadow var(--transition);
-      }
-      .z-submit:hover {
-        background: var(--red-dark);
-        transform: translateY(-2px);
-        box-shadow: 0 8px 24px rgba(226, 55, 68, 0.35);
-      }
-      .z-submit:disabled {
-        opacity: 0.6;
-        cursor: not-allowed;
-        transform: none;
-        box-shadow: none;
-      }
-
-      /* Success */
-      .z-success {
-        background: #f0fff4;
-        border: 1.5px solid #86efac;
-        color: #166534;
-        border-radius: var(--radius-sm);
-        padding: 1.1rem 1.4rem;
-        font-size: 1.3rem;
-        text-align: center;
-        margin-top: 1.4rem;
-        font-weight: 500;
-      }
-      body.dark-mode .z-success {
-        background: #0f2e1c;
-        border-color: #166534;
-        color: #86efac;
-      }
-
-      /* Switch */
-      .z-switch {
-        text-align: center;
-        font-size: 1.35rem;
-        color: var(--text-muted);
-        margin-top: 2.2rem;
-      }
-      .z-switch a {
-        color: var(--red);
-        font-weight: 700;
-      }
-      .z-switch a:hover {
-        text-decoration: underline;
-      }
-
-      @media (max-width: 480px) {
-        .z-card {
-          padding: 3rem 2rem 2.6rem;
-        }
-        .z-card h2 {
-          font-size: 2rem;
-        }
-        .z-social {
-          flex-direction: column;
-        }
-        .z-navbar-right a {
-          font-size: 1.3rem;
-          padding: 0.55rem 1rem;
-        }
-      }
-    </style>
-  </head>
-  <body>
-    <!-- Navbar -->
-    <nav class="z-navbar">
-      <a href="zomato.html">
-        <img
-          class="z-navbar-logo"
-          src="https://b.zmtcdn.com/web_assets/b40b97e677bc7b2ca77c58c61db266fe1603954218.png"
-          alt="Zomato"
-        />
-      </a>
-      <div class="z-navbar-right">
-        <a href="login.html">Log in</a>
-        <a href="signup.html" class="active">Sign up</a>
-        <button class="z-dm-btn" id="dmToggle">🌙</button>
-      </div>
-    </nav>
-
-    <main class="z-main">
-        <div class="z-card">
-            <h2>Create account</h2>
-            <p class="sub">or <a href="login.html" style="color:#e23744;text-decoration:none;font-weight:600;">log in to your account</a></p>
-
-            <div class="z-social">
-                <button class="z-social-btn" onclick="alert('Google signup coming soon!')">
-                    <i aria-hidden="true" class="fa fa-google"></i> Google
-                </button>
-                <button class="z-social-btn" onclick="alert('Facebook signup coming soon!')">
-                    <i aria-hidden="true" class="fa fa-facebook"></i> Facebook
-                </button>
-            </div>
-      <div class="z-card">
-        <h2>Create your account 🍽️</h2>
-        <p class="sub">or <a href="login.html">log in to your account</a></p>
-
-        <div class="z-social">
-          <button class="z-social-btn" onclick="socialSignup('Google')">
-            <i class="fa fa-google"></i> Google
-          </button>
-          <button class="z-social-btn" onclick="socialSignup('Facebook')">
-            <i class="fa fa-facebook"></i> Facebook
-          </button>
-        </div>
-
-        <div class="z-divider"><span>or sign up with email</span></div>
-
-        <form id="signupForm" novalidate>
-          <div class="z-field">
-            <label for="fullName">Full Name</label>
-            <input
-              type="text"
-              id="fullName"
-              placeholder="Your full name"
-              autocomplete="name"
-            />
-            <span class="z-err" id="nameErr"></span>
-          </div>
-
-          <div class="z-field">
-            <label for="signupEmail">Email address</label>
-            <input
-              type="email"
-              id="signupEmail"
-              placeholder="you@example.com"
-              autocomplete="email"
-            />
-            <span class="z-err" id="emailErr"></span>
-          </div>
-
-          <div class="z-field">
-            <label for="signupPw">Password</label>
-            <div class="pw-wrap">
-              <input
-                type="password"
-                id="signupPw"
-                placeholder="Create a strong password"
-                oninput="checkStrength(this.value)"
-                autocomplete="new-password"
-              />
-              <button
-                type="button"
-                class="pw-toggle"
-                id="pwToggle1"
-                onclick="togglePw('signupPw', 'pwToggle1')"
-              >
-                SHOW
-              </button>
-            </div>
-            <div class="strength-wrap">
-              <div class="strength-bar" id="strengthBar"></div>
-            </div>
-            <span class="strength-lbl" id="strengthLbl"></span>
-            <span class="z-err" id="pwErr"></span>
-          </div>
-
-          <div class="z-field">
-            <label for="confirmPw">Confirm Password</label>
-            <div class="pw-wrap">
-              <input
-                type="password"
-                id="confirmPw"
-                placeholder="Re-enter your password"
-                autocomplete="new-password"
-              />
-              <button
-                type="button"
-                class="pw-toggle"
-                id="pwToggle2"
-                onclick="togglePw('confirmPw', 'pwToggle2')"
-              >
-                SHOW
-              </button>
-            </div>
-            <span class="z-err" id="confirmErr"></span>
-          </div>
-
-          <label class="z-terms">
-            <input type="checkbox" id="terms" />
-            I agree to the <a href="#">Terms of Service</a> and
-            <a href="#">Privacy Policy</a>
-          </label>
-          <span class="z-err" id="termsErr"></span>
-
-          <button type="submit" class="z-submit">Create Account</button>
-          <div id="signupSuccess" class="z-success" style="display: none"></div>
-        </form>
-
-        <p class="z-switch">
-          Already have an account? <a href="login.html">Log in</a>
-        </p>
-      </div>
-    </main>
-
-    <script>
-      // Dark mode sync
-      (function () {
-        const dm = document.getElementById("dmToggle");
-        const apply = (dark) => {
-          document.body.classList.toggle("dark-mode", dark);
-          if (dm) dm.textContent = dark ? "☀️" : "🌙";
-        };
-        apply(localStorage.getItem("zomato-theme") === "dark");
-        if (dm)
-          dm.addEventListener("click", () => {
-            const isDark = document.body.classList.contains("dark-mode");
-            apply(!isDark);
-            localStorage.setItem("zomato-theme", isDark ? "light" : "dark");
-          });
-      })();
-
-      function togglePw(inputId, btnId) {
-        const input = document.getElementById(inputId);
-        const btn = document.getElementById(btnId);
-        if (input.type === "password") {
-          input.type = "text";
-          btn.textContent = "HIDE";
-        } else {
-          input.type = "password";
-          btn.textContent = "SHOW";
-        }
-      }
-
-      function checkStrength(val) {
-        const bar = document.getElementById("strengthBar");
-        const lbl = document.getElementById("strengthLbl");
-        let score = 0;
-        if (val.length >= 8) score++;
-        if (/[A-Z]/.test(val)) score++;
-        if (/[0-9]/.test(val)) score++;
-        if (/[^A-Za-z0-9]/.test(val)) score++;
-        const levels = [
-          { w: "0%", c: "transparent", t: "" },
-          { w: "25%", c: "#ef4444", t: "Weak" },
-          { w: "50%", c: "#f97316", t: "Fair" },
-          { w: "75%", c: "#3b82f6", t: "Good" },
-          { w: "100%", c: "#22c55e", t: "Strong 💪" },
-        ];
-        bar.style.width = levels[score].w;
-        bar.style.background = levels[score].c;
-        lbl.textContent = levels[score].t;
-        lbl.style.color = levels[score].c;
-      }
-
-      function socialSignup(provider) {
-        showToast(provider + " signup coming soon!");
-      }
-
-      function showToast(msg) {
-        const t = document.createElement("div");
-        t.textContent = msg;
-        Object.assign(t.style, {
-          position: "fixed",
-          bottom: "2.4rem",
-          left: "50%",
-          transform: "translateX(-50%)",
-          background: "#1c1c1c",
-          color: "#fff",
-          padding: "1.1rem 2rem",
-          borderRadius: "99px",
-          fontSize: "1.4rem",
-          fontFamily: "Outfit,sans-serif",
-          boxShadow: "0 8px 30px rgba(0,0,0,0.25)",
-          zIndex: "99999",
-          opacity: "0",
-          transition: "opacity 0.25s ease",
-        });
-        document.body.appendChild(t);
-        requestAnimationFrame(() => (t.style.opacity = "1"));
-        setTimeout(() => {
-          t.style.opacity = "0";
-          setTimeout(() => t.remove(), 300);
-        }, 2600);
-      }
-
-      document
-        .getElementById("signupForm")
-        .addEventListener("submit", function (e) {
-          e.preventDefault();
-          let valid = true;
-          const name = document.getElementById("fullName").value.trim();
-          const email = document.getElementById("signupEmail").value.trim();
-          const pw = document.getElementById("signupPw").value;
-          const cpw = document.getElementById("confirmPw").value;
-          const terms = document.getElementById("terms").checked;
-
-          ["nameErr", "emailErr", "pwErr", "confirmErr", "termsErr"].forEach(
-            (id) => {
-              document.getElementById(id).textContent = "";
-            },
-          );
-
-          if (!name || name.length < 2) {
-            document.getElementById("nameErr").textContent =
-              "Please enter your full name (min 2 chars).";
-            valid = false;
-          }
-          if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-            document.getElementById("emailErr").textContent =
-              "Please enter a valid email address.";
-            valid = false;
-          }
-          if (!pw || pw.length < 8) {
-            document.getElementById("pwErr").textContent =
-              "Password must be at least 8 characters.";
-            valid = false;
-          }
-          if (pw !== cpw) {
-            document.getElementById("confirmErr").textContent =
-              "Passwords do not match.";
-            valid = false;
-          }
-          if (!terms) {
-            document.getElementById("termsErr").textContent =
-              "Please accept the terms to continue.";
-            valid = false;
-          }
-
-          if (valid) {
-            const btn = this.querySelector(".z-submit");
-            btn.textContent = "Creating account…";
-            btn.disabled = true;
-            setTimeout(() => {
-              const success = document.getElementById("signupSuccess");
-              success.style.display = "block";
-              success.textContent = "✅ Account created! Redirecting to login…";
-              setTimeout(() => (window.location.href = "login.html"), 1800);
-            }, 1000);
-          }
-        });
-    </script>
-  </body>
-</html>
diff --git a/public/zomato-clone/style.css b/public/zomato-clone/style.css
deleted file mode 100644
index db7dac1ff..000000000
--- a/public/zomato-clone/style.css
+++ /dev/null
@@ -1,654 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
-
-body {
-    height: 100vh;
-    width: 100vw;
-    margin: 0;
-    padding: 0;
-}
-
-.main {
-    height: 100vh;
-    width: 100vw;
-    display: flex;
-    justify-content: start;
-    align-items: start;
-    background-image: url("Images/96ee551279c55efe9f0ff247d369ec97.jpg");
-    background-size: cover;
-}
-
-.container {
-    height: 100%;
-    width: 50%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    gap: 4%;
-    
-
-}
-
-.c1 {
-    height: 55%;
-    width: 70%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    gap: 1.6rem;
-    padding: 20px;
-    box-sizing: border-box;
-    font-family: "Lexend", sans-serif;
-    color: rgba(18, 1, 1, 0.959);
-    font-size: 2rem;
-    font-weight: 800;
-
-}
-
-.c2 {
-    width: 70%;
-    height: auto;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    gap: 2rem;
-}
-
-.google {
-    height: 100%;
-    width: 40%;
-    background-color: rgb(196, 54, 54);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    flex-direction: row;
-    font-family: "Lexend", sans-serif;
-    background-color: rgb(0, 0, 0);
-    color: white;
-    padding: 1%;
-    border-radius: 0.5rem;
-    border: 1px white solid;
-    transition: 0.3s;
-    gap: 1.5rem;
-}
-
-
-.logo {
-    width: 10%;
-    height: 70%;
-    display: flex;
-    justify-content: center;
-    align-items: end;
-    font-size: 1.5rem;
-}
-
-.text {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-}
-
-.google:hover {
-    transform: scale(1.15);
-    cursor: pointer;
-}
-
-.app {
-    height: 100%;
-    width: 40%;
-    background-color: rgb(196, 54, 54);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    flex-direction: row;
-    font-family: "Lexend", sans-serif;
-    background-color: rgb(0, 0, 0);
-    color: white;
-    padding: 1%;
-    border-radius: 0.5rem;
-    border: 1px white solid;
-    transition: 0.3s;
-    gap: 1.5rem;
-}
-
-.app:hover {
-    transform: scale(1.15);
-    cursor: pointer;
-}
-
-.c3 {
-    width: 20%;
-    height: 10%;
-    color: white;
-    display: flex;
-    justify-content: center;
-    align-items: end;
-    font-family: "Lexend", sans-serif;
-    animation: scroll 1s infinite;
-}
-
-@keyframes scroll {
-    0% {
-        transform: translateY(0);
-    }
-
-    50% {
-        transform: translateY(-10px);
-    }
-
-}
-
-.main2 {
-    height: 100vh;
-    width: 100vw;
-    position: relative;
-    background-color: rgb(255, 255, 255);
-}
-
-.burger {
-    height: 35%;
-    width: 15%;
-    background-image: url("https://b.zmtcdn.com/data/o2_assets/110a09a9d81f0e5305041c1b507d0f391743058910.png");
-    background-size: cover;
-    position: absolute;
-    top: 50%;
-    left: 20%;
-    transform: translate(-50%, -50%);
-    animation: float 3s ease-in-out infinite;
-}
-
-.momo {
-    height: 35%;
-    width: 15%;
-    background-image: url("https://b.zmtcdn.com/data/o2_assets/b4f62434088b0ddfa9b370991f58ca601743060218.png");
-    background-size: cover;
-    position: absolute;
-    top: 25%;
-    left: 80%;
-    transform: translate(-50%, -50%);
-    animation: float 3s ease-in-out infinite;
-
-}
-
-@keyframes float {
-    0% {
-        transform: translate(-50%, -50%) translateY(0);
-    }
-
-    50% {
-        transform: translate(-50%, -50%) translateY(-20px);
-    }
-}
-
-.pizza {
-    height: 35%;
-    width: 15%;
-    background-image: url("https://b.zmtcdn.com/data/o2_assets/316495f4ba2a9c9d9aa97fed9fe61cf71743059024.png");
-    background-size: cover;
-    position: absolute;
-    top: 75%;
-    left: 80%;
-    transform: translate(-50%, -50%);
-    animation: float 3s ease-in-out infinite;
-}
-
-@keyframes float {
-    0% {
-        transform: translate(-50%, -50%) translateY(0);
-    }
-
-    50% {
-        transform: translate(-50%, -50%) translateY(-20px);
-    }
-}
-
-.better {
-    height: 45%;
-    width: 35%;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    flex-direction: column;
-    gap: 1rem;
-}
-
-.food {
-    font-family: "Lexend", sans-serif;
-    color: rgb(239, 79, 95);
-    font-size: 3rem;
-    font-weight: 600;
-}
-
-.decade {
-    font-family: "Lexend", sans-serif;
-    color: rgb(103, 101, 101);
-    font-size: 1.02rem;
-    font-weight: 300;
-}
-
-
-.city {
-    height: 15%;
-    width: 45%;
-    left: 50%;
-    top: 88%;
-    transform: translate(-50%, -50%);
-    position: absolute;
-    display: flex;
-    flex-direction: row;
-    border-radius: 0.5rem;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-    gap: 0.5rem;
-    padding: 0.5rem;
-
-    box-sizing: border-box;
-}
-
-.restaurants {
-    height: 100%;
-    width: 35%;
-    display: flex;
-    flex-direction: row;
-    box-sizing: border-box;
-    font-family: "Lexend", "sans-serif";
-    font-size: 0.8rem;
-    color: rgb(118, 124, 143);
-    gap: 5.5rem;
-
-}
-
-.cities {
-    height: 100%;
-    width: 25%;
-    display: flex;
-    flex-direction: row;
-    box-sizing: border-box;
-    font-family: "Lexend", "sans-serif";
-    font-size: 0.8rem;
-    color: rgb(118, 124, 143);
-    gap: 2.6rem;
-}
-
-.delivered {
-    height: 100%;
-    width: 35%;
-    display: flex;
-    flex-direction: row;
-    box-sizing: border-box;
-    font-family: "Lexend", "sans-serif";
-    font-size: 0.8rem;
-    color: rgb(118, 124, 143);
-}
-
-.res {
-    height: 100%;
-    width: 30%;
-    padding: 1rem;
-    box-sizing: border-box;
-    font-family: "Lexend", "sans-serif";
-    font-size: 0.8rem;
-    color: rgb(118, 124, 143);
-    display: flex;
-    align-items: start;
-    text-align: center;
-    flex-direction: column;
-}
-
-.logo2 {
-    width: 30%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.res2 {
-    height: 100%;
-    width: 60rem;
-    padding: 1rem;
-    box-sizing: border-box;
-    font-family: "Lexend", "sans-serif";
-    font-size: 0.8rem;
-    color: rgb(118, 124, 143);
-    display: flex;
-    align-items: start;
-    flex-direction: column;
-}
-
-.main3 {
-    height: 180vh;
-    width: 96.5vw;
-    background-color: rgb(255, 255, 255);
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 2rem;
-    padding: 0.5rem;
-}
-
-.data {
-    height: 33%;
-    width: 70%;
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    padding: 2rem;
-    box-sizing: border-box;
-
-}
-
-
-.eternal {
-    width: 100%;
-    height: 35%;
-    font-family: "Lexend", sans-serif;
-    color: rgb(0, 0, 0);
-    font-size: 2rem;
-    font-weight: 800;
-    display: flex;
-    justify-content: center;
-    font-size: 3rem;
-    font-weight: 600;
-}
-
-.power {
-    width: 100%;
-    height: 55%;
-    font-family: "Lexend", sans-serif;
-    color: rgb(118, 124, 143);
-    font-size: 2rem;
-    font-weight: 800;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    font-size: 1.5rem;
-    font-weight: 400;
-
-}
-
-
-.cards {
-    height: 40%;
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    gap: 2.5rem;
-    padding: 0.5rem;
-
-}
-
-.zomato-card {
-    height: 100%;
-    width: 20%;
-    background-color: rgb(254, 226, 226);
-    border: 2px solid rgb(227, 136, 136);
-    border-radius: 2rem;
-    display: flex;
-    flex-direction: column;
-    padding: 1rem;
-    box-sizing: border-box;
-    align-items: center;
-    border-radius: 2rem;
-    gap: 1.2rem;
-    transition: 0.3s;
-}
-
-.zomato-card:hover {
-    transform: scale(1.1);
-    cursor: pointer;
-}
-
-.blinkit {
-    background-color: rgb(250, 236, 189);
-    border: 2px solid rgb(235, 213, 139);
-
-}
-
-.district {
-    background-color: rgb(223, 207, 255);
-    border: 2px solid rgb(201, 139, 235);
-
-}
-
-.hyperpure {
-    background-color: rgb(254 226 226);
-    border: 2px solid rgb(235, 139, 139);
-
-}
-
-
-.card {
-    height: 40%;
-    width: 70%;
-    background-color: aliceblue;
-    border-radius: 1rem;
-
-}
-
-.ca1 {
-    background-image: url("https://b.zmtcdn.com/data/o2_assets/d1eee2be61cf47e2332cb7c49475c0981739777714.png");
-    background-size: cover;
-}
-
-.ca2 {
-    background-image: url("https://b.zmtcdn.com/data/o2_assets/071cb96db84f20eea3a39804e113bdee1739777655.png");
-    background-size: cover;
-
-}
-
-.ca3 {
-    background-image: url("https://b.zmtcdn.com/data/o2_assets/b750e7c0113f10cc6b3cec658c7229d71770799109.png");
-    background-size: cover;
-
-}
-
-.ca4 {
-    background-image: url("https://b.zmtcdn.com/data/o2_assets/9207cd0fc68c4ac55cfd3bfa00c02a351739777699.png");
-    background-size: cover;
-
-}
-
-.t1 {
-    height: 10%;
-    width: 80%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-family: "Lexend", sans-serif;
-    color: rgb(0, 0, 0);
-    font-size: 1.2rem;
-}
-
-.t2 {
-    height: 25%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    color: rgb(0, 0, 0);
-    font-family: "Lexend", sans-serif;
-    font-size: 0.83rem;
-}
-
-.t4 {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    font-family: "Lexend", sans-serif;
-    font-size: 0.8rem;
-    color: black;
-}
-
-
-.main4 {
-    height: 100vh;
-    width: 100vw;
-    display: flex;
-    flex-direction: column;
-    text-align: center;
-    justify-content: center;
-    align-items: center;
-    padding: 2rem;
-    box-sizing: border-box;
-    color: white;
-    background-color: black;
-}
-
-.end {
-    width: 90%;
-    height: 95%;
-
-    display: flex;
-    flex-direction: column;
-    gap: 2.5rem;
-}
-
-.heading {
-    width: 100%;
-    height: 15%;
-    box-sizing: border-box;
-    font-family: "Lexend", sans-serif;
-    display: flex;
-    text-align: start;
-    align-items: center;
-    font-size: 3.5rem;
-    font-style: italic;
-    font-weight: 800;
-}
-
-.element {
-    width: 100%;
-    height: 60%;
-    display: flex;
-    flex-direction: row;
-    text-align: start;
-    justify-content: center;
-    gap: 2rem;
-    line-height: 2rem;
-    font-size: 1.1rem;
-    font-family: "Lexend", sans-serif;
-    color: rgb(56, 57, 57)
-}
-
-.e1 span:hover {
-    color: white;
-    cursor: pointer;
-}
-
-.e1 {
-    display: flex;
-    flex-direction: column;
-    width: 40%;
-    height: 100%;
-    gap: 1rem;
-}
-
-
-.social {
-    width: 100%;
-    height: 10%;
-}
-
-.logos {
-    width: 100%;
-    height: 10%;
-    display: flex;
-    flex-direction: row;
-    gap: 0.2rem;
-    padding-left: 0.3rem;
-    padding-right: 2rem;
-
-}
-
-.l1 {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 15%;
-    height: 100%;
-    background-color: white;
-    border-radius: 2rem;
-    font-size: 0.7rem;
-    color: black;
-}
-
-
-.google2 {
-    width: 80%;
-    background-color: rgb(196, 54, 54);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    flex-direction: row;
-    font-family: "Lexend", sans-serif;
-    background-color: rgb(0, 0, 0);
-    color: white;
-    padding: 1.5%;
-    border-radius: 0.5rem;
-    border: 1px white solid;
-    transition: 0.3s;
-    gap: 1rem;
-}
-
-.app2 {
-    width: 80%;
-    background-color: rgb(196, 54, 54);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    flex-direction: row;
-    font-family: "Lexend", sans-serif;
-    background-color: rgb(0, 0, 0);
-    color: white;
-    padding: 1.5%;
-    border-radius: 0.5rem;
-    border: 1px white solid;
-    transition: 0.3s;
-    gap: 1.5rem;
-}
-
-.google2:hover {
-    cursor: pointer;
-    transform: scale(1.1);
-}
-
-.app2:hover {
-    cursor: pointer;
-    transform: scale(1.1);
-}
-
-.text9 {
-    display: flex;
-    flex-direction: column;
-}
-
-hr {
-    width: 100%;
-    background-color: rgb(56, 57, 57)
-}
-
-.footer {
-    width: 100%;
-    height: 30%;
-    font-size: 0.9rem;
-    display: flex;
-    text-align: start;
-    flex-direction: column;
-    color: rgb(56, 57, 57)
-}
\ No newline at end of file
diff --git a/public/zomato-clone/top.css b/public/zomato-clone/top.css
deleted file mode 100644
index 6769c24a1..000000000
--- a/public/zomato-clone/top.css
+++ /dev/null
@@ -1,159 +0,0 @@
-/* ================= TOP SECTION FIX ================= */
-
-.top {
-  position: relative;
-  margin-bottom: 4rem;
-  min-height: 100vh;   /* important: allows full content flow */
-}
-
-/* Background image */
-/* ===== HERO / TOP SECTION ===== */
-.top {
-  position: relative;
-  height: 56rem;
-  min-height: 44rem;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-main .bg-image {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  min-height: 42rem;
-  z-index: -1;
-  object-fit: cover;
-}
-
-/* Center content */
-main .center-content {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  text-align: center;
-}
-
-/* Logo */
-main .main-logo {
-  height: 6rem;
-  width: 30rem;
-}
-
-/* Heading */
-main h1 {
-  margin-top: 3rem;
-  color: white;
-  font-size: 3.6rem;
-  font-weight: 200;
-  text-align: center;
-}
-
-main .place {
-  font-size: 3.6rem;
-  font-weight: 500;
-}
-
-/* Search box */
-main .search_container {
-  margin-top: 3rem;
-  display: flex;
-  align-items: center;
-  border-radius: 0.8rem;
-  background-color: white;
-  box-shadow: rgba(28, 28, 28, 0.08) 0px 2px 8px;
-  border: 1px solid rgb(232, 232, 232);
-  height: 5.4rem;
-}
-
-/* Location box */
-main .search_container .location {
-  padding: 0 1rem;
-  display: flex;
-  align-items: center;
-  width: 24rem;
-  justify-content: space-around;
-}
-
-/* divider */
-main .search_container .line {
-  width: 1px;
-  height: 2rem;
-  background: rgb(207, 207, 207);
-}
-
-/* search input area */
-main .search_container .search {
-  display: flex;
-  align-items: center;
-  width: 53rem;
-}
-
-main .search_container input {
-  border: none;
-  outline: none;
-}
-
-main .search_container .search_box {
-  width: 100%;
-  font-size: 1.4rem;
-}
-
-/* ================= MOBILE ================= */
-
-@media (max-width: 800px) {
-
-  main .main-logo {
-    height: 3rem;
-    width: 16rem;
-  }
-
-  main .search_container {
-    flex-direction: column;
-    width: calc(100% - 2.4rem);
-    height: auto;
-    padding: 1rem;
-  }
-
-  main .search_container .location {
-    width: 100%;
-    justify-content: space-between;
-    margin-bottom: 1rem;
-  }
-
-  main .search_container .search {
-    width: 100%;
-  }
-}
-    height: 4.4rem;
-    border-bottom: 1px solid var(--border);
-    padding: 0 0.6rem;
-  }
-
-  main .search_container .line {
-    display: none;
-  }
-
-  main .search_container .search {
-    width: 100%;
-    padding: 0 0.6rem;
-    border-radius: var(--radius-sm);
-  }
-
-  .search-btn {
-    width: 100%;
-    height: 4rem;
-    margin: 4px 0 0 0;
-    border-radius: var(--radius-sm);
-    font-size: 1.5rem;
-  }
-}