diff --git a/addons/dine360_self_order/__manifest__.py b/addons/dine360_self_order/__manifest__.py
index 8ce154d..50fd830 100644
--- a/addons/dine360_self_order/__manifest__.py
+++ b/addons/dine360_self_order/__manifest__.py
@@ -20,7 +20,6 @@
         'web.assets_frontend': [
             'dine360_self_order/static/src/css/self_order.css',
             'dine360_self_order/static/src/js/self_order.js',
-            'dine360_self_order/static/src/xml/self_order.xml',
         ],
     },
     'installable': True,
diff --git a/addons/dine360_self_order/static/src/css/self_order.css b/addons/dine360_self_order/static/src/css/self_order.css
index 515aef2..ad5d9ba 100644
--- a/addons/dine360_self_order/static/src/css/self_order.css
+++ b/addons/dine360_self_order/static/src/css/self_order.css
@@ -1,12 +1,13 @@
-/* Self-Order UI Styling */
+/* Shiva Sakthi Self-Order UI Styling */
 
 #self_order_app {
     font-family: 'Outfit', 'Inter', -apple-system, sans-serif;
-    color: #171422;
+    color: #0f0d13;
+    background-color: #fcfbf7 !important;
 }
 
 .transition-all {
-    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 
 .no-scrollbar::-webkit-scrollbar {
@@ -18,73 +19,196 @@
     scrollbar-width: none;
 }
 
+/* Header Branding */
+.navbar {
+    background: rgba(17, 17, 17, 0.9) !important;
+    backdrop-filter: blur(10px);
+    border-bottom: 2px solid #e5b945;
+}
+
+.navbar-brand {
+    font-family: 'Playfair Display', serif;
+    letter-spacing: 0.5px;
+}
+
+/* Search Bar with glowing focus */
 .search-bar {
-    border-radius: 14px;
+    border-radius: 16px;
     background: #ffffff;
+    border: 1px solid rgba(0, 0, 0, 0.05);
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
+    overflow: hidden;
+    transition: all 0.3s ease;
+}
+
+.search-bar:focus-within {
+    border-color: #e5b945;
+    box-shadow: 0 4px 25px rgba(229, 0, 0, 0.08) !important;
+}
+
+#product_search:focus {
+    box-shadow: none;
+}
+
+/* Category Filter Capsules */
+#category_filter {
+    padding: 10px 0;
+}
+
+#category_filter button {
+    font-size: 13px;
+    font-weight: 600;
+    letter-spacing: 0.3px;
+    text-transform: capitalize;
+    border-radius: 20px;
+    transition: all 0.25s ease;
+}
+
+#category_filter button.btn-warning {
+    background: linear-gradient(135deg, #e5b945, #cc9200) !important;
+    border: none !important;
+    box-shadow: 0 4px 15px rgba(229, 0, 0, 0.25) !important;
+    color: #ffffff !important;
+}
+
+#category_filter button.btn-white {
+    background: #ffffff;
+    color: #555555;
+    border: 1px solid rgba(0, 0, 0, 0.08);
+}
+
+#category_filter button.btn-white:hover {
+    background: rgba(229, 0, 0, 0.03);
+    color: #e5b945;
+    border-color: rgba(229, 0, 0, 0.2);
+}
+
+/* Premium Product Cards */
+.product-card {
+    border-radius: 20px;
+    background: #ffffff;
+    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.03) !important;
+    overflow: hidden;
+    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 
 .product-card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
+    transform: translateY(-8px);
+    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08) !important;
 }
 
-.product-card .card-img-top {
-    border-top-left-radius: 14px;
-    border-top-right-radius: 14px;
+.product-card img {
+    border-top-left-radius: 20px !important;
+    border-top-right-radius: 20px !important;
+    transition: transform 0.5s ease;
 }
 
-.btn-warning {
-    background-color: #e50000;
-    border-color: #e50000;
-    color: #ffffff;
+.product-card:hover img {
+    transform: scale(1.05);
 }
 
-.btn-warning:hover,
-.btn-warning:active {
-    background-color: #b30000;
-    border-color: #b30000;
-    color: #ffffff;
+.product-card .add-to-cart-btn {
+    background: #e5b945 !important;
+    border-color: #e5b945 !important;
+    color: #ffffff !important;
+    transition: all 0.25s ease;
 }
 
-.bg-warning-light {
-    background-color: rgba(229, 0, 0, 0.08) !important;
+.product-card .add-to-cart-btn:hover {
+    transform: scale(1.1);
+    background: #cc9200 !important;
+    box-shadow: 0 4px 12px rgba(229, 0, 0, 0.3) !important;
+}
+
+/* Service select cards */
+.service-select {
+    border: 1px solid rgba(0, 0, 0, 0.08) !important;
+    background: #ffffff !important;
+    transition: all 0.25s ease;
+}
+
+.service-select:hover {
+    border-color: rgba(229, 0, 0, 0.2) !important;
+    background: rgba(229, 0, 0, 0.01) !important;
 }
 
 .service-select.active {
-    border: 2px solid #e50000 !important;
-    background-color: rgba(229, 0, 0, 0.05) !important;
+    border: 2px solid #e5b945 !important;
+    background: rgba(229, 0, 0, 0.03) !important;
+    font-weight: 600;
+}
+
+/* Cart Footer Panel */
+#footer_cart {
+    border-top-left-radius: 24px;
+    border-top-right-radius: 24px;
+    background: rgba(255, 255, 255, 0.9) !important;
+    backdrop-filter: blur(15px);
+    box-shadow: 0 -10px 45px rgba(0, 0, 0, 0.1) !important;
+    z-index: 1040;
+}
+
+#footer_cart #view_cart_btn {
+    background: linear-gradient(135deg, #e5b945, #cc9200) !important;
+    border: none;
+    box-shadow: 0 4px 15px rgba(229, 0, 0, 0.3) !important;
+    transition: all 0.25s ease;
+}
+
+#footer_cart #view_cart_btn:hover {
+    transform: scale(1.03);
+    box-shadow: 0 6px 20px rgba(229, 0, 0, 0.4) !important;
+}
+
+/* Cart Modal Styling */
+.modal-content {
+    border-radius: 28px !important;
+    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
+    border: none;
+}
+
+.modal-header {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+    background: #111111 !important;
+    color: #ffffff;
 }
 
 .cart-item {
-    border-bottom: 1px dashed #eee;
-    padding-bottom: 1rem;
+    border-bottom: 1px dashed rgba(0, 0, 0, 0.06);
+    padding-bottom: 1.2rem;
 }
 
 .cart-item:last-child {
     border-bottom: none;
 }
 
-#category_filter button {
-    font-size: 13px;
-    font-weight: 500;
+/* Quantity Adjusters */
+.decrease-qty, .increase-qty {
+    background: #ffffff !important;
+    border: 1px solid rgba(0, 0, 0, 0.08) !important;
+    color: #555555 !important;
+    transition: all 0.2s ease;
 }
 
-.badge-primary {
-    background-color: #171422;
+.decrease-qty:hover, .increase-qty:hover {
+    background: rgba(229, 0, 0, 0.05) !important;
+    color: #e5b945 !important;
+    border-color: rgba(229, 0, 0, 0.2) !important;
 }
 
-#footer_cart {
-    border-top-left-radius: 20px;
-    border-top-right-radius: 20px;
-    z-index: 1050;
-}
-
-.modal-content {
+#submit_order_btn {
+    background: linear-gradient(135deg, #e5b945, #cc9200) !important;
     border: none;
-    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 4px 15px rgba(229, 0, 0, 0.3) !important;
+    transition: all 0.25s ease;
 }
 
+#submit_order_btn:hover {
+    transform: scale(1.02);
+    box-shadow: 0 6px 20px rgba(229, 0, 0, 0.4) !important;
+}
+
+/* Spinner */
 .spinner-border {
-    width: 2rem;
-    height: 2rem;
+    color: #e5b945 !important;
 }
\ No newline at end of file
diff --git a/addons/dine360_self_order/views/self_order_templates.xml b/addons/dine360_self_order/views/self_order_templates.xml
index 68e7560..b19ab92 100644
--- a/addons/dine360_self_order/views/self_order_templates.xml
+++ b/addons/dine360_self_order/views/self_order_templates.xml
@@ -2,6 +2,11 @@
 <odoo>
     <template id="self_order_menu_template" name="Self-Order Menu">
         <t t-call="website.layout">
+            <t t-set="head">
+                <link rel="preconnect" href="https://fonts.googleapis.com"/>
+                <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/>
+                <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&amp;family=Playfair+Display:ital,wght@0,600;0,700;1,600&amp;display=swap" rel="stylesheet"/>
+            </t>
             <div id="self_order_app" class="bg-light min-vh-100 pb-5">
                 <!-- Data injection for JS -->
                 <div id="self_order_data" class="d-none"
@@ -13,7 +18,7 @@
                 <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top shadow-sm py-2">
                     <div class="container px-3 d-flex justify-content-between">
                         <a class="navbar-brand fw-bold d-flex align-items-center" href="/dine360/menu">
-                            <i class="fa fa-cutlery me-2 text-danger"/> Dine360
+                            <i class="fa fa-cutlery me-2 text-danger"/> Shiva Sakthi Menu
                         </a>
                         <div t-if="pos_table" class="text-white-50 small">
                             <span class="badge bg-danger text-white px-2 py-1 rounded-pill">
diff --git a/addons/dine360_theme_shivasakthi/controllers/main.py b/addons/dine360_theme_shivasakthi/controllers/main.py
index 221d01f..84f18d4 100644
--- a/addons/dine360_theme_shivasakthi/controllers/main.py
+++ b/addons/dine360_theme_shivasakthi/controllers/main.py
@@ -29,7 +29,7 @@ class ContactController(http.Controller):
         # Format the email content
         email_content = f"""
             <div style="font-family: Arial, sans-serif; padding: 20px; border: 1px solid #ddd; border-radius: 8px;">
-                <h2 style="color: #e50000; border-bottom: 2px solid #e50000; padding-bottom: 10px;">New Contact Form Submission - Shiva Sakthi</h2>
+                <h2 style="color: #e5b945; border-bottom: 2px solid #e5b945; padding-bottom: 10px;">New Contact Form Submission - Shiva Sakthi</h2>
                 <table style="width: 100%; border-collapse: collapse; margin-top: 15px;">
                     <tr>
                         <td style="padding: 8px; font-weight: bold; width: 30%;">Full Name:</td>
@@ -48,7 +48,7 @@ class ContactController(http.Controller):
                         <td style="padding: 8px;">{subject}</td>
                     </tr>
                 </table>
-                <div style="margin-top: 20px; padding: 15px; background-color: #F8F9FA; border-left: 4px solid #e50000;">
+                <div style="margin-top: 20px; padding: 15px; background-color: #F8F9FA; border-left: 4px solid #e5b945;">
                     <strong style="display: block; margin-bottom: 10px;">Message:</strong>
                     <div style="white-space: pre-wrap;">{message}</div>
                 </div>
diff --git a/addons/dine360_theme_shivasakthi/static/src/scss/primary_variables.scss b/addons/dine360_theme_shivasakthi/static/src/scss/primary_variables.scss
index ecb9653..cad6ae5 100644
--- a/addons/dine360_theme_shivasakthi/static/src/scss/primary_variables.scss
+++ b/addons/dine360_theme_shivasakthi/static/src/scss/primary_variables.scss
@@ -1,6 +1,6 @@
 $o-color-palettes: (
     'shivasakthi-palette': (
-        'o-color-1': #e50000, // Brand Red (Primary)
+        'o-color-1': #e5b945, // Brand Red (Primary)
         'o-color-2': #0e1317, // Deep Dark Theme Base (Secondary)
         'o-color-3': #FFFFFF, // White text/highlights
         'o-color-4': #151a1e, // Lighter Charcoal for section contrast
diff --git a/addons/dine360_theme_shivasakthi/static/src/scss/shop.scss b/addons/dine360_theme_shivasakthi/static/src/scss/shop.scss
index 36209e0..d7ea278 100644
--- a/addons/dine360_theme_shivasakthi/static/src/scss/shop.scss
+++ b/addons/dine360_theme_shivasakthi/static/src/scss/shop.scss
@@ -1,8 +1,8 @@
 /* Shivasakthi Shop Page - Exact Clone of the Classic Food Theme UI */
 
 :root {
-    --food-green: #e50000;
-    --food-yellow: #e50000;
+    --food-green: #e5b945;
+    --food-yellow: #e5b945;
     --food-text: #333333;
     --food-light-grey: #f1f1f1;
     --food-border: #e6e6e6;
@@ -12,7 +12,7 @@
 .form-control,
 .form-select {
     background-color: #f8f9fa !important;
-    border: 1px solid #e50000 !important;
+    border: 1px solid #e5b945 !important;
     border-radius: 10px !important;
     padding: 14px 18px !important;
     font-size: 15px !important;
@@ -384,7 +384,7 @@
                     background: white !important;
 
                     .btn-add-to-cart-overlay {
-                        background: #e50000 !important;
+                        background: #e5b945 !important;
                         color: #000000 !important;
                         padding: 10px;
                         border-radius: 6px;
@@ -491,7 +491,7 @@
 
     /* Breadcrumb Color */
     .breadcrumb-item a {
-        color: #e50000 !important;
+        color: #e5b945 !important;
         font-weight: 700 !important;
     }
 
@@ -556,7 +556,7 @@
         }
 
         #add_to_cart {
-            background: #e50000 !important;
+            background: #e5b945 !important;
             color: #000000 !important;
             border: none !important;
             border-radius: 50px !important;
@@ -601,7 +601,7 @@
     #add_to_cart,
     .a-submit,
     .btn-add-to-cart-overlay {
-        background: #e50000 !important;
+        background: #e5b945 !important;
         color: #000000 !important;
         border: none !important;
     }
@@ -611,9 +611,9 @@
 .o_wsale_toast .btn-primary,
 .o_wsale_add_to_cart_message a.btn-primary,
 #wsale_ajax_cart_msg a.btn-primary {
-    background-color: #e50000 !important;
+    background-color: #e5b945 !important;
     color: #000000 !important;
-    border-color: #e50000 !important;
+    border-color: #e5b945 !important;
     font-weight: 700 !important;
     box-shadow: 0 4px 12px rgba(254, 205, 79, 0.2) !important;
     transition: all 0.3s ease !important;
@@ -633,9 +633,9 @@
 .oe_website_sale .btn-primary.a-submit,
 .oe_website_sale a.btn-primary,
 .oe_cart .btn-primary {
-    background-color: #e50000 !important;
+    background-color: #e5b945 !important;
     color: #0e1317 !important;
-    border-color: #e50000 !important;
+    border-color: #e5b945 !important;
     font-weight: 800 !important;
     text-transform: uppercase !important;
     padding: 12px 30px !important;
diff --git a/addons/dine360_theme_shivasakthi/static/src/scss/theme.scss b/addons/dine360_theme_shivasakthi/static/src/scss/theme.scss
index f66cd44..a7d26bf 100644
--- a/addons/dine360_theme_shivasakthi/static/src/scss/theme.scss
+++ b/addons/dine360_theme_shivasakthi/static/src/scss/theme.scss
@@ -30,7 +30,7 @@ header {
                 transition: color 0.3s ease;
 
                 &:hover, &.active {
-                    color: #e50000 !important;
+                    color: #e5b945 !important;
                 }
             }
         }
@@ -45,7 +45,7 @@ header {
 
         /* Order Now Button */
         .btn-order-now {
-            background-color: #e50000 !important;
+            background-color: #e5b945 !important;
             color: white !important;
             border: none;
             border-radius: 4px;
@@ -59,7 +59,7 @@ header {
 
             &:hover {
                 background-color: white !important;
-                color: #e50000 !important;
+                color: #e5b945 !important;
                 transform: translateY(-2px);
                 box-shadow: 0 5px 15px rgba(254, 205, 79, 0.4);
             }
@@ -74,19 +74,19 @@ header {
                 transform: translateY(-2px);
 
                 .fa-shopping-cart {
-                    color: #e50000 !important;
+                    color: #e5b945 !important;
                 }
 
                 .cart-badge {
                     color: white !important;
-                    background-color: #e50000 !important;
+                    background-color: #e5b945 !important;
                     opacity: 1 !important;
                 }
             }
 
             .cart-badge {
                 color: white !important;
-                background-color: #e50000 !important;
+                background-color: #e5b945 !important;
                 font-weight: 800 !important;
                 z-index: 10;
                 border: 2px solid #0c0f12 !important;
@@ -138,7 +138,7 @@ header {
 // Hero Button Hover
 .btn-lg.flat:hover,
 .btn-custom:hover {
-    background-color: #e50000 !important;
+    background-color: #e5b945 !important;
     color: white !important;
     transform: translateY(-3px);
     transition: all 0.3s ease;
@@ -177,7 +177,7 @@ header {
         width: 8px;
         height: 8px;
         border-radius: 50%;
-        background-color: #e50000;
+        background-color: #e5b945;
         display: inline-block;
         opacity: 0.5;
         cursor: pointer;
@@ -556,7 +556,7 @@ section h2.display-4 {
             padding: 0 !important;
 
             .s_website_form_mark {
-                color: #e50000;
+                color: #e5b945;
                 margin-left: 3px;
             }
         }
@@ -564,7 +564,7 @@ section h2.display-4 {
         .form-control,
         .form-select {
             background-color: #f8f9fa !important;
-            border: 1px solid #e50000 !important;
+            border: 1px solid #e5b945 !important;
             border-radius: 10px !important;
             padding: 14px 18px !important;
             font-size: 15px !important;
@@ -583,7 +583,7 @@ section h2.display-4 {
         }
 
         .s_website_form_send {
-            background-color: #e50000 !important;
+            background-color: #e5b945 !important;
             color: #0e1317 !important;
             border: none !important;
             border-radius: 10px !important;
@@ -603,7 +603,7 @@ section h2.display-4 {
 
             &:hover {
                 background-color: #0e1317 !important;
-                color: #e50000 !important;
+                color: #e5b945 !important;
                 transform: translateY(-2px) !important;
                 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
             }
@@ -709,7 +709,7 @@ section h2.display-4 {
             box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
 
             h6 {
-                color: #e50000 !important;
+                color: #e5b945 !important;
             }
         }
 
@@ -765,7 +765,7 @@ section h2.display-4 {
             left: 0;
             width: 100%;
             height: 100%;
-            background: #e50000d4;
+            background: #e5b945d4;
             z-index: 0;
             border-radius: 4px;
         }
@@ -790,7 +790,7 @@ section h2.display-4 {
         position: relative;
         border-radius: 0 400px 400px 0;
         overflow: hidden;
-        border-right: 15px solid #e50000;
+        border-right: 15px solid #e5b945;
 
         img {
             width: 100%;
@@ -886,14 +886,14 @@ section h2.display-4 {
                 transition: all 0.3s ease;
 
                 &:hover {
-                    background: #e50000;
-                    border-color: #e50000;
+                    background: #e5b945;
+                    border-color: #e5b945;
                     color: #0e1317;
                 }
 
                 &.next-btn {
-                    background: #e50000;
-                    border-color: #e50000;
+                    background: #e5b945;
+                    border-color: #e5b945;
                     color: #0e1317;
                 }
             }
@@ -943,13 +943,13 @@ section h2.display-4 {
                 font-size: 18px;
 
                 &:not(.collapsed) {
-                    color: #e50000;
+                    color: #e5b945;
 
                     &::after {
                         content: "-";
                         transform: none;
                         background-image: none;
-                        color: #e50000;
+                        color: #e5b945;
                         font-size: 30px;
                         line-height: 1;
                     }
@@ -958,7 +958,7 @@ section h2.display-4 {
                 &::after {
                     content: "+";
                     background-image: none;
-                    color: #e50000;
+                    color: #e5b945;
                     font-size: 24px;
                     font-weight: 300;
                     display: flex;
@@ -985,7 +985,7 @@ section h2.display-4 {
         .carousel-control-next {
             width: 40px;
             height: 40px;
-            background: #e50000;
+            background: #e5b945;
             border-radius: 50%;
             top: 50%;
             transform: translateY(-50%);
@@ -1010,7 +1010,7 @@ section h2.display-4 {
 
 // Global button class for multiple sections
 .know-more-btn {
-    background-color: #e50000;
+    background-color: #e5b945;
     color: #0e1317 !important;
     font-weight: 700;
     padding: 12px 30px;
@@ -1041,16 +1041,16 @@ section h2.display-4 {
     }
 
     &:hover {
-        background-color: #e50000 !important;
+        background-color: #e5b945 !important;
         color: white !important;
         transform: translateY(-3px);
 
         span {
             background-color: white !important;
-            color: #e50000 !important;
+            color: #e5b945 !important;
 
             i {
-                color: #e50000 !important;
+                color: #e5b945 !important;
             }
         }
     }
@@ -1102,7 +1102,7 @@ section h2.display-4 {
                 width: 60px;
                 height: 60px;
                 background: white;
-                border: 2px solid #e50000;
+                border: 2px solid #e5b945;
                 border-radius: 8px;
                 display: flex;
                 flex-direction: column;
@@ -1125,7 +1125,7 @@ section h2.display-4 {
 
                     &:last-child {
                         font-size: 10px;
-                        color: #e50000;
+                        color: #e5b945;
                         text-transform: uppercase;
                         transition: color 0.3s;
                     }
@@ -1176,13 +1176,13 @@ section h2.display-4 {
                 }
 
                 .date-badge {
-                    border: 2px dashed #e50000;
+                    border: 2px dashed #e5b945;
                 }
             }
 
             .blog-body {
                 h4 {
-                    color: #e50000;
+                    color: #e5b945;
                 }
             }
         }
@@ -1205,7 +1205,7 @@ section h2.display-4 {
     /* Subtitle above title */
     .blog-subtitle-top {
         font-family: 'Bebas Neue', sans-serif !important;
-        color: #e50000;
+        color: #e5b945;
         font-size: 14px;
         letter-spacing: 3px;
         text-transform: uppercase;
@@ -1282,7 +1282,7 @@ section h2.display-4 {
     /* READ MORE link */
     .blog-news-readmore {
         font-family: 'Bebas Neue', sans-serif !important;
-        color: #e50000;
+        color: #e5b945;
         font-size: 14px;
         letter-spacing: 1.5px;
         text-decoration: none;
@@ -1360,7 +1360,7 @@ footer#bottom {
         z-index: 20;
 
         .footer-cta-bar {
-            background-color: #e50000;
+            background-color: #e5b945;
             border-radius: 20px;
             padding: 30px 50px;
             box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
@@ -1382,7 +1382,7 @@ footer#bottom {
                     display: flex;
                     align-items: center;
                     justify-content: center;
-                    color: #e50000;
+                    color: #e5b945;
                     font-size: 20px;
                 }
 
@@ -1415,7 +1415,7 @@ footer#bottom {
             bottom: 0;
             width: 50px;
             height: 3px;
-            background: #e50000;
+            background: #e5b945;
         }
     }
 
@@ -1439,8 +1439,8 @@ footer#bottom {
             transition: all 0.3s;
 
             &:hover {
-                background: #e50000;
-                border-color: #e50000;
+                background: #e5b945;
+                border-color: #e5b945;
                 color: #0e1317;
             }
         }
@@ -1458,7 +1458,7 @@ footer#bottom {
             gap: 10px;
 
             i {
-                color: #e50000;
+                color: #e5b945;
                 font-size: 12px;
                 margin-top: 5px;
             }
@@ -1469,7 +1469,7 @@ footer#bottom {
                 transition: color 0.3s;
 
                 &:hover {
-                    color: #e50000;
+                    color: #e5b945;
                 }
             }
         }
@@ -1559,7 +1559,7 @@ footer#bottom {
             transition: color 0.3s;
 
             &:hover {
-                color: #e50000;
+                color: #e5b945;
             }
         }
 
@@ -1569,25 +1569,25 @@ footer#bottom {
         }
 
         .active-item {
-            color: #e50000;
+            color: #e5b945;
         }
     }
 }
 
 /* Global Red Color Removal & Theme Alignment */
 .text-danger {
-    color: #e50000 !important; // Replace red text with theme gold
+    color: #e5b945 !important; // Replace red text with theme gold
 }
 
 .bg-danger,
 .btn-danger {
-    background-color: #e50000 !important;
-    border-color: #e50000 !important;
+    background-color: #e5b945 !important;
+    border-color: #e5b945 !important;
     color: white !important;
 }
 
 .badge-danger {
-    background-color: #e50000 !important;
+    background-color: #e5b945 !important;
     color: #0e1317 !important;
 }
 
@@ -1598,11 +1598,11 @@ footer#bottom {
 
         &:hover {
             background-color: rgba(255, 184, 0, 0.1) !important;
-            color: #e50000 !important;
+            color: #e5b945 !important;
         }
 
         &.active {
-            background-color: #e50000 !important;
+            background-color: #e5b945 !important;
             color: white !important;
             border-radius: 8px;
 
@@ -1626,20 +1626,20 @@ footer#bottom {
 /* Link hover color */
 body:not(.editor_enable):not(.o_edit_mode) a:hover,
 body:not(.editor_enable):not(.o_edit_mode) a:hover * {
-    color: #e50000 !important;
+    color: #e5b945 !important;
 }
 
 /* Button hover color */
 body:not(.editor_enable):not(.o_edit_mode) .btn:hover,
 body:not(.editor_enable):not(.o_edit_mode) .btn:hover * {
     color: #fff !important;
-    background-color: #e50000 !important;
+    background-color: #e5b945 !important;
 }
 
 .active,
 .nav-link.active,
 .nav-pills .nav-link.active {
-    color: #e50000 !important;
+    color: #e5b945 !important;
 }
 
 
@@ -1656,9 +1656,9 @@ body.o_edit_mode {
 .btn-primary:not(:disabled):not(.disabled):active,
 .btn-primary:not(:disabled):not(.disabled).active,
 .show>.btn-primary.dropdown-toggle {
-    background-color: #e50000 !important;
+    background-color: #e5b945 !important;
     color: #0e1317 !important;
-    border-color: #e50000 !important;
+    border-color: #e5b945 !important;
 }
 
 .btn-primary:hover {
@@ -1692,7 +1692,7 @@ body.o_edit_mode {
     }
 
     .footer-cta-bar {
-        background-color: #e50000 !important;
+        background-color: #e5b945 !important;
         border-radius: 15px;
 
         .icon-circle {
@@ -1705,7 +1705,7 @@ body.o_edit_mode {
             justify-content: center;
 
             i {
-                color: #e50000 !important;
+                color: #e5b945 !important;
                 font-size: 20px;
             }
         }
@@ -1731,7 +1731,7 @@ body.o_edit_mode {
         padding-bottom: 50px;
 
         .footer-brand-title {
-            color: #e50000 !important;
+            color: #e5b945 !important;
             font-size: 32px;
             text-transform: capitalize;
         }
@@ -1750,7 +1750,7 @@ body.o_edit_mode {
                 bottom: 0;
                 width: 35px;
                 height: 2px;
-                background-color: #e50000;
+                background-color: #e5b945;
             }
         }
 
@@ -1777,7 +1777,7 @@ body.o_edit_mode {
                 font-size: 15px;
 
                 i {
-                    color: #e50000 !important;
+                    color: #e5b945 !important;
                     font-size: 12px;
                 }
 
@@ -1787,7 +1787,7 @@ body.o_edit_mode {
                     transition: all 0.3s ease;
 
                     &:hover {
-                        color: #e50000 !important;
+                        color: #e5b945 !important;
                         padding-left: 5px;
                     }
                 }
@@ -1795,7 +1795,7 @@ body.o_edit_mode {
         }
 
         .highlight-text {
-            color: #e50000 !important;
+            color: #e5b945 !important;
         }
 
         .footer-social-boxes {
@@ -1817,8 +1817,8 @@ body.o_edit_mode {
                 }
 
                 &:hover {
-                    background-color: #e50000;
-                    border-color: #e50000;
+                    background-color: #e5b945;
+                    border-color: #e5b945;
                     transform: translateY(-3px);
 
                     i {
@@ -1872,7 +1872,7 @@ body.o_edit_mode {
     }
 
     .footer-copyright-bar-new {
-        background-color: #e50000 !important;
+        background-color: #e5b945 !important;
         color: #0e1317 !important;
         margin-top: 20px;
         border-top: 1px solid rgba(0, 0, 0, 0.1);
@@ -1932,8 +1932,8 @@ body.o_edit_mode {
 
             &:hover,
             &:focus {
-                background-color: #e50000;
-                border-color: #e50000;
+                background-color: #e5b945;
+                border-color: #e5b945;
                 color: #0e1317;
                 box-shadow: none;
             }
@@ -1991,7 +1991,7 @@ body.o_edit_mode {
     }
 
     .hero-subtitle {
-        color: #e50000;
+        color: #e5b945;
         font-family: 'Bebas Neue', sans-serif !important;
         font-weight: 400;
         letter-spacing: 2.5px;
@@ -2021,7 +2021,7 @@ body.o_edit_mode {
     }
 
     .btn-hero-cta {
-        background-color: #e50000 !important;
+        background-color: #e5b945 !important;
         color: white !important;
         border: none;
         border-radius: 4px;
@@ -2041,7 +2041,7 @@ body.o_edit_mode {
 
         &:hover {
             background-color: white !important;
-            color: #e50000 !important;
+            color: #e5b945 !important;
             transform: translateY(-3px);
             box-shadow: 0 5px 15px rgba(254, 205, 79, 0.4);
 
@@ -2155,7 +2155,7 @@ body.o_edit_mode {
             width: 10px !important;
             height: 10px !important;
             border-radius: 50% !important;
-            background-color: #e50000 !important;
+            background-color: #e5b945 !important;
             opacity: 0.5;
             border: none !important;
             margin: 0 6px !important;
@@ -2245,7 +2245,7 @@ body.o_edit_mode {
     .feature-icon-wrapper {
         width: 70px;
         height: 70px;
-        background-color: #e50000;
+        background-color: #e5b945;
         border-radius: 50%;
         display: flex;
         align-items: center;
@@ -2298,7 +2298,7 @@ body.o_edit_mode {
 
     img {
         transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-        border: 2px solid #e50000 !important;
+        border: 2px solid #e5b945 !important;
         box-shadow: 0 4px 10px rgba(0,0,0,0.05);
     }
 
@@ -2386,7 +2386,7 @@ body.o_edit_mode {
     /* Golden subtitle */
     .enjoy-subtitle {
         font-family: 'Bebas Neue', sans-serif !important;
-        color: #e50000;
+        color: #e5b945;
         font-size: clamp(16px, 2.2vw, 22px);
         letter-spacing: 2px;
         line-height: 1.3;
@@ -2398,8 +2398,8 @@ body.o_edit_mode {
     .enjoy-btn-outline {
         display: inline-flex;
         align-items: center;
-        border: 2px solid #e50000 !important;
-        color: #e50000 !important;
+        border: 2px solid #e5b945 !important;
+        color: #e5b945 !important;
         background: transparent !important;
         padding: 10px 28px;
         font-family: 'Bebas Neue', sans-serif !important;
@@ -2410,9 +2410,9 @@ body.o_edit_mode {
         transition: all 0.3s ease;
 
         &:hover {
-            background: #e50000 !important;
+            background: #e5b945 !important;
             color: #111111 !important;
-            border-color: #e50000 !important;
+            border-color: #e5b945 !important;
         }
     }
 
@@ -2600,7 +2600,7 @@ body.o_edit_mode {
 
     /* Stars */
     .testi-stars {
-        color: #e50000;
+        color: #e5b945;
         font-size: 20px;
         display: flex;
         justify-content: center;
@@ -2694,7 +2694,7 @@ body.o_edit_mode {
     }
 
     .category-btn {
-        background-color: #e50000;
+        background-color: #e5b945;
         color: #04121D;
         font-family: 'Bebas Neue', sans-serif !important;
         font-size: 19px;
@@ -2719,7 +2719,7 @@ body.o_edit_mode {
 
         .category-btn {
             background-color: #04121D;
-            color: #e50000;
+            color: #e5b945;
         }
     }
 }
@@ -2795,7 +2795,7 @@ body.o_edit_mode {
     }
 
     .thali-subtitle {
-        color: #e50000;
+        color: #e5b945;
         font-family: 'Bebas Neue', sans-serif !important;
         font-size: clamp(26px, 3.2vw, 34px);
         letter-spacing: 2px;
@@ -2812,7 +2812,7 @@ body.o_edit_mode {
     }
 
     .btn-thali-day {
-        background-color: #e50000 !important;
+        background-color: #e5b945 !important;
         color: #04121D !important;
         font-family: 'Bebas Neue', sans-serif !important;
         font-size: 16px;
@@ -2848,8 +2848,8 @@ body.o_edit_mode {
         justify-content: center;
 
         &:hover {
-            background-color: #e50000 !important;
-            border-color: #e50000 !important;
+            background-color: #e5b945 !important;
+            border-color: #e5b945 !important;
             color: #04121D !important;
             transform: translateY(-3px);
         }
@@ -2969,7 +2969,7 @@ body.o_edit_mode {
                 height: 65px;
                 object-fit: cover;
                 border-radius: 50%;
-                border: 2px solid #e50000 !important;
+                border: 2px solid #e5b945 !important;
                 box-shadow: 0 4px 10px rgba(0,0,0,0.05);
                 transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
             }
@@ -2991,7 +2991,7 @@ body.o_edit_mode {
             .price-text {
                 font-family: 'Bebas Neue', sans-serif !important;
                 font-size: 18px;
-                color: #e50000 !important;
+                color: #e5b945 !important;
                 font-weight: 700;
             }
 
@@ -3013,7 +3013,7 @@ body.o_edit_mode {
     }
 
     .btn-menu-view-all {
-        background-color: #e50000 !important;
+        background-color: #e5b945 !important;
         color: #04121D !important;
         font-family: 'Bebas Neue', sans-serif !important;
         font-size: 16px;
@@ -3031,7 +3031,7 @@ body.o_edit_mode {
             transform: translateY(-3px);
             box-shadow: 0 4px 15px rgba(254, 205, 79, 0.4);
             background-color: #04121D !important;
-            color: #e50000 !important;
+            color: #e5b945 !important;
         }
     }
 }
@@ -3108,7 +3108,7 @@ body.o_edit_mode {
 }
 /* About Us V2 Custom Styles */
 .hover-yellow:hover {
-    color: #e50000 !important;
+    color: #e5b945 !important;
 }
 
 .floating-img {
@@ -3152,7 +3152,7 @@ body.o_edit_mode {
 }
 
 .icon-circle:hover {
-    background-color: #e50000;
+    background-color: #e5b945;
 }
 
 .icon-circle:hover i {
diff --git a/addons/dine360_theme_shivasakthi/views/about_page.xml b/addons/dine360_theme_shivasakthi/views/about_page.xml
index ae5bb38..8e3866d 100644
--- a/addons/dine360_theme_shivasakthi/views/about_page.xml
+++ b/addons/dine360_theme_shivasakthi/views/about_page.xml
@@ -13,7 +13,7 @@
                             <nav aria-label="breadcrumb" class="d-flex justify-content-center">
                                 <ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 500;">
                                     <li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none hover-yellow">Home</a></li>
-                                    <li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">About Us</li>
+                                    <li class="breadcrumb-item active" style="color: #e5b945;" aria-current="page">About Us</li>
                                 </ol>
                             </nav>
                         </div>
@@ -27,7 +27,7 @@
                                     <img src="/dine360_theme_shivasakthi/static/src/img/about_v2/vada.png" alt="Vada Dish" class="img-fluid floating-img"/>
                                 </div>
                                 <div class="col-lg-6 ps-lg-5">
-                                    <h6 class="text-uppercase mb-2 fw-bold" style="color: #e50000; font-size: 14px; letter-spacing: 1px;">Experience South Indian Cuisine Like Never Before!</h6>
+                                    <h6 class="text-uppercase mb-2 fw-bold" style="color: #e5b945; font-size: 14px; letter-spacing: 1px;">Experience South Indian Cuisine Like Never Before!</h6>
                                     <h2 class="display-4 fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; color: #111;">Where Flavor Meets Festivity</h2>
                                     
                                     <p class="text-muted mb-4" style="font-size: 16px; line-height: 1.8;">
@@ -76,7 +76,7 @@
                     <section class="s_about_live_melodies position-relative text-center" style="background-image: url('/dine360_theme_shivasakthi/static/src/img/about_v2/skewers_bg.png'); background-attachment: fixed; background-size: cover; background-position: center; padding: 120px 0;">
                         <div class="position-absolute w-100 h-100" style="top: 0; left: 0; background-color: rgba(0,0,0,0.75); z-index: 1;"></div>
                         <div class="container position-relative text-white" style="z-index: 2;">
-                            <h6 class="text-uppercase mb-3 fw-bold" style="color: #e50000; font-size: 14px; letter-spacing: 2px;">Dine-In And Experience South Indian Culture And Vibes!</h6>
+                            <h6 class="text-uppercase mb-3 fw-bold" style="color: #e5b945; font-size: 14px; letter-spacing: 2px;">Dine-In And Experience South Indian Culture And Vibes!</h6>
                             <h2 class="display-3 fw-bold text-uppercase mb-0" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 2px;">Indian Flavors With Live Melodies</h2>
                         </div>
                     </section>
@@ -86,7 +86,7 @@
                         <div class="container pt-5 pb-5">
                             <div class="row align-items-center">
                                 <div class="col-lg-6 pe-lg-5">
-                                    <h6 class="text-uppercase mb-2 fw-bold" style="color: #e50000; font-size: 14px; letter-spacing: 1px;">Discover True South Indian Taste At Shiva Sakthi</h6>
+                                    <h6 class="text-uppercase mb-2 fw-bold" style="color: #e5b945; font-size: 14px; letter-spacing: 1px;">Discover True South Indian Taste At Shiva Sakthi</h6>
                                     <h2 class="display-4 fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; color: #111;">Authentic Flavors,<br/>Unforgettable Moments</h2>
                                     
                                     <p class="text-muted mb-3" style="font-size: 16px; line-height: 1.8;">
@@ -108,7 +108,7 @@
                     <section class="s_about_cta position-relative overflow-hidden">
                         <div class="row g-0">
                             <!-- Left Yellow Section -->
-                            <div class="col-lg-6 position-relative d-flex align-items-center" style="background-color: #e50000; padding: 100px 50px;">
+                            <div class="col-lg-6 position-relative d-flex align-items-center" style="background-color: #e5b945; padding: 100px 50px;">
                                 <!-- Subtle Texture Overlay (Optional) -->
                                 <div class="w-100" style="max-width: 500px; margin-left: auto; margin-right: auto; padding-right: 50px;">
                                     <h6 class="text-uppercase mb-3 fw-bold text-white" style="font-size: 14px; letter-spacing: 1px;">Experience Authentic South Indian Food</h6>
@@ -131,7 +131,7 @@
                                 <img src="/dine360_theme_shivasakthi/static/src/img/about_v2/feedback_dish.jpg" alt="Feedback Dish" class="img-fluid w-100 h-100" style="object-fit: cover; min-height: 500px;"/>
                             </div>
                             <!-- Right Yellow Section -->
-                            <div class="col-lg-6 position-relative d-flex align-items-center text-center" style="background-color: #e50000; padding: 100px 50px;">
+                            <div class="col-lg-6 position-relative d-flex align-items-center text-center" style="background-color: #e5b945; padding: 100px 50px;">
                                 <div class="w-100" style="max-width: 600px; margin: 0 auto;">
                                     <h2 class="display-4 fw-bold text-uppercase text-white mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px;">What Have Lot's Off Happy Customer<br/>Explore Feedback</h2>
                                     
diff --git a/addons/dine360_theme_shivasakthi/views/blog_detail_page.xml b/addons/dine360_theme_shivasakthi/views/blog_detail_page.xml
index 3784abd..4a9dcff 100644
--- a/addons/dine360_theme_shivasakthi/views/blog_detail_page.xml
+++ b/addons/dine360_theme_shivasakthi/views/blog_detail_page.xml
@@ -22,7 +22,7 @@
                     position: absolute;
                     left: 0;
                     top: 0px;
-                    color: #e50000;
+                    color: #e5b945;
                     font-weight: 900;
                     font-size: 18px;
                 }
@@ -39,7 +39,7 @@
                                 <ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;">
                                     <li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li>
                                     <li class="breadcrumb-item"><a href="/blog" class="text-white text-decoration-none" style="opacity: 0.8;">Blog</a></li>
-                                    <li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">Blog Details</li>
+                                    <li class="breadcrumb-item active" style="color: #e5b945;" aria-current="page">Blog Details</li>
                                 </ol>
                             </nav>
                          </div>
diff --git a/addons/dine360_theme_shivasakthi/views/blog_page.xml b/addons/dine360_theme_shivasakthi/views/blog_page.xml
index 5ba9e9f..6023295 100644
--- a/addons/dine360_theme_shivasakthi/views/blog_page.xml
+++ b/addons/dine360_theme_shivasakthi/views/blog_page.xml
@@ -13,7 +13,7 @@
                             <nav aria-label="breadcrumb" class="d-flex justify-content-center">
                                 <ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;">
                                     <li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li>
-                                    <li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">Blog</li>
+                                    <li class="breadcrumb-item active" style="color: #e5b945;" aria-current="page">Blog</li>
                                 </ol>
                             </nav>
                          </div>
@@ -25,7 +25,7 @@
                             <!-- Header -->
                             <div class="row mb-5">
                                 <div class="col-12 text-center">
-                                    <h6 class="d-flex align-items-center justify-content-center mb-3" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
+                                    <h6 class="d-flex align-items-center justify-content-center mb-3" style="color: #e5b945; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
                                         BLOG
                                     </h6>
                                     <h2 class="display-4 fw-bold mb-4" style="color: #04121D; font-size: 48px;">News &amp; Articles</h2>
@@ -40,7 +40,7 @@
                                                 <a t-attf-href="/blog/#{blog.get('slug')}">
                                                     <img t-att-src="blog.get('image')" t-att-alt="blog.get('title')" class="img-fluid w-100 h-100" style="object-fit: cover; transition: transform 0.5s ease;"/>
                                                 </a>
-                                                <div class="date-badge position-absolute" style="bottom: 10px; left: 15px; width: 50px; height: 65px; background: #e50000; color: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 700; line-height: 1.1; box-shadow: 0 4px 10px rgba(0,0,0,0.1); z-index: 5;">
+                                                <div class="date-badge position-absolute" style="bottom: 10px; left: 15px; width: 50px; height: 65px; background: #e5b945; color: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 700; line-height: 1.1; box-shadow: 0 4px 10px rgba(0,0,0,0.1); z-index: 5;">
                                                     <span style="font-size: 22px; display: block;" t-esc="blog.get('day')"/>
                                                     <span style="font-size: 11px; text-transform: uppercase;" t-esc="blog.get('month')"/>
                                                 </div>
diff --git a/addons/dine360_theme_shivasakthi/views/contact_page.xml b/addons/dine360_theme_shivasakthi/views/contact_page.xml
index aff9876..4b2116b 100644
--- a/addons/dine360_theme_shivasakthi/views/contact_page.xml
+++ b/addons/dine360_theme_shivasakthi/views/contact_page.xml
@@ -13,7 +13,7 @@
                             <nav aria-label="breadcrumb" class="d-flex justify-content-center">
                                 <ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 500;">
                                     <li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none hover-yellow">Home</a></li>
-                                    <li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">Contact</li>
+                                    <li class="breadcrumb-item active" style="color: #e5b945;" aria-current="page">Contact</li>
                                 </ol>
                             </nav>
                          </div>
@@ -23,7 +23,7 @@
                     <section class="s_contact_get_in_touch pt-5 pb-5 bg-white position-relative" style="z-index: 10;">
                         <div class="container pt-5 pb-5">
                             <div class="text-center mb-5">
-                                <h6 style="color: #e50000; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 15px;">Contact Us</h6>
+                                <h6 style="color: #e5b945; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 15px;">Contact Us</h6>
                                 <h2 class="display-5 fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; color: #111;">Get In Touch With Us</h2>
                                 <p class="text-muted" style="max-width: 900px; margin: 0 auto; font-size: 15px; line-height: 1.8;">
                                     We're always happy to connect with you at Shiva Sakthi Restaurant. Conveniently located in a prime and easily accessible area, our restaurant welcomes guests who are looking for fresh, authentic South Indian meals served with care. Whether you want to make a reservation, check our menu, place a takeaway order, or inquire about catering services, our team is ready to assist you. Visitors can reach us by phone, email, or through the contact form on this page. We aim to respond quickly to all inquiries and ensure every guest enjoys a smooth experience. Drop by, get in touch, or simply say hello - we look forward to serving you.
@@ -35,7 +35,7 @@
                                 <div class="col-lg-4 col-md-6">
                                     <div class="contact-dark-card d-flex align-items-center p-4 h-100">
                                         <div class="icon-box bg-white d-flex align-items-center justify-content-center me-4">
-                                            <i class="fa fa-phone" style="color: #e50000; font-size: 20px;"></i>
+                                            <i class="fa fa-phone" style="color: #e5b945; font-size: 20px;"></i>
                                         </div>
                                         <div>
                                             <h6 class="text-white fw-bold mb-1" style="font-size: 16px;">Call Us</h6>
@@ -47,7 +47,7 @@
                                 <div class="col-lg-4 col-md-6">
                                     <div class="contact-dark-card d-flex align-items-center p-4 h-100">
                                         <div class="icon-box bg-white d-flex align-items-center justify-content-center me-4">
-                                            <i class="fa fa-envelope-o" style="color: #e50000; font-size: 20px;"></i>
+                                            <i class="fa fa-envelope-o" style="color: #e5b945; font-size: 20px;"></i>
                                         </div>
                                         <div>
                                             <h6 class="text-white fw-bold mb-1" style="font-size: 16px;">Email Address</h6>
@@ -59,7 +59,7 @@
                                 <div class="col-lg-4 col-md-6">
                                     <div class="contact-dark-card d-flex align-items-center p-4 h-100">
                                         <div class="icon-box bg-white d-flex align-items-center justify-content-center me-4">
-                                            <i class="fa fa-map-marker" style="color: #e50000; font-size: 20px;"></i>
+                                            <i class="fa fa-map-marker" style="color: #e5b945; font-size: 20px;"></i>
                                         </div>
                                         <div>
                                             <h6 class="text-white fw-bold mb-1" style="font-size: 16px;">Location</h6>
@@ -119,7 +119,7 @@
 
                                             <!-- Submit Button -->
                                             <div class="col-12 mt-4">
-                                                <button type="submit" class="btn fw-bold text-white px-4 py-3 text-uppercase" style="background-color: #e50000; border: none; font-size: 14px; letter-spacing: 1px; border-radius: 2px;">
+                                                <button type="submit" class="btn fw-bold text-white px-4 py-3 text-uppercase" style="background-color: #e5b945; border: none; font-size: 14px; letter-spacing: 1px; border-radius: 2px;">
                                                     Send Message Us <i class="fa fa-paper-plane ms-2"></i>
                                                 </button>
                                             </div>
@@ -148,11 +148,11 @@
                     <section class="pt120 pb120" style="background-color: #F9F6F0;">
                         <div class="container text-center">
                             <div class="mb-4">
-                                <i class="fa fa-check-circle-o fa-5x" style="color: #e50000;"></i>
+                                <i class="fa fa-check-circle-o fa-5x" style="color: #e5b945;"></i>
                             </div>
                             <h1 class="display-3 fw-bold mb-3" style="color: #04121D;">Thank You!</h1>
                             <p class="lead text-muted mb-5">Your message has been successfully sent to us.<br/>We will get back to you as soon as possible.</p>
-                            <a href="/" class="btn btn-lg flat" style="background-color: #e50000; color: #04121D; font-weight: 700; padding: 15px 40px; border-radius: 4px; text-transform: uppercase;">Back to Home</a>
+                            <a href="/" class="btn btn-lg flat" style="background-color: #e5b945; color: #04121D; font-weight: 700; padding: 15px 40px; border-radius: 4px; text-transform: uppercase;">Back to Home</a>
                         </div>
                     </section>
                 </div>
diff --git a/addons/dine360_theme_shivasakthi/views/faq_page.xml b/addons/dine360_theme_shivasakthi/views/faq_page.xml
index e7f54c6..18a7007 100644
--- a/addons/dine360_theme_shivasakthi/views/faq_page.xml
+++ b/addons/dine360_theme_shivasakthi/views/faq_page.xml
@@ -14,7 +14,7 @@
                                 <ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;">
                                     <li class="breadcrumb-item"><a href="/home" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li>
                                     <!-- Separator (manual or via CSS, bootstrap adds /) -->
-                                    <li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">FAQ</li>
+                                    <li class="breadcrumb-item active" style="color: #e5b945;" aria-current="page">FAQ</li>
                                 </ol>
                             </nav>
                          </div>
@@ -29,7 +29,7 @@
                                 <div class="col-lg-7 mb-5 mb-lg-0">
                                     <div class="pe-lg-5">
                                         <!-- Title -->
-                                        <h6 class="d-flex align-items-center mb-3" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
+                                        <h6 class="d-flex align-items-center mb-3" style="color: #e5b945; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
                                             Shivasakthi
                                         </h6>
                                         <h2 class="display-5 fw-bold mb-5" style="color: #04121D;">Frequently Asked Questions</h2>
@@ -189,12 +189,12 @@
 
                                         <!-- Custom Navigation Arrows (centered vertically, appearing on sides) -->
                                         <button class="carousel-control-prev" type="button" data-bs-target="#faqPageCarousel" data-bs-slide="prev" style="opacity: 1;">
-                                            <span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #e50000; border-radius: 50%; color: #04121D; position: absolute; left: 20px;">
+                                            <span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #e5b945; border-radius: 50%; color: #04121D; position: absolute; left: 20px;">
                                                 <i class="fa fa-arrow-left"></i>
                                             </span>
                                         </button>
                                         <button class="carousel-control-next" type="button" data-bs-target="#faqPageCarousel" data-bs-slide="next" style="opacity: 1;">
-                                            <span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #e50000; border-radius: 50%; color: #04121D; position: absolute; right: 20px;">
+                                            <span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #e5b945; border-radius: 50%; color: #04121D; position: absolute; right: 20px;">
                                                 <i class="fa fa-arrow-right"></i>
                                             </span>
                                         </button>
diff --git a/addons/dine360_theme_shivasakthi/views/layout.xml b/addons/dine360_theme_shivasakthi/views/layout.xml
index 4cc0933..2ee417b 100644
--- a/addons/dine360_theme_shivasakthi/views/layout.xml
+++ b/addons/dine360_theme_shivasakthi/views/layout.xml
@@ -100,8 +100,8 @@
                                           t-esc="website_sale_order.cart_quantity"
                                           style="font-size: 0.75rem; padding: 0.35em 0.6em; border: 2px solid #111;"/>
                                 </a>
-                                <a href="/shop" class="btn btn-order-now px-4 py-2 d-inline-flex align-items-center">
-                                    ORDER NOW <i class="fa fa-long-arrow-right ms-2"></i>
+                                <a href="/reservation" class="btn btn-order-now px-4 py-2 d-inline-flex align-items-center">
+                                    RESERVATION <i class="fa fa-long-arrow-right ms-2"></i>
                                 </a>
                             </div>
                         </div>
@@ -169,8 +169,8 @@
                                 <div class="col-lg-3 col-md-6 mb-4">
                                     <h5 class="footer-column-title fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; font-size: 20px;">OPENING HOUR</h5>
                                     <div class="hours-list" style="font-size: 14px; line-height: 1.8;">
-                                        <p class="mb-2 text-white">Monday – Friday: <span style="color: #e50000;">11.30 am - 10.00 pm</span></p>
-                                        <p class="mb-0 text-white">Saturday, Sunday: <span style="color: #e50000;">12.00 pm - 10.00 pm</span></p>
+                                        <p class="mb-2 text-white">Monday – Friday: <span style="color: #e5b945;">11.30 am - 10.00 pm</span></p>
+                                        <p class="mb-0 text-white">Saturday, Sunday: <span style="color: #e5b945;">12.00 pm - 10.00 pm</span></p>
                                     </div>
                                 </div>
                             </div>
@@ -180,13 +180,13 @@
                         <div class="footer-copyright-bar" style="border-top: 1px solid rgba(255,255,255,0.05); padding: 20px 0;">
                             <div class="container text-center">
                                 <p class="mb-0" style="font-size: 13px; color: #dcdcdc;">
-                                    Copyright 2026 © Shiva Sakthi Restaurant. Powered by <span style="color: #e50000;">MetatronCube</span>. All Right Reserved.
+                                    Copyright 2026 © Shiva Sakthi Restaurant. Powered by <span style="color: #e5b945;">MetatronCube</span>. All Right Reserved.
                                 </p>
                             </div>
                         </div>
 
                         <!-- Scroll to Top Button -->
-                        <!-- <a href="#" class="scroll-to-top" style="position: absolute; right: 30px; bottom: 30px; background-color: #e50000; color: #ffffff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.3);">
+                        <!-- <a href="#" class="scroll-to-top" style="position: absolute; right: 30px; bottom: 30px; background-color: #e5b945; color: #ffffff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.3);">
                             <i class="fa fa-arrow-up"></i>
                         </a> -->
                     </section>
diff --git a/addons/dine360_theme_shivasakthi/views/pages.xml b/addons/dine360_theme_shivasakthi/views/pages.xml
index 91df4b5..608e527 100644
--- a/addons/dine360_theme_shivasakthi/views/pages.xml
+++ b/addons/dine360_theme_shivasakthi/views/pages.xml
@@ -144,7 +144,7 @@
                 <!-- Right Content Side -->
                 <div class="col-lg-6 ps-lg-5 o_colored_level">
                     <div class="about-content">
-                        <h6 class="d-flex align-items-center mb-3" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
+                        <h6 class="d-flex align-items-center mb-3" style="color: #e5b945; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
                             Real . authentic . South Indian
                         </h6>
                         <h2 class="display-4 fw-bold mb-4" style="color: #04121D; line-height: 1.2;">Welcome to Shiva Sakthi Restaurant</h2>
@@ -154,10 +154,10 @@
 
                         <!-- CTA Buttons -->
                         <div class="d-flex flex-wrap align-items-center gap-4 pt-2">
-                            <a href="/about" class="btn btn-lg flat d-inline-flex align-items-center" style="background-color: #e50000; color: #04121D; font-weight: 700; padding: 15px 35px; border-radius: 5px; text-transform: uppercase; font-size: 14px; border: none;">
+                            <a href="/about" class="btn btn-lg flat d-inline-flex align-items-center" style="background-color: #e5b945; color: #04121D; font-weight: 700; padding: 15px 35px; border-radius: 5px; text-transform: uppercase; font-size: 14px; border: none;">
                                 LEARN MORE US <i class="fa fa-long-arrow-right ms-2"/>
                             </a>
-                            <a href="/shop" class="fw-bold text-dark text-decoration-none d-inline-flex align-items-center" style="font-size: 14px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 2px solid #e50000; padding-bottom: 3px;">
+                            <a href="/shop" class="fw-bold text-dark text-decoration-none d-inline-flex align-items-center" style="font-size: 14px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 2px solid #e5b945; padding-bottom: 3px;">
                                 EXPLORE POPULAR MENU <i class="fa fa-long-arrow-right ms-2"/>
                             </a>
                         </div>
@@ -175,7 +175,7 @@
                 <div class="col-lg-8 col-md-10">
                     <div class="row g-0 overflow-hidden shadow-lg stats-box-row" style="background: transparent;">
                         <!-- Box 1 -->
-                        <div class="col-4 text-center py-4 px-2 d-flex flex-column align-items-center justify-content-center" style="background-color: #e50000; color: #000; min-height: 170px;">
+                        <div class="col-4 text-center py-4 px-2 d-flex flex-column align-items-center justify-content-center" style="background-color: #e5b945; color: #000; min-height: 170px;">
                             <h2 class="fw-bold mb-1 stat-counter" data-target="20" data-suffix="+" style="font-size: clamp(32px, 4.5vw, 54px); line-height: 1; font-family: 'Bebas Neue', sans-serif !important;">0+</h2>
                             <div class="wavy-line mb-3" style="font-size: 14px; font-weight: bold; color: #000; letter-spacing: -2px;">~~~~</div>
                             <p class="text-uppercase fw-bold mb-0" style="font-size: clamp(10px, 1.2vw, 13px); letter-spacing: 0.5px; font-family: 'Bebas Neue', sans-serif !important;">Experience Chefs</p>
@@ -187,7 +187,7 @@
                             <p class="text-uppercase fw-bold mb-0 text-white" style="font-size: clamp(10px, 1.2vw, 13px); letter-spacing: 0.5px; font-family: 'Bebas Neue', sans-serif !important;">Happy Customers</p>
                         </div>
                         <!-- Box 3 -->
-                        <div class="col-4 text-center py-4 px-2 d-flex flex-column align-items-center justify-content-center" style="background-color: #e50000; color: #000; min-height: 170px;">
+                        <div class="col-4 text-center py-4 px-2 d-flex flex-column align-items-center justify-content-center" style="background-color: #e5b945; color: #000; min-height: 170px;">
                             <h2 class="fw-bold mb-1 stat-counter" data-target="40" data-suffix="+" style="font-size: clamp(32px, 4.5vw, 54px); line-height: 1; font-family: 'Bebas Neue', sans-serif !important;">0+</h2>
                             <div class="wavy-line mb-3" style="font-size: 14px; font-weight: bold; color: #000; letter-spacing: -2px;">~~~~</div>
                             <p class="text-uppercase fw-bold mb-0" style="font-size: clamp(10px, 1.2vw, 13px); letter-spacing: 0.5px; font-family: 'Bebas Neue', sans-serif !important;">Favorite Dishes</p>
@@ -208,7 +208,7 @@
             <!-- Header -->
             <div class="row mb-5">
                 <div class="col-12 text-center">
-                    <h6 class="mb-3" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important;">SOUTH INDIAN AND NORTH INDIAN</h6>
+                    <h6 class="mb-3" style="color: #e5b945; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important;">SOUTH INDIAN AND NORTH INDIAN</h6>
                     <h2 class="display-4 fw-bold" style="color: #04121D; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 46px; letter-spacing: 1px;">Popular Dishes</h2>
                 </div>
             </div>
@@ -361,7 +361,7 @@
             <!-- Header -->
             <div class="row mb-5">
                 <div class="col-12 text-center">
-                    <h6 class="mb-2" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 16px;">POPULAR MENU</h6>
+                    <h6 class="mb-2" style="color: #e5b945; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 16px;">POPULAR MENU</h6>
                     <h2 class="display-4 fw-bold" style="color: #04121D; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 46px; letter-spacing: 1px; line-height: 1.2;">FROM AUTHENTIC INDIAN KITCHEN</h2>
                 </div>
             </div>
diff --git a/addons/dine360_theme_shivasakthi/views/product_details_page.xml b/addons/dine360_theme_shivasakthi/views/product_details_page.xml
index faa44c8..03857c4 100644
--- a/addons/dine360_theme_shivasakthi/views/product_details_page.xml
+++ b/addons/dine360_theme_shivasakthi/views/product_details_page.xml
@@ -31,7 +31,7 @@
                     <!-- <div class="o_wsale_products_breadcrumb mb-3">
                         <ul class="breadcrumb bg-transparent p-0 small">
                             <li class="breadcrumb-item"><a href="/shop" class="text-secondary text-decoration-none">All Products</a></li>
-                            <li class="breadcrumb-item active fw-bold" style="color: #e50000;"><span t-field="product.name"/></li>
+                            <li class="breadcrumb-item active fw-bold" style="color: #e5b945;"><span t-field="product.name"/></li>
                         </ul>
                     </div> -->