Index: src/main/resources/templates/coment_page.html
===================================================================
--- src/main/resources/templates/coment_page.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
+++ src/main/resources/templates/coment_page.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Leave a Review</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
+        crossorigin="anonymous">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
+          crossorigin="anonymous"></script>
+  <style>
+    .star-rating {
+      direction: rtl;
+      font-size: 2rem;
+      unicode-bidi: bidi-override;
+      display: inline-flex;
+    }
+    .star-rating input {
+      display: none;
+    }
+    .star-rating label {
+      color: #ccc;
+      cursor: pointer;
+    }
+    .star-rating input:checked ~ label,
+    .star-rating label:hover,
+    .star-rating label:hover ~ label {
+      color: #f5b301;
+    }
+  </style>
+</head>
+<body class="bg-light">
+
+<!-- Navbar -->
+<nav class="navbar bg-body-tertiary shadow-sm">
+  <div class="container-fluid">
+    <a class="navbar-brand d-flex align-items-center" href="home.html">
+      <img src="media/easyfood.png" alt="Logo" height="40" class="d-inline-block align-text-top">
+    </a>
+    <span class="fw-semibold fs-5 mx-auto">Leave a Review</span>
+    <div class="d-flex align-items-center gap-2">
+      <a href="cart.html" class="btn btn-outline-secondary rounded-circle p-2 position-relative">
+        <img src="https://cdn-icons-png.flaticon.com/512/1170/1170678.png" alt="Cart" width="22" height="22">
+      </a>
+      <a href="profile.html" class="btn btn-outline-secondary rounded-circle p-2">
+        <img src="https://cdn-icons-png.flaticon.com/512/847/847969.png" alt="Profile" width="22" height="22">
+      </a>
+    </div>
+  </div>
+</nav>
+
+<!-- Review Form -->
+<div class="container my-5">
+  <div class="card shadow-sm p-4">
+    <h4 class="mb-3">Your Comment for <span class="text-primary">Domino’s Pizza</span></h4>
+
+    <!-- Comment Box -->
+    <div class="mb-3">
+      <label for="reviewText" class="form-label"></label>
+      <textarea class="form-control" id="reviewText" rows="4" placeholder="Share your experience..."></textarea>
+    </div>
+
+    <!-- Submit -->
+    <button class="btn btn-primary w-100">Submit Review</button>
+  </div>
+</div>
+
+</body>
+</html>
Index: src/main/resources/templates/deliveryman_dash.html
===================================================================
--- src/main/resources/templates/deliveryman_dash.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
+++ src/main/resources/templates/deliveryman_dash.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Delivery Dashboard</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</head>
+<body class="bg-light">
+
+<!-- Navbar -->
+<nav class="navbar bg-body-tertiary shadow-sm">
+  <div class="container-fluid">
+    <a class="navbar-brand fw-bold" href="#">Delivery Dashboard</a>
+    <a href="profile.html" class="btn btn-outline-secondary rounded-circle p-2">
+      <img src="https://cdn-icons-png.flaticon.com/512/847/847969.png" alt="Profile" width="22" height="22">
+    </a>
+  </div>
+</nav>
+
+<div class="container my-4">
+
+  <!-- Available Deliveries -->
+  <h3 class="fw-bold mb-3">Available Deliveries</h3>
+  <div class="card shadow-sm border-0 mb-3">
+    <div class="card-body d-flex flex-column flex-md-row justify-content-between align-items-md-center">
+      <div>
+        <h5 class="mb-1">Order #205</h5>
+        <p class="text-muted mb-1">Pickup: Pizza Palace</p>
+        <p class="text-muted mb-1">Drop-off: 123 Main St.</p>
+        <p class="fw-semibold text-dark mb-0">Payment: $12.00</p>
+      </div>
+      <div class="mt-3 mt-md-0">
+        <button class="btn btn-success">Accept</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Active Delivery (after accepted) -->
+  <h3 class="fw-bold mb-3 mt-4">Active Delivery</h3>
+  <div class="card shadow-sm border-0 mb-3">
+    <div class="card-body">
+      <h5 class="mb-2">Order #204</h5>
+      <p class="text-muted mb-1">Pickup: Sushi House</p>
+      <p class="text-muted mb-1">Drop-off: 45 Park Avenue</p>
+
+      <!-- Embedded Map -->
+      <div class="ratio ratio-16x9 my-3">
+        <iframe
+                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3023.742383132246!2d-74.006015!3d40.712776!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDDCsDQyJzQ2LjAiTiA3NMKwMDAnMjEuNyJX!5e0!3m2!1sen!2sus!4v1632357890123!5m2!1sen!2sus"
+                style="border:0;" allowfullscreen="" loading="lazy">
+        </iframe>
+      </div>
+
+      <!-- Update Status -->
+      <div class="text-end">
+        <button class="btn btn-primary">Mark as Delivered</button>
+      </div>
+    </div>
+  </div>
+
+</div>
+
+</body>
+</html>
Index: src/main/resources/templates/edit_menu.html
===================================================================
--- src/main/resources/templates/edit_menu.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
+++ src/main/resources/templates/edit_menu.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Domino’s Pizza - Manage Menu</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
+        crossorigin="anonymous">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
+          crossorigin="anonymous"></script>
+</head>
+<body class="bg-light">
+
+<!-- Navbar -->
+<nav class="navbar bg-body-tertiary shadow-sm">
+  <div class="container-fluid">
+    <a class="navbar-brand d-flex align-items-center" href="home.html">
+      <img src="media/easyfood.png" alt="Logo" height="40" class="d-inline-block align-text-top">
+    </a>
+
+    <span class="fw-semibold fs-5 mx-auto">Manage Menu</span>
+
+    <div class="d-flex align-items-center gap-2">
+      <!-- Profile -->
+      <a href="profile.html" class="btn btn-outline-secondary rounded-circle p-2">
+        <img src="https://cdn-icons-png.flaticon.com/512/847/847969.png" alt="Profile" width="22" height="22">
+      </a>
+    </div>
+  </div>
+</nav>
+
+<!-- Restaurant Header -->
+<div class="container my-4">
+  <div class="card shadow-sm border-0">
+    <div class="card-body d-flex flex-column flex-md-row align-items-center">
+      <img src="media/dominos.png" alt="Domino’s Logo" class="rounded me-md-4 mb-3 mb-md-0" style="width:100px; height:100px; object-fit:contain;">
+      <div>
+        <h2 class="fw-bold mb-1">Domino’s Pizza</h2>
+        <p class="text-secondary small mb-0">Manage your menu items below: add, edit or remove.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Add New Item Button -->
+<div class="container mb-4 text-end">
+  <button class="btn btn-success fw-semibold" data-bs-toggle="modal" data-bs-target="#addItemModal">
+    + Add New Item
+  </button>
+</div>
+
+<!-- Menu List -->
+<div id="menu" class="container-fluid my-4">
+  <h4 class="mb-3">Current Menu</h4>
+
+  <!-- Example Item -->
+  <div class="card shadow-sm border-0 w-100 mb-3">
+    <div class="row g-0">
+      <!-- Image -->
+      <div class="col-md-3 col-4">
+        <img src="media/pizza.png"
+             class="w-100 object-fit-cover rounded-start"
+             alt="Pizza"
+             style="height:150px;">
+      </div>
+
+      <!-- Content -->
+      <div class="col-md-9 col-8 d-flex flex-column justify-content-between p-3" style="height:150px;">
+        <div>
+          <h5 class="card-title mb-1">Pepperoni Pizza</h5>
+          <p class="card-text text-muted fs-6 fw-semibold mb-2">15.49$</p>
+        </div>
+        <div class="d-flex gap-2">
+          <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#editItemModal">Edit</button>
+          <button class="btn btn-danger btn-sm">Delete</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>
+
+<!-- Add Item Modal -->
+<div class="modal fade" id="addItemModal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title">Add New Item</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+      </div>
+      <div class="modal-body">
+        <form>
+          <div class="mb-3">
+            <label class="form-label">Item Name</label>
+            <input type="text" class="form-control" placeholder="Enter name">
+          </div>
+          <div class="mb-3">
+            <label class="form-label">Price ($)</label>
+            <input type="number" class="form-control" placeholder="Enter price">
+          </div>
+          <div class="mb-3">
+            <label class="form-label">Image URL</label>
+            <input type="text" class="form-control" placeholder="Enter image URL">
+          </div>
+          <button type="submit" class="btn btn-success w-100">Add Item</button>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Edit Item Modal -->
+<div class="modal fade" id="editItemModal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title">Edit Item</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+      </div>
+      <div class="modal-body">
+        <form>
+          <div class="mb-3">
+            <label class="form-label">Item Name</label>
+            <input type="text" class="form-control" value="Pepperoni Pizza">
+          </div>
+          <div class="mb-3">
+            <label class="form-label">Price ($)</label>
+            <input type="number" class="form-control" value="15.49">
+          </div>
+          <div class="mb-3">
+            <label class="form-label">Image URL</label>
+            <input type="text" class="form-control" value="media/pizza.png">
+          </div>
+          <button type="submit" class="btn btn-primary w-100">Save Changes</button>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
Index: src/main/resources/templates/item_detail.html
===================================================================
--- src/main/resources/templates/item_detail.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
+++ src/main/resources/templates/item_detail.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Item Details - EasyFood</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
+        crossorigin="anonymous">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
+          crossorigin="anonymous"></script>
+</head>
+<body class="bg-light">
+
+<!-- Navbar -->
+<nav class="navbar bg-body-tertiary shadow-sm">
+  <div class="container-fluid">
+    <a class="navbar-brand d-flex align-items-center" href="home.html">
+      <img src="media/easyfood.png" alt="Logo" height="40" class="d-inline-block align-text-top">
+    </a>
+
+    <span class="fw-semibold fs-5 mx-auto">Item Details</span>
+
+    <div class="d-flex align-items-center gap-2">
+      <!-- Cart -->
+      <a href="cart.html" class="btn btn-outline-secondary rounded-circle p-2 position-relative">
+        <img src="https://cdn-icons-png.flaticon.com/512/1170/1170678.png"
+             alt="Cart" width="22" height="22">
+        <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning text-dark">
+                    2
+                </span>
+      </a>
+      <!-- Profile -->
+      <a href="profile.html" class="btn btn-outline-secondary rounded-circle p-2">
+        <img src="https://cdn-icons-png.flaticon.com/512/847/847969.png"
+             alt="Profile" width="22" height="22">
+      </a>
+    </div>
+  </div>
+</nav>
+
+<!-- Item Details -->
+<div class="container my-5">
+  <div class="row g-4">
+    <!-- Image -->
+    <div class="col-md-5 text-center">
+      <img src="media/pizza.png"
+           class="w-100 rounded shadow-sm"
+           alt="Pepperoni Pizza"
+           style="max-height:400px; object-fit:cover;">
+    </div>
+
+    <!-- Info -->
+    <div class="col-md-7 d-flex flex-column justify-content-between">
+      <div>
+        <h2 class="fw-bold">Pepperoni Pizza</h2>
+        <p class="text-muted fs-5 fw-semibold">$15.49</p>
+        <p class="text-secondary">
+          A classic Pepperoni Pizza made with fresh mozzarella, tangy tomato sauce,
+          and crispy pepperoni slices. Perfectly baked for a delicious meal.
+        </p>
+      </div>
+
+      <div class="d-flex flex-column flex-sm-row gap-3 mt-4">
+        <button class="btn btn-warning btn-lg fw-semibold flex-fill">Add to Cart</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Recommended Section -->
+  <div class="mt-5">
+    <h4 class="mb-3">You may also like</h4>
+    <div class="row g-3">
+      <!-- Item Card -->
+      <div class="col-md-4 col-sm-6">
+        <div class="card shadow-sm border-0 h-100">
+          <img src="media/burger.png" class="card-img-top object-fit-cover" style="height:200px;" alt="Burger">
+          <div class="card-body d-flex flex-column">
+            <h5 class="card-title">Cheese Burger</h5>
+            <p class="card-text text-muted">$12.99</p>
+            <a href="item.html" class="btn btn-sm btn-warning mt-auto">View Details</a>
+          </div>
+        </div>
+      </div>
+      <!-- Item Card -->
+      <div class="col-md-4 col-sm-6">
+        <div class="card shadow-sm border-0 h-100">
+          <img src="media/salad.png" class="card-img-top object-fit-cover" style="height:200px;" alt="Salad">
+          <div class="card-body d-flex flex-column">
+            <h5 class="card-title">Fresh Salad</h5>
+            <p class="card-text text-muted">$9.49</p>
+            <a href="item.html" class="btn btn-sm btn-warning mt-auto">View Details</a>
+          </div>
+        </div>
+      </div>
+      <!-- Item Card -->
+      <div class="col-md-4 col-sm-6">
+        <div class="card shadow-sm border-0 h-100">
+          <img src="media/sandwich.png" class="card-img-top object-fit-cover" style="height:200px;" alt="Sandwich">
+          <div class="card-body d-flex flex-column">
+            <h5 class="card-title">Club Sandwich</h5>
+            <p class="card-text text-muted">$8.99</p>
+            <a href="item.html" class="btn btn-sm btn-warning mt-auto">View Details</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
Index: src/main/resources/templates/login.html
===================================================================
--- src/main/resources/templates/login.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
+++ src/main/resources/templates/login.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>EasyFood - Login</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
+</head>
+<body class="bg-light">
+
+<!-- Navbar -->
+<nav class="navbar bg-body-tertiary shadow-sm">
+    <div class="container-fluid">
+        <!-- Logo -->
+        <a class="navbar-brand d-flex align-items-center" href="index.html">
+            <img src="media/easyfood.png" alt="Logo" height="40">
+        </a>
+
+
+
+        <!-- Profile Icon -->
+        <div class="d-flex align-items-center">
+
+        </div>
+    </div>
+</nav>
+
+
+<!-- Profile Settings -->
+<div class="container my-5">
+    <div class="row justify-content-center">
+        <div class="col-md-8 col-lg-6">
+            <div class="card shadow-sm border-0 rounded-3">
+                <div class="card-body p-4">
+                    <!-- Title -->
+                    <h3 class="mb-4 text-center">Login</h3>
+
+                    <!-- Profile Picture -->
+                    <div class="text-center mb-4">
+                        <img src="https://cdn-icons-png.flaticon.com/512/847/847969.png"
+                             class="rounded-circle border shadow-sm"
+                             alt="Profile" width="100" height="100">
+
+                    </div>
+
+                    <!-- Form -->
+                    <form>
+
+                        <div class="mb-3">
+                            <label class="form-label fw-semibold">Email</label>
+                            <input type="email" class="form-control" value="john@example.com">
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label fw-semibold">Password</label>
+                            <input type="password" class="form-control" placeholder="********">
+                        </div>
+
+
+                        <div class="d-flex justify-content-center">
+                            <button type="submit" class="btn btn-warning fw-semibold">login</button>
+                        </div>
+                    </form>
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+</body>
+</html>
Index: src/main/resources/templates/main_pg.html
===================================================================
--- src/main/resources/templates/main_pg.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
+++ src/main/resources/templates/main_pg.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
@@ -0,0 +1,310 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>EasyFood</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
+          crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
+            crossorigin="anonymous"></script>
+    <style>
+        #cuisine {
+            display: flex;
+            overflow-x: auto;
+            gap: 1rem;
+            padding: 1rem;
+            scroll-behavior: smooth;
+        }
+        #cuisine .card {
+            flex: 0 0 auto;
+            width: 7rem;
+            height: 3rem;
+            border-radius: 12px;
+            cursor: pointer;
+            transition: transform 0.2s;
+        }
+        #cuisine .card:hover {
+            transform: scale(1.05);
+        }
+
+        /* --- Custom Scrollbar --- */
+        #cuisine::-webkit-scrollbar {
+            height: 6px; /* thin */
+        }
+        #cuisine::-webkit-scrollbar-track {
+            background: #f1f1f1;
+            border-radius: 10px;
+        }
+        #cuisine::-webkit-scrollbar-thumb {
+            background: #f0ad4e; /* Bootstrap warning color */
+            border-radius: 10px;
+        }
+        #cuisine::-webkit-scrollbar-thumb:hover {
+            background: #d9902e;
+        }
+        /* Firefox */
+        #cuisine {
+            scrollbar-width: thin;
+            scrollbar-color: #f0ad4e #f1f1f1;
+        }
+        .recommended-scroll {
+            display: flex;
+            gap: 1rem;
+            overflow-x: auto;
+            padding-bottom: 1rem;
+            scroll-behavior: smooth;
+        }
+        .recommended-scroll .card {
+            flex: 0 0 auto;
+            width: 14rem;
+            border-radius: 12px;
+            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+            transition: transform 0.2s;
+        }
+        .recommended-scroll .card:hover {
+            transform: scale(1.05);
+        }
+        .recommended-scroll img {
+            height: 140px;
+            object-fit: cover;
+            border-top-left-radius: 12px;
+            border-top-right-radius: 12px;
+        }
+
+        /* --- Scrollbar theme --- */
+        .recommended-scroll::-webkit-scrollbar {
+            height: 6px;
+        }
+        .recommended-scroll::-webkit-scrollbar-track {
+            background: #f1f1f1;
+            border-radius: 10px;
+        }
+        .recommended-scroll::-webkit-scrollbar-thumb {
+            background: #f0ad4e;
+            border-radius: 10px;
+        }
+        .recommended-scroll::-webkit-scrollbar-thumb:hover {
+            background: #d9902e;
+        }
+        .recommended-scroll {
+            scrollbar-width: thin;
+            scrollbar-color: #f0ad4e #f1f1f1;
+        }
+        #favourites img {
+            object-fit: cover;
+        }
+        #favourites .card {
+            margin-bottom: 1rem; /* spacing between cards */
+        }
+    </style>
+</head>
+<body class="bg-light">
+
+<!-- Navbar with search -->
+<!-- Navbar with search -->
+<nav class="navbar bg-body-tertiary shadow-sm">
+    <div class="container-fluid">
+        <!-- Logo -->
+        <a class="navbar-brand d-flex align-items-center" href="#">
+            <img src="media/easyfood.png" alt="Logo" height="40" class="d-inline-block align-text-top">
+        </a>
+
+        <!-- Search bar inside navbar -->
+        <form class="d-flex mx-auto w-50" role="search">
+            <input class="form-control me-2" type="search" placeholder="Search for food..." aria-label="Search">
+            <button class="btn btn-warning" type="submit">Search</button>
+        </form>
+
+        <!-- Icons (Cart + Profile) -->
+        <div class="d-flex align-items-center gap-2">
+            <!-- Shopping Cart -->
+            <a href="cart.html" class="btn btn-outline-secondary rounded-circle p-2 position-relative">
+                <img src="https://cdn-icons-png.flaticon.com/512/1170/1170678.png"
+                     alt="Cart" width="22" height="22">
+                <!-- Optional badge for cart count -->
+                <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning text-dark">
+                    2
+                </span>
+            </a>
+
+            <!-- Profile -->
+            <a href="profile.html" class="btn btn-outline-secondary rounded-circle p-2">
+                <img src="https://cdn-icons-png.flaticon.com/512/847/847969.png"
+                     alt="Profile" width="22" height="22">
+            </a>
+        </div>
+    </div>
+</nav>
+
+<!-- Quote -->
+<div class="text-center my-3">
+    <blockquote class="blockquote">
+        <p class="fs-5">“Fresh flavors delivered to your door.”</p>
+    </blockquote>
+</div>
+
+<!-- Cuisine Section -->
+<div id="cuisine" class="container-fluid">
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">Fast Food</h6></div>
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">Italian</h6></div>
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">Asian</h6></div>
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">Desserts</h6></div>
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">Vegan</h6></div>
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">BBQ</h6></div>
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">Seafood</h6></div>
+  <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">Fast Food</h6></div>
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">Italian</h6></div>
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">Asian</h6></div>
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">Desserts</h6></div>
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">Vegan</h6></div>
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">BBQ</h6></div>
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">Seafood</h6></div>
+    <div class="card bg-warning d-flex justify-content-center align-items-center"><h6 class="mb-0">Healthy</h6></div>
+</div>
+
+<div id="Recommended" class="container-fluid my-4">
+    <div class="recommended-scroll">
+        <!-- Card 1 -->
+        <div class="card">
+            <img src="media/burger.png" class="card-img-top" alt="Burger">
+            <div class="card-body">
+                <h5 class="card-title">Cheese Burger</h5>
+                <p class="card-text text-muted">12.99$</p>
+                <a href="#" class="btn btn-warning w-100">Add to cart</a>
+            </div>
+        </div>
+        <!-- Card 2 -->
+        <div class="card">
+            <img src="media/burger.png" class="card-img-top" alt="Pizza">
+            <div class="card-body">
+                <h5 class="card-title">Pepperoni Pizza</h5>
+                <p class="card-text text-muted">15.49$</p>
+                <a href="#" class="btn btn-warning w-100">Add to cart</a>
+            </div>
+        </div>
+        <!-- Card 3 -->
+        <div class="card">
+            <img src="media/burger.png" class="card-img-top" alt="Sushi">
+            <div class="card-body">
+                <h5 class="card-title">Sushi Set</h5>
+                <p class="card-text text-muted">18.00$</p>
+                <a href="#" class="btn btn-warning w-100">Add to cart</a>
+            </div>
+        </div>
+        <div class="card">
+            <img src="media/burger.png" class="card-img-top" alt="Burger">
+            <div class="card-body">
+                <h5 class="card-title">Cheese Burger</h5>
+                <p class="card-text text-muted">12.99$</p>
+                <a href="#" class="btn btn-warning w-100">Add to cart</a>
+            </div>
+        </div>
+        <!-- Card 2 -->
+        <div class="card">
+            <img src="media/burger.png" class="card-img-top" alt="Pizza">
+            <div class="card-body">
+                <h5 class="card-title">Pepperoni Pizza</h5>
+                <p class="card-text text-muted">15.49$</p>
+                <a href="#" class="btn btn-warning w-100">Add to cart</a>
+            </div>
+        </div>
+        <!-- Card 3 -->
+        <div class="card">
+            <img src="media/burger.png" class="card-img-top" alt="Sushi">
+            <div class="card-body">
+                <h5 class="card-title">Sushi Set</h5>
+                <p class="card-text text-muted">18.00$</p>
+                <a href="#" class="btn btn-warning w-100">Add to cart</a>
+            </div>
+        </div>
+        <div class="card">
+            <img src="media/burger.png" class="card-img-top" alt="Burger">
+            <div class="card-body">
+                <h5 class="card-title">Cheese Burger</h5>
+                <p class="card-text text-muted">12.99$</p>
+                <a href="#" class="btn btn-warning w-100">Add to cart</a>
+            </div>
+        </div>
+        <!-- Card 2 -->
+        <div class="card">
+            <img src="media/burger.png" class="card-img-top" alt="Pizza">
+            <div class="card-body">
+                <h5 class="card-title">Pepperoni Pizza</h5>
+                <p class="card-text text-muted">15.49$</p>
+                <a href="#" class="btn btn-warning w-100">Add to cart</a>
+            </div>
+        </div>
+        <!-- Card 3 -->
+        <div class="card">
+            <img src="media/burger.png" class="card-img-top" alt="Sushi">
+            <div class="card-body">
+                <h5 class="card-title">Sushi Set</h5>
+                <p class="card-text text-muted">18.00$</p>
+                <a href="#" class="btn btn-warning w-100">Add to cart</a>
+            </div>
+        </div>
+    </div>
+</div>
+<div id="favourites" class="container-fluid my-4">
+    <h4 class="mb-3">Recommended for you</h4>
+
+    <div class="card shadow-sm border-0 w-100 mb-3">
+        <div class="row g-0">
+            <!-- Image -->
+            <div class="col-md-3 col-4">
+                <img src="media/burger.png"
+                     class="w-100 object-fit-cover rounded-start"
+                     alt="Burger"
+                     style="height:150px;">
+            </div>
+
+            <!-- Content -->
+            <div class="col-md-9 col-8 d-flex flex-column justify-content-between p-3" style="height:150px;">
+                <div>
+                    <h5 class="card-title mb-1">Cheese Burger</h5>
+                    <p class="card-text text-muted fs-6 fw-semibold mb-2">25.85$</p>
+                </div>
+                <button class="btn btn-warning fw-semibold align-self-start">Add to cart</button>
+            </div>
+        </div>
+    </div>
+
+    <div class="card shadow-sm border-0 w-100 mb-3">
+        <div class="row g-0">
+            <div class="col-md-3 col-4">
+                <img src="media/pizza.png"
+                     class="w-100 object-fit-cover rounded-start"
+                     alt="Pizza"
+                     style="height:150px;">
+            </div>
+            <div class="col-md-9 col-8 d-flex flex-column justify-content-between p-3" style="height:150px;">
+                <div>
+                    <h5 class="card-title mb-1">Pepperoni Pizza</h5>
+                    <p class="card-text text-muted fs-6 fw-semibold mb-2">15.49$</p>
+                </div>
+                <button class="btn btn-warning fw-semibold align-self-start">Add to cart</button>
+            </div>
+        </div>
+    </div>
+
+    <div class="card shadow-sm border-0 w-100 mb-3">
+        <div class="row g-0">
+            <div class="col-md-3 col-4">
+                <img src="media/sushi.png"
+                     class="w-100 object-fit-cover rounded-start"
+                     alt="Sushi"
+                     style="height:150px;">
+            </div>
+            <div class="col-md-9 col-8 d-flex flex-column justify-content-between p-3" style="height:150px;">
+                <div>
+                    <h5 class="card-title mb-1">Sushi Set</h5>
+                    <p class="card-text text-muted fs-6 fw-semibold mb-2">18.00$</p>
+                </div>
+                <button class="btn btn-warning fw-semibold align-self-start">Add to cart</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+</body>
+</html>
Index: src/main/resources/templates/orders.html
===================================================================
--- src/main/resources/templates/orders.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
+++ src/main/resources/templates/orders.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>My Orders</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
+          crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
+            crossorigin="anonymous"></script>
+</head>
+<body class="bg-light">
+
+<!-- Navbar -->
+<nav class="navbar bg-body-tertiary shadow-sm">
+    <div class="container-fluid">
+        <a class="navbar-brand d-flex align-items-center" href="home.html">
+            <img src="media/easyfood.png" alt="Logo" height="40" class="d-inline-block align-text-top">
+        </a>
+
+        <span class="fw-semibold fs-5 mx-auto">My Orders</span>
+
+        <div class="d-flex align-items-center gap-2">
+            <!-- Cart -->
+            <a href="cart.html" class="btn btn-outline-secondary rounded-circle p-2 position-relative">
+                <img src="https://cdn-icons-png.flaticon.com/512/1170/1170678.png" alt="Cart" width="22" height="22">
+            </a>
+            <!-- Profile -->
+            <a href="profile.html" class="btn btn-outline-secondary rounded-circle p-2">
+                <img src="https://cdn-icons-png.flaticon.com/512/847/847969.png" alt="Profile" width="22" height="22">
+            </a>
+        </div>
+    </div>
+</nav>
+
+<div class="container my-4">
+
+    <!-- Active Orders -->
+    <h3 class="mb-3">Active Orders</h3>
+    <div class="card shadow-sm mb-3">
+        <div class="card-body d-flex flex-column flex-md-row justify-content-between align-items-center">
+            <div>
+                <h5 class="fw-bold mb-1">Domino’s Pizza</h5>
+                <p class="text-muted small mb-1">Order #10234 • Placed on Aug 25, 2025</p>
+                <p class="mb-0">Items: 1x Pepperoni Pizza, 1x Coke</p>
+            </div>
+            <div class="text-md-end mt-3 mt-md-0">
+                <span class="badge bg-warning text-dark mb-2">On the way</span><br>
+                <a href="order-tracking.html" class="btn btn-sm btn-outline-secondary">Track Order</a>
+            </div>
+        </div>
+    </div>
+
+    <div class="card shadow-sm mb-3">
+        <div class="card-body d-flex flex-column flex-md-row justify-content-between align-items-center">
+            <div>
+                <h5 class="fw-bold mb-1">McDonald’s</h5>
+                <p class="text-muted small mb-1">Order #10233 • Placed on Aug 25, 2025</p>
+                <p class="mb-0">Items: 2x Big Mac, 2x Fries</p>
+            </div>
+            <div class="text-md-end mt-3 mt-md-0">
+                <span class="badge bg-info text-dark mb-2">Preparing</span><br>
+                <a href="order-tracking.html" class="btn btn-sm btn-outline-secondary">Track Order</a>
+            </div>
+        </div>
+    </div>
+
+    <!-- Past Orders -->
+    <h3 class="mt-5 mb-3">Past Orders</h3>
+    <div class="card shadow-sm mb-3">
+        <div class="card-body d-flex flex-column flex-md-row justify-content-between align-items-center">
+            <div>
+                <h5 class="fw-bold mb-1">Starbucks</h5>
+                <p class="text-muted small mb-1">Order #10230 • Aug 22, 2025</p>
+                <p class="mb-0">Items: 1x Latte, 1x Croissant</p>
+            </div>
+            <div class="text-md-end mt-3 mt-md-0">
+                <span class="badge bg-success mb-2">Delivered</span><br>
+                <a href="order-details.html" class="btn btn-sm btn-outline-secondary">View Details</a>
+            </div>
+        </div>
+    </div>
+
+    <div class="card shadow-sm mb-3">
+        <div class="card-body d-flex flex-column flex-md-row justify-content-between align-items-center">
+            <div>
+                <h5 class="fw-bold mb-1">KFC</h5>
+                <p class="text-muted small mb-1">Order #10228 • Aug 20, 2025</p>
+                <p class="mb-0">Items: 1x Zinger Burger, 1x Fries</p>
+            </div>
+            <div class="text-md-end mt-3 mt-md-0">
+                <span class="badge bg-success mb-2">Delivered</span><br>
+                <a href="order-details.html" class="btn btn-sm btn-outline-secondary">View Details</a>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+</body>
+</html>
Index: src/main/resources/templates/orders_rest_side.html
===================================================================
--- src/main/resources/templates/orders_rest_side.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
+++ src/main/resources/templates/orders_rest_side.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Orders Management</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</head>
+<body class="bg-light">
+
+<!-- Navbar -->
+<nav class="navbar bg-body-tertiary shadow-sm">
+  <div class="container-fluid">
+    <a class="navbar-brand d-flex align-items-center" href="home.html">
+      <img src="media/easyfood.png" alt="Logo" height="40" class="d-inline-block align-text-top">
+    </a>
+    <span class="fw-semibold fs-5 mx-auto">Orders Management</span>
+    <a href="profile.html" class="btn btn-outline-secondary rounded-circle p-2">
+      <img src="https://cdn-icons-png.flaticon.com/512/847/847969.png" alt="Profile" width="22" height="22">
+    </a>
+  </div>
+</nav>
+
+<div class="container my-4">
+  <h3 class="fw-bold mb-3">Orders Received</h3>
+
+  <!-- Order Card -->
+  <div class="card shadow-sm border-0 mb-3">
+    <div class="card-body d-flex flex-column flex-md-row justify-content-between align-items-md-center">
+      <div>
+        <h5 class="mb-1">Order #101</h5>
+        <p class="text-muted mb-1">Customer: John Doe</p>
+        <p class="text-muted small mb-1">Items: 1x Pepperoni Pizza, 2x Coke</p>
+        <p class="fw-semibold text-dark mb-0">Total: $25.50</p>
+      </div>
+      <div class="mt-3 mt-md-0">
+        <!-- If order is new -->
+        <button class="btn btn-success me-2">Accept</button>
+        <button class="btn btn-danger">Reject</button>
+
+        <!-- If order is accepted -->
+        <!--
+        <select class="form-select d-inline-block w-auto ms-2">
+          <option>Prepared</option>
+          <option>Delivered</option>
+        </select>
+        -->
+      </div>
+    </div>
+  </div>
+
+  <!-- Example of accepted order with status update -->
+  <div class="card shadow-sm border-0 mb-3">
+    <div class="card-body d-flex flex-column flex-md-row justify-content-between align-items-md-center">
+      <div>
+        <h5 class="mb-1">Order #102</h5>
+        <p class="text-muted mb-1">Customer: Sarah Lee</p>
+        <p class="text-muted small mb-1">Items: 2x Sushi Set</p>
+        <p class="fw-semibold text-dark mb-0">Total: $36.00</p>
+      </div>
+      <div class="mt-3 mt-md-0">
+        <!-- Status dropdown -->
+        <select class="form-select w-auto">
+          <option>Prepared</option>
+          <option selected>Delivered</option>
+        </select>
+      </div>
+    </div>
+  </div>
+
+</div>
+
+</body>
+</html>
+l>
Index: src/main/resources/templates/profille_settings.html
===================================================================
--- src/main/resources/templates/profille_settings.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
+++ src/main/resources/templates/profille_settings.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>EasyFood - profile settings</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
+</head>
+<body class="bg-light">
+
+<!-- Navbar -->
+<nav class="navbar bg-body-tertiary shadow-sm">
+  <div class="container-fluid">
+    <!-- Logo -->
+    <a class="navbar-brand d-flex align-items-center" href="index.html">
+      <img src="media/easyfood.png" alt="Logo" height="40">
+    </a>
+
+
+
+    <!-- Profile Icon -->
+    <div class="d-flex align-items-center">
+
+    </div>
+  </div>
+</nav>
+
+<!-- Profile Settings -->
+<div class="container my-5">
+  <div class="row justify-content-center">
+    <div class="col-md-8 col-lg-6">
+      <div class="card shadow-sm border-0 rounded-3">
+        <div class="card-body p-4">
+          <!-- Title -->
+          <h3 class="mb-4 text-center">Profile settings</h3>
+
+          <!-- Profile Picture -->
+          <div class="text-center mb-4">
+            <img src="https://cdn-icons-png.flaticon.com/512/847/847969.png"
+                 class="rounded-circle border shadow-sm"
+                 alt="Profile" width="100" height="100">
+
+          </div>
+
+          <!-- Form -->
+          <form>
+            <div class="mb-3">
+              <label class="form-label fw-semibold">Full Name</label>
+              <input type="text" class="form-control" value="John Doe">
+            </div>
+
+            <div class="mb-3">
+              <label class="form-label fw-semibold">Email</label>
+              <input type="email" class="form-control" value="john@example.com">
+            </div>
+
+            <div class="mb-3">
+              <label class="form-label fw-semibold">Phone Number</label>
+              <input type="tel" class="form-control" value="+1 234 567 890">
+            </div>
+
+            <div class="mb-3">
+              <label class="form-label fw-semibold">Password</label>
+              <input type="password" class="form-control" placeholder="********">
+            </div>
+
+            <div class="d-flex justify-content-center">
+              <button type="submit" class="btn btn-warning fw-semibold">login</button>
+            </div>
+          </form>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
Index: src/main/resources/templates/registe_customer.html
===================================================================
--- src/main/resources/templates/registe_customer.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
+++ src/main/resources/templates/registe_customer.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>EasyFood - Register</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
+</head>
+<body class="bg-light">
+
+<!-- Navbar -->
+<nav class="navbar bg-body-tertiary shadow-sm">
+  <div class="container-fluid">
+    <!-- Logo -->
+    <a class="navbar-brand d-flex align-items-center" href="index.html">
+      <img src="media/easyfood.png" alt="Logo" height="40">
+    </a>
+
+
+
+    <!-- Profile Icon -->
+    <div class="d-flex align-items-center">
+
+    </div>
+  </div>
+</nav>
+<div class=" mt-5 d-flex justify-content-center">
+  <div class="bg-white p-2 rounded-3 ">
+    <a class="text-warning">register as customer</a>/
+    <a href="">register as restaurant owner</a>
+  </div>
+</div>
+
+<!-- Profile Settings -->
+<div class="container my-5">
+  <div class="row justify-content-center">
+    <div class="col-md-8 col-lg-6">
+      <div class="card shadow-sm border-0 rounded-3">
+        <div class="card-body p-4">
+          <!-- Title -->
+          <h3 class="mb-4 text-center">Register as customer</h3>
+
+          <!-- Profile Picture -->
+          <div class="text-center mb-4">
+            <img src="https://cdn-icons-png.flaticon.com/512/847/847969.png"
+                 class="rounded-circle border shadow-sm"
+                 alt="Profile" width="100" height="100">
+
+          </div>
+
+          <!-- Form -->
+          <form>
+            <div class="mb-3">
+              <label class="form-label fw-semibold">Full Name</label>
+              <input type="text" class="form-control" value="John Doe">
+            </div>
+
+            <div class="mb-3">
+              <label class="form-label fw-semibold">Email</label>
+              <input type="email" class="form-control" value="john@example.com">
+            </div>
+
+            <div class="mb-3">
+              <label class="form-label fw-semibold">Phone Number</label>
+              <input type="tel" class="form-control" value="+1 234 567 890">
+            </div>
+
+            <div class="mb-3">
+              <label class="form-label fw-semibold">Password</label>
+              <input type="password" class="form-control" placeholder="********">
+            </div>
+            <div class="mb-3">
+              <label class="form-label fw-semibold">Repeat Password</label>
+              <input type="password" class="form-control" placeholder="********">
+            </div>
+
+            <div class="d-flex justify-content-center">
+              <button type="submit" class="btn btn-warning fw-semibold">register</button>
+            </div>
+          </form>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
Index: src/main/resources/templates/register_restaurant_owner.html
===================================================================
--- src/main/resources/templates/register_restaurant_owner.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
+++ src/main/resources/templates/register_restaurant_owner.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>EasyFood - Register</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
+</head>
+<body class="bg-light">
+
+<!-- Navbar -->
+<nav class="navbar bg-body-tertiary shadow-sm">
+    <div class="container-fluid">
+        <!-- Logo -->
+        <a class="navbar-brand d-flex align-items-center" href="index.html">
+            <img src="media/easyfood.png" alt="Logo" height="40">
+        </a>
+
+
+
+        <!-- Profile Icon -->
+        <div class="d-flex align-items-center">
+
+        </div>
+    </div>
+</nav>
+<div class=" mt-5 d-flex justify-content-center">
+    <div class="bg-white p-2 rounded-3 ">
+        <a href="">register as customer</a>/
+        <a class="text-warning">register as restaurant owner</a>
+    </div>
+</div>
+
+<!-- Profile Settings -->
+<div class="container my-5">
+    <div class="row justify-content-center">
+        <div class="col-md-8 col-lg-6">
+            <div class="card shadow-sm border-0 rounded-3">
+                <div class="card-body p-4">
+                    <!-- Title -->
+                    <h3 class="mb-4 text-center">Register as restaurant owner</h3>
+
+                    <!-- Profile Picture -->
+                    <div class="text-center mb-4">
+                        <img src="https://cdn-icons-png.flaticon.com/512/847/847969.png"
+                             class="rounded-circle border shadow-sm"
+                             alt="Profile" width="100" height="100">
+
+                    </div>
+
+                    <!-- Form -->
+                    <form>
+                        <div class="mb-3">
+                            <label class="form-label fw-semibold">Full Name</label>
+                            <input type="text" class="form-control" value="John Doe">
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label fw-semibold">Email</label>
+                            <input type="email" class="form-control" value="john@example.com">
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label fw-semibold">Phone Number</label>
+                            <input type="tel" class="form-control" value="+1 234 567 890">
+                        </div>
+
+                        <div class="mb-3">
+                            <a> Click here to learn more</a>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label fw-semibold">Needed documents</label>
+                            <input type="file" class="form-control" placeholder="********">
+                        </div>
+
+                        <div class="d-flex justify-content-center">
+                            <button type="submit" class="btn btn-warning fw-semibold">register</button>
+                        </div>
+                    </form>
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+</body>
+</html>
Index: src/main/resources/templates/restaurant_menu.html
===================================================================
--- src/main/resources/templates/restaurant_menu.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
+++ src/main/resources/templates/restaurant_menu.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Domino’s Pizza - Menu</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
+        crossorigin="anonymous">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
+          crossorigin="anonymous"></script>
+</head>
+<body class="bg-light">
+
+<!-- Navbar -->
+<nav class="navbar bg-body-tertiary shadow-sm">
+  <div class="container-fluid">
+    <a class="navbar-brand d-flex align-items-center" href="home.html">
+      <img src="media/easyfood.png" alt="Logo" height="40" class="d-inline-block align-text-top">
+    </a>
+
+    <span class="fw-semibold fs-5 mx-auto">Restaurant Menu</span>
+
+    <div class="d-flex align-items-center gap-2">
+      <!-- Cart -->
+      <a href="cart.html" class="btn btn-outline-secondary rounded-circle p-2 position-relative">
+        <img src="https://cdn-icons-png.flaticon.com/512/1170/1170678.png" alt="Cart" width="22" height="22">
+        <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning text-dark">
+          2
+        </span>
+      </a>
+      <!-- Profile -->
+      <a href="profile.html" class="btn btn-outline-secondary rounded-circle p-2">
+        <img src="https://cdn-icons-png.flaticon.com/512/847/847969.png" alt="Profile" width="22" height="22">
+      </a>
+    </div>
+  </div>
+</nav>
+
+<!-- Restaurant Header -->
+<div class="container my-4">
+  <div class="card shadow-sm border-0">
+    <div class="card-body d-flex flex-column flex-md-row align-items-center">
+      <img src="media/dominos.png" alt="Domino’s Logo" class="rounded me-md-4 mb-3 mb-md-0" style="width:100px; height:100px; object-fit:contain;">
+      <div>
+        <h2 class="fw-bold mb-1">Domino’s Pizza</h2>
+        <p class="text-secondary small mb-0">Delicious pizzas, sides, and desserts delivered hot and fresh.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div id="menu" class="container-fluid my-4">
+  <h4 class="mb-3">Menu</h4>
+
+  <div class="card shadow-sm border-0 w-100 mb-3">
+    <div class="row g-0">
+      <!-- Image -->
+      <div class="col-md-3 col-4">
+        <img src="media/burger.png"
+             class="w-100 object-fit-cover rounded-start"
+             alt="Burger"
+             style="height:150px;">
+      </div>
+
+      <!-- Content -->
+      <div class="col-md-9 col-8 d-flex flex-column justify-content-between p-3" style="height:150px;">
+        <div>
+          <h5 class="card-title mb-1">Cheese Burger</h5>
+          <p class="card-text text-muted fs-6 fw-semibold mb-2">25.85$</p>
+        </div>
+        <button class="btn btn-warning fw-semibold align-self-start">Add to cart</button>
+      </div>
+    </div>
+  </div>
+
+  <div class="card shadow-sm border-0 w-100 mb-3">
+    <div class="row g-0">
+      <div class="col-md-3 col-4">
+        <img src="media/pizza.png"
+             class="w-100 object-fit-cover rounded-start"
+             alt="Pizza"
+             style="height:150px;">
+      </div>
+      <div class="col-md-9 col-8 d-flex flex-column justify-content-between p-3" style="height:150px;">
+        <div>
+          <h5 class="card-title mb-1">Pepperoni Pizza</h5>
+          <p class="card-text text-muted fs-6 fw-semibold mb-2">15.49$</p>
+        </div>
+        <button class="btn btn-warning fw-semibold align-self-start">Add to cart</button>
+      </div>
+    </div>
+  </div>
+
+  <div class="card shadow-sm border-0 w-100 mb-3">
+    <div class="row g-0">
+      <div class="col-md-3 col-4">
+        <img src="media/buger.png"
+             class="w-100 object-fit-cover rounded-start"
+             alt="Sushi"
+             style="height:150px;">
+      </div>
+      <div class="col-md-9 col-8 d-flex flex-column justify-content-between p-3" style="height:150px;">
+        <div>
+          <h5 class="card-title mb-1">Sushi Set</h5>
+          <p class="card-text text-muted fs-6 fw-semibold mb-2">18.00$</p>
+        </div>
+        <button class="btn btn-warning fw-semibold align-self-start">Add to cart</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
Index: src/main/resources/templates/shopping_cart.html
===================================================================
--- src/main/resources/templates/shopping_cart.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
+++ src/main/resources/templates/shopping_cart.html	(revision 7ff4aa88251db55cd755f14d704a5bf103f4c942)
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>My Cart - EasyFood</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
+          crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
+            crossorigin="anonymous"></script>
+</head>
+<body class="bg-light">
+
+<!-- Navbar -->
+<nav class="navbar bg-body-tertiary shadow-sm">
+    <div class="container-fluid">
+        <a class="navbar-brand d-flex align-items-center" href="home.html">
+            <img src="media/easyfood.png" alt="Logo" height="40" class="d-inline-block align-text-top">
+        </a>
+
+        <span class="fw-semibold fs-5 mx-auto">My Shopping Cart</span>
+
+        <div class="d-flex align-items-center gap-2">
+            <!-- Profile -->
+            <a href="profile.html" class="btn btn-outline-secondary rounded-circle p-2">
+                <img src="https://cdn-icons-png.flaticon.com/512/847/847969.png"
+                     alt="Profile" width="22" height="22">
+            </a>
+        </div>
+    </div>
+</nav>
+
+<!-- Cart Content -->
+<div class="container my-4">
+    <h4 class="mb-3">Your Items</h4>
+
+    <!-- Item 1 -->
+    <div class="card shadow-sm border-0 w-100 mb-3">
+        <div class="row g-0">
+            <div class="col-md-3 col-4">
+                <img src="media/burger.png"
+                     class="w-100 object-fit-cover rounded-start"
+                     alt="Burger"
+                     style="height:150px;">
+            </div>
+            <div class="col-md-9 col-8 d-flex flex-column justify-content-between p-3" style="height:150px;">
+                <div>
+                    <h5 class="card-title mb-1">Cheese Burger</h5>
+                    <p class="card-text text-muted fs-6 fw-semibold mb-2">12.99$</p>
+                </div>
+                <div class="d-flex align-items-center gap-2">
+                    <input type="number" class="form-control w-25" value="1" min="1">
+                    <button class="btn btn-danger btn-sm">Remove</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Item 2 -->
+    <div class="card shadow-sm border-0 w-100 mb-3">
+        <div class="row g-0">
+            <div class="col-md-3 col-4">
+                <img src="media/pizza.png"
+                     class="w-100 object-fit-cover rounded-start"
+                     alt="Pizza"
+                     style="height:150px;">
+            </div>
+            <div class="col-md-9 col-8 d-flex flex-column justify-content-between p-3" style="height:150px;">
+                <div>
+                    <h5 class="card-title mb-1">Pepperoni Pizza</h5>
+                    <p class="card-text text-muted fs-6 fw-semibold mb-2">15.49$</p>
+                </div>
+                <div class="d-flex align-items-center gap-2">
+                    <input type="number" class="form-control w-25" value="2" min="1">
+                    <button class="btn btn-danger btn-sm">Remove</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Checkout -->
+    <div class="card shadow-sm border-0 p-3 mt-4">
+        <div class="d-flex justify-content-between align-items-center">
+            <h5>Total: <span class="text-warning">43.97$</span></h5>
+            <a href="checkout.html" class="btn btn-warning fw-semibold">Proceed to Checkout</a>
+        </div>
+    </div>
+</div>
+
+</body>
+</html>
