diff --git a/addons/dine360_dashboard/static/src/css/theme_variables.css b/addons/dine360_dashboard/static/src/css/theme_variables.css
index e8b8774..8eb9582 100644
--- a/addons/dine360_dashboard/static/src/css/theme_variables.css
+++ b/addons/dine360_dashboard/static/src/css/theme_variables.css
@@ -115,7 +115,7 @@ body,
 
 /* Breadcrumbs */
 .breadcrumb-item a {
-    color: #d6111e !important;
+    color: #FECD4F !important;
     font-weight: 700 !important;
     font-size: 18px !important;
     /* Larger headers */
diff --git a/addons/dine360_theme_chennora/static/src/scss/theme.scss b/addons/dine360_theme_chennora/static/src/scss/theme.scss
index 8def81a..9a292e3 100644
--- a/addons/dine360_theme_chennora/static/src/scss/theme.scss
+++ b/addons/dine360_theme_chennora/static/src/scss/theme.scss
@@ -2,98 +2,93 @@
 
 /* Header Navigation Styles */
 header {
+    background-color: transparent !important;
+    border: none !important;
 
-    // Navigation Links
-    .navbar-nav {
-        .nav-link {
-            color: #FECD4F !important;
-            font-weight: 600;
-            transition: all 0.3s ease;
-
-            &:hover {
-                color: #2BB1A5 !important;
-                transform: translateY(-2px);
-            }
-
-            &.active,
-            &.active-item {
-                color: #2BB1A5 !important;
-                border-bottom: 2px solid #2BB1A5;
-            }
-        }
-
-        .nav-item.active .nav-link,
-        .nav-item .nav-link.active,
-        .nav-item .nav-link.active-item {
-            color: #2BB1A5 !important;
-        }
-    }
-
-    // Top header links (phone, search, cart, etc.)
-    .o_header_affix_top {
-        a:not(.btn):not(.btn-primary) {
-            color: #FECD4F !important;
-            transition: all 0.3s ease;
-            position: relative;
-
-            &:hover {
-                color: #111 !important;
-                background-color: #FECD4F !important;
-                border-radius: 50px;
-            }
-        }
-
-        .fa,
-        .oi {
-            color: #FECD4F !important;
-        }
-
-        // Cart badge color
-        .o_wsale_cart_quantity {
-            background-color: #2BB1A5 !important;
-            color: white !important;
-            border: none;
-        }
-    }
-
-    // Contact Us Button - Odoo CTA Button
-    .btn,
-    .btn-primary,
-    .o_header_cta_btn,
-    .btn-contact,
-    a.btn[href="/contactus"],
-    a.btn[href*="contact"] {
+    /* Top Bar (Yellow) */
+    .o_header_top_bar {
         background-color: #FECD4F !important;
         color: #04121D !important;
-        border: none !important;
-        border-radius: 8px !important;
-        padding: 10px 25px !important;
-        font-weight: 700 !important;
-        text-transform: uppercase !important;
-        transition: all 0.3s ease !important;
-        box-shadow: 0 4px 10px rgba(254, 205, 79, 0.3) !important;
-        text-decoration: none !important;
+        border: none;
 
-        &:hover {
-            background-color: #04121D !important;
-            color: #FECD4F !important;
-            transform: translateY(-2px) !important;
-            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
+        .fa {
+            color: #04121D !important;
+            font-size: 16px;
+        }
+
+        .social-icons a {
+            color: #04121D !important;
+            text-decoration: none;
+            transition: opacity 0.3s;
+
+            &:hover {
+                opacity: 0.7;
+            }
         }
     }
 
-    // All header links (excluding buttons)
-    a:not(.btn):not(.btn-primary):not(.o_header_cta_btn) {
-        color: #FECD4F !important;
+    /* Main Nav (Black) */
+    .o_header_main_nav {
+        background-color: #04121D !important;
+        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
 
-        &:hover {
-            color: #2BB1A5 !important;
+        .navbar-nav {
+            .nav-link {
+                color: white !important;
+                font-size: 15px;
+                font-weight: 800;
+                text-transform: uppercase;
+                padding: 10px 15px !important;
+                transition: color 0.3s ease;
+
+                &:hover {
+                    color: #FECD4F !important;
+                }
+            }
         }
-    }
 
-    // Header icons
-    i.fa {
-        color: #FECD4F !important;
+        .navbar-brand img {
+            transition: transform 0.3s ease;
+
+            &:hover {
+                transform: scale(1.05);
+            }
+        }
+
+        /* Order Now Button */
+        .btn-order-now {
+            background-color: #FECD4F !important;
+            color: #04121D !important;
+            border: none;
+            border-radius: 4px;
+            font-weight: 800;
+            font-size: 13px;
+            letter-spacing: 0.5px;
+            transition: all 0.3s ease;
+            text-transform: uppercase;
+
+            .arrow-icon {
+                background-color: #04121D;
+                color: #FECD4F;
+                width: 30px;
+                height: 30px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                border-radius: 2px;
+
+                i {
+                    color: #FECD4F !important;
+                    font-size: 12px;
+                }
+            }
+
+            &:hover {
+                background-color: white !important;
+                transform: translateY(-2px);
+                box-shadow: 0 5px 15px rgba(254, 205, 79, 0.4);
+            }
+        }
     }
 }
 
@@ -1106,7 +1101,7 @@ footer#bottom {
     background-color: #04121D !important;
     color: white;
     position: relative;
-    padding-top: 120px; // Space for the floating bar
+    padding-top: 200px; // Space for the floating bar
     overflow: visible;
 
     // Floating Teal Bar
@@ -1369,9 +1364,229 @@ a:hover *,
     color: #2BB1A5 !important;
 }
 
+// Special case for buttons or text that should be white on teal background
 // Special case for buttons or text that should be white on teal background
 .nav-pills .nav-link.active,
 .category-list .active,
 .category-list .active span {
     color: white !important;
+}
+
+/* Footer Section Premium Style */
+.s_footer_premium {
+    background-color: #04121D !important;
+    color: white !important;
+    position: relative;
+    // padding-top: 80px;
+    /* overflow: hidden is usually on but here we want to see the overlap if any */
+
+    .footer-cta-bar-wrapper {
+        position: relative;
+        z-index: 1000;
+        margin-top: -140px;
+        /* Pull up to overlap significantly */
+        margin-bottom: 40px;
+    }
+
+    .footer-cta-bar {
+        background-color: #2BB1A5 !important;
+        border-radius: 15px;
+
+        .icon-circle {
+            width: 50px;
+            height: 50px;
+            background: white !important;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            i {
+                color: #2BB1A5 !important;
+                font-size: 20px;
+            }
+        }
+
+        .cta-label {
+            font-size: 13px;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+            color: rgba(255, 255, 255, 1);
+            font-weight: 700;
+        }
+
+        p {
+            font-size: 14px;
+            font-weight: 600;
+            margin: 0;
+            color: white !important;
+        }
+    }
+
+    .main-footer-content {
+        // padding-top: 30px;
+        padding-bottom: 50px;
+
+        .footer-brand-title {
+            color: #FECD4F !important;
+            font-size: 32px;
+            text-transform: capitalize;
+        }
+
+        .footer-column-title {
+            color: white !important;
+            font-size: 20px;
+            position: relative;
+            padding-bottom: 12px;
+            margin-bottom: 25px;
+
+            &::after {
+                content: "";
+                position: absolute;
+                left: 0;
+                bottom: 0;
+                width: 35px;
+                height: 2px;
+                background-color: #2BB1A5;
+            }
+        }
+
+        .footer-desc {
+            color: rgba(255, 255, 255, 0.9) !important;
+            line-height: 1.8;
+            font-size: 15px;
+        }
+
+        .hours-list {
+            .hour-row {
+                font-size: 15px;
+                color: white;
+
+                .day {
+                    opacity: 0.9;
+                }
+            }
+        }
+
+        .footer-links-list {
+            li {
+                color: white !important;
+                font-size: 15px;
+
+                i {
+                    color: #2BB1A5 !important;
+                    font-size: 12px;
+                }
+
+                a {
+                    color: white !important;
+                    text-decoration: none !important;
+                    transition: all 0.3s ease;
+
+                    &:hover {
+                        color: #FECD4F !important;
+                        padding-left: 5px;
+                    }
+                }
+            }
+        }
+
+        .highlight-text {
+            color: #2BB1A5 !important;
+        }
+
+        .footer-social-boxes {
+            .social-box {
+                width: 38px;
+                height: 38px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                border: 1px solid rgba(255, 255, 255, 0.2);
+                border-radius: 4px;
+                color: white !important;
+                text-decoration: none;
+                transition: all 0.3s ease;
+
+                i {
+                    color: white !important;
+                    font-size: 16px;
+                }
+
+                &:hover {
+                    background-color: #FECD4F;
+                    border-color: #FECD4F;
+                    transform: translateY(-3px);
+
+                    i {
+                        color: #04121D !important;
+                    }
+                }
+            }
+        }
+
+        .contact-col-content {
+            position: relative;
+            z-index: 5;
+        }
+
+        .footer-social-boxes {
+            position: relative;
+            z-index: 10;
+        }
+    }
+
+    .footer-accent-leaf {
+        position: absolute;
+        left: -80px;
+        /* Move further left */
+        bottom: 50px;
+        width: 140px;
+        opacity: 0.9;
+        z-index: 0;
+        /* Move behind social icons */
+    }
+
+    .footer-food-plate-wrapper {
+        position: absolute;
+        right: -180px;
+        /* Move further right */
+        top: -40px;
+        z-index: 0;
+        /* Move behind text */
+
+        .footer-food-plate {
+            width: 380px;
+            /* Slightly larger as per "exact design" request */
+            height: 380px;
+            border: 12px solid rgba(255, 255, 255, 0.05);
+            border-radius: 50%;
+            object-fit: cover;
+            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
+            opacity: 0.8;
+            /* Slight transparency to help text if they still overlap */
+        }
+    }
+
+    .footer-copyright-bar-new {
+        background-color: #FECD4F !important;
+        color: #04121D !important;
+        margin-top: 20px;
+        border-top: 1px solid rgba(0, 0, 0, 0.1);
+
+        p {
+            font-size: 14px;
+            font-weight: 700;
+        }
+
+        a {
+            color: #04121D !important;
+            font-weight: 800;
+            text-decoration: none;
+
+            &:hover {
+                text-decoration: underline !important;
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/addons/dine360_theme_chennora/views/contact_page.xml b/addons/dine360_theme_chennora/views/contact_page.xml
index 2a26113..50cb325 100644
--- a/addons/dine360_theme_chennora/views/contact_page.xml
+++ b/addons/dine360_theme_chennora/views/contact_page.xml
@@ -38,7 +38,7 @@
                                 <!-- Address -->
                                 <div class="col-lg-3 col-md-6">
                                     <div class="bg-white p-4 text-center h-100 rounded-3 shadow-sm border-bottom border-warning border-3">
-                                        <div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: #FEF2F2; color: #DC2626;">
+                                        <div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: rgba(254, 205, 79, 0.1); color: #FECD4F;">
                                             <i class="fa fa-map-marker fa-lg"></i>
                                         </div>
                                         <h5 class="fw-bold mb-2">Our Address</h5>
@@ -48,7 +48,7 @@
                                 <!-- Email -->
                                 <div class="col-lg-3 col-md-6">
                                     <div class="bg-white p-4 text-center h-100 rounded-3 shadow-sm border-bottom border-warning border-3">
-                                        <div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: #FEF2F2; color: #DC2626;">
+                                        <div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: rgba(254, 205, 79, 0.1); color: #FECD4F;">
                                             <i class="fa fa-envelope fa-lg"></i>
                                         </div>
                                         <h5 class="fw-bold mb-2">Email</h5>
@@ -58,7 +58,7 @@
                                 <!-- Call Us -->
                                 <div class="col-lg-3 col-md-6">
                                     <div class="bg-white p-4 text-center h-100 rounded-3 shadow-sm border-bottom border-warning border-3">
-                                        <div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: #FEF2F2; color: #DC2626;">
+                                        <div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: rgba(254, 205, 79, 0.1); color: #FECD4F;">
                                             <i class="fa fa-phone fa-lg"></i>
                                         </div>
                                         <h5 class="fw-bold mb-2">Call Us</h5>
@@ -68,7 +68,7 @@
                                 <!-- Opening Hours -->
                                 <div class="col-lg-3 col-md-6">
                                     <div class="bg-white p-4 text-center h-100 rounded-3 shadow-sm border-bottom border-warning border-3">
-                                        <div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: #FEF2F2; color: #DC2626;">
+                                        <div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: rgba(254, 205, 79, 0.1); color: #FECD4F;">
                                             <i class="fa fa-clock-o fa-lg"></i>
                                         </div>
                                         <h5 class="fw-bold mb-2">Opening Hours</h5>
diff --git a/addons/dine360_theme_chennora/views/layout.xml b/addons/dine360_theme_chennora/views/layout.xml
index 168129e..1cb2ac6 100644
--- a/addons/dine360_theme_chennora/views/layout.xml
+++ b/addons/dine360_theme_chennora/views/layout.xml
@@ -1,9 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
 <data>
-    <template id="custom_main_layout" inherit_id="website.layout" name="Chennora Main Layout" priority="50">
-        <!-- Removed redundant html_data and head cache to fix editor loading issues -->
-
+    <template id="chennora_main_layout_new" inherit_id="website.layout" name="Chennora Main Layout New" priority="50">
+        <!-- SEO and Favicon -->
         <xpath expr="//head/*[1]" position="before">
             <t t-if="not title">
                 <t t-if="not additional_title and main_object and 'name' in main_object">
@@ -20,18 +19,19 @@
             </t>
             <t t-set="x_icon" t-value="'/dine360_theme_chennora/static/description/icon.png'"/>
         </xpath>
+
         <xpath expr="//head/meta[last()]" position="after">
             <meta name="generator" content="Odoo"/>
             <t t-set="website_meta" t-value="seo_object and seo_object.get_website_meta() or {}"/>
             <meta name="default_title" t-att-content="default_title" groups="website.group_website_designer"/>
-            <meta t-if="(main_object and 'website_indexed' in main_object         and not main_object.website_indexed) or (website.domain and not website._is_indexable_url(request.httprequest.url_root))" name="robots" content="noindex"/>
+            <meta t-if="(main_object and 'website_indexed' in main_object and not main_object.website_indexed) or (website.domain and not website._is_indexable_url(request.httprequest.url_root))" name="robots" content="noindex"/>
             <t t-set="seo_object" t-value="seo_object or main_object"/>
-            <t t-set="meta_description" t-value="seo_object and 'website_meta_description' in seo_object             and seo_object.website_meta_description or website_meta_description or website_meta.get('meta_description', '')"/>
-            <t t-set="meta_keywords" t-value="seo_object and 'website_meta_keywords' in seo_object             and seo_object.website_meta_keywords or website_meta_keywords"/>
+            <t t-set="meta_description" t-value="seo_object and 'website_meta_description' in seo_object and seo_object.website_meta_description or website_meta_description or website_meta.get('meta_description', '')"/>
+            <t t-set="meta_keywords" t-value="seo_object and 'website_meta_keywords' in seo_object and seo_object.website_meta_keywords or website_meta_keywords"/>
             <meta t-if="meta_description or editable" name="description" t-att-content="meta_description"/>
             <meta t-if="meta_keywords or editable" name="keywords" t-att-content="meta_keywords"/>
             <t t-if="seo_object">
-            <meta name="default_description" t-att-content="website_meta_description or website_meta.get('meta_description')" groups="website.group_website_designer"/>
+                <meta name="default_description" t-att-content="website_meta_description or website_meta.get('meta_description')" groups="website.group_website_designer"/>
                 <t t-set="opengraph_meta" t-value="website_meta.get('opengraph_meta')"/>
                 <t t-if="opengraph_meta">
                     <t t-foreach="opengraph_meta" t-as="property">
@@ -62,197 +62,191 @@
             <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
         </xpath>
 
-        <xpath expr="//header" position="attributes">
-            <attribute name="data-name">Header</attribute>
-            <attribute name="t-att-data-extra-items-toggle-aria-label">extra_items_toggle_aria_label</attribute>
-        </xpath>
+        <!-- Custom Header Implementation -->
+        <xpath expr="//header" position="replace">
+            <header id="top" data-anchor="true" data-name="Header" class="o_header_fixed">
+                <!-- Top Bar (Yellow) -->
+                <div class="o_header_top_bar py-2 px-lg-5 px-3">
+                    <div class="container-fluid d-flex justify-content-between align-items-center">
+                        <div class="top-left d-flex align-items-center">
+                            <i class="fa fa-map-marker me-2"></i>
+                            <span class="small fw-bold">Unit 66, 11665 McVean Dr, Brampton</span>
+                        </div>
+                        <div class="top-right d-flex align-items-center">
+                            <span class="small me-3 fw-bold">Follow Us:</span>
+                            <div class="social-icons d-flex gap-3">
+                                <a href="#"><i class="fa fa-facebook"></i></a>
+                                <a href="#"><i class="fa fa-instagram"></i></a>
+                                <a href="#"><i class="fa fa-tiktok"></i></a>
+                                <a href="#"><i class="fa fa-youtube-play"></i></a>
+                                <a href="#"><i class="fa fa-twitter"></i></a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
 
+                <!-- Main Nav (Black) -->
+                <nav class="o_header_main_nav navbar navbar-expand-lg navbar-dark py-0 px-lg-4 px-2">
+                    <div class="container-fluid">
+                        <!-- Mobile Toggle -->
+                        <button class="navbar-toggler border-0 ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#top_menu_collapse">
+                            <span class="navbar-toggler-icon"></span>
+                        </button>
+
+                        <div class="collapse navbar-collapse" id="top_menu_collapse">
+                            <div class="d-lg-flex w-100 align-items-center">
+                                <!-- Left Menu -->
+                                <ul class="navbar-nav flex-grow-1 justify-content-end pe-lg-5">
+                                    <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+                                    <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
+                                    <li class="nav-item"><a class="nav-link" href="/shop">Menu</a></li>
+                                </ul>
+
+                                <!-- Center Logo -->
+                                <a class="navbar-brand mx-lg-4 py-3 text-center" href="/">
+                                    <img t-att-src="'/logo.png?unique=%s' % website.id" class="img-fluid" style="max-height: 85px;" alt="Chennora Logo"/>
+                                </a>
+
+                                <!-- Right Menu -->
+                                <ul class="navbar-nav flex-grow-1 justify-content-start ps-lg-5">
+                                    <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                    <li class="nav-item"><a class="nav-link" href="/faq">Faq</a></li>
+                                    <li class="nav-item"><a class="nav-link" href="/reservation">Reservation</a></li>
+                                    <li class="nav-item"><a class="nav-link" href="/contactus">Contact Us</a></li>
+                                </ul>
+
+                                <!-- CTA Button -->
+                                <div class="ms-lg-auto py-3 py-lg-0">
+                                    <a href="/shop" class="btn btn-order-now px-4 py-2 d-inline-flex align-items-center">
+                                        ORDER NOW
+                                        <div class="arrow-icon ms-3">
+                                            <i class="fa fa-long-arrow-right"></i>
+                                        </div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+            </header>
+        </xpath>
     </template>
 
-    <!-- Header Phone Number Replacement - Targeted View -->
-    <template id="chennora_header_phone" inherit_id="website.header_text_element" name="Chennora Header Phone" priority="60">
+    <!-- Hidden Phone Snippet for Odoo internal use -->
+    <template id="chennora_header_phone_new" inherit_id="website.header_text_element" name="Chennora Header Phone New" priority="60">
         <xpath expr="/*" position="replace">
-            <div class="o_header_text_element">
-                <a href="tel:+1(647)856-2878" class="nav-link o_nav-link_secondary p-2">
-                    <i class="fa fa-phone me-1"></i>
-                    <span class="o_force_ltr">+1(647)856-2878</span>
-                </a>
+            <div class="o_header_text_element d-none">
+                <span class="o_force_ltr">+1(647)856-2878</span>
             </div>
         </xpath>
     </template>
 
-    <template id="custom_main_layout_extra" inherit_id="website.layout" priority="51">
-
-
-        <xpath expr="//header/t[@t-cache]" position="attributes">
-            <!-- Removed missing method and dangerous cache logic -->
-            <attribute name="t-cache">None</attribute>
-        </xpath>
-
-        <xpath expr="//header" position="before">
-            <!-- Back to Dashboard Top Bar -->
-            <!-- <div class="o_header_top_bar bg-dark text-white py-2" style="z-index: 1050; position: relative;">
-                <div class="container d-flex justify-content-between align-items-center">
-                    <a href="/" class="text-white text-decoration-none fw-bold text-uppercase d-flex align-items-center" style="font-size: 12px; letter-spacing: 1px; transition: opacity 0.3s;">
-                        <i class="fa fa-th-large me-2" style="color: #FECD4F;"></i> 
-                        <span>Back to Dashboard</span>
-                    </a> -->
-                    
-                    <!-- Optional: Right side link (e.g. account) could go here -->
-                    <!-- <div class="text-white-50 small">
-                        <i class="fa fa-user-circle me-1"></i> <t t-esc="user_id.name"/>
-                    </div>
-                </div>
-            </div> -->
-
-            <t t-set="cta_btn_text">Contact Us</t>
-            <t t-set="cta_btn_href">/contactus</t>
-            <t t-set="extra_items_toggle_aria_label">Extra items button</t>
-        </xpath>
-
+    <template id="chennora_footer_new" inherit_id="website.layout" name="Chennora Footer New" priority="50">
         <xpath expr="//footer[@id='bottom']" position="replace">
             <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc">
                 <div id="footer" class="oe_structure oe_structure_solo">
-                    <section class="s_footer_premium pt80">
+                    <section class="s_footer_premium">
+                        <!-- Top CTA Bar (Teal) -->
                         <div class="container footer-cta-bar-wrapper">
-                            <div class="footer-cta-bar">
-                                <div class="cta-item">
-                                    <div class="icon-circle"><i class="fa fa-map-marker"></i></div>
+                            <div class="footer-cta-bar d-flex flex-wrap justify-content-around align-items-center py-4 px-3 px-lg-4">
+                                <div class="cta-item d-flex align-items-center mb-3 mb-md-0">
+                                    <div class="icon-circle me-3"><i class="fa fa-map-marker"></i></div>
                                     <div>
-                                        <strong>Address</strong>
+                                        <div class="cta-label">Address</div>
                                         <p>Unit 66, 11665 McVean Dr, Brampton, Canada.</p>
                                     </div>
                                 </div>
-                                <div class="cta-item">
-                                    <div class="icon-circle"><i class="fa fa-envelope"></i></div>
+                                <div class="cta-item d-flex align-items-center mb-3 mb-md-0">
+                                    <div class="icon-circle me-3"><i class="fa fa-envelope"></i></div>
                                     <div>
-                                        <strong>Send Email</strong>
+                                        <div class="cta-label">Send Email</div>
                                         <p>chennorakitchen@gmail.com</p>
                                     </div>
                                 </div>
-                                <div class="cta-item">
-                                    <div class="icon-circle"><i class="fa fa-phone"></i></div>
+                                <div class="cta-item d-flex align-items-center">
+                                    <div class="icon-circle me-3"><i class="fa fa-phone"></i></div>
                                     <div>
-                                        <strong>Call Us</strong>
+                                        <div class="cta-label">Call Us</div>
                                         <p>+1(647)856-2878</p>
                                     </div>
                                 </div>
                             </div>
                         </div>
+
+                        <!-- Main Footer Middle Section (Dark) -->
                         <div class="container main-footer-content mt-5">
-                            <div class="row">
+                            <div class="row gx-lg-5">
+                                <!-- Col 1: Brand -->
                                 <div class="col-lg-3 col-md-6 mb-5">
-                                    <h2 class="fw-bold mb-4" style="color: #FECD4F;">Chennora</h2>
-                                    <p class="text-white-50 mb-4">Chennora brings Chennai's authentic flavors to Brampton where every dish tells a story of South Indian heritage.</p>
-                                    <div class="social-links">
-                                        <a href="#"><i class="fa fa-facebook"></i></a>
-                                        <a href="#"><i class="fa fa-instagram"></i></a>
-                                        <a href="#"><i class="fa fa-tiktok"></i></a>
-                                        <a href="#"><i class="fa fa-youtube"></i></a>
-                                        <a href="#"><i class="fa fa-twitter"></i></a>
+                                    <h2 class="footer-brand-title fw-bold mb-4">Chennora</h2>
+                                    <p class="footer-desc mb-4">Chennora brings Chennai's authentic flavors to Brampton where every dish tells a story of South Indian heritage.</p>
+                                    <div class="footer-social-boxes d-flex gap-2">
+                                        <a href="#" class="social-box"><i class="fa fa-facebook"></i></a>
+                                        <a href="#" class="social-box"><i class="fa fa-instagram"></i></a>
+                                        <a href="#" class="social-box"><i class="fa fa-tiktok"></i></a>
+                                        <a href="#" class="social-box"><i class="fa fa-youtube-play"></i></a>
+                                        <a href="#" class="social-box"><i class="fa fa-twitter"></i></a>
                                     </div>
                                 </div>
+                                <!-- Col 2: Hours -->
                                 <div class="col-lg-3 col-md-6 mb-5">
-                                    <h4 class="footer-title">Hours</h4>
-                                    <ul class="footer-list">
-                                        <li><span>Sunday - Thursday: <span style="color: #2BB1A5;">12pm - 9pm</span></span></li>
-                                        <li><span>Friday &amp; Saturday: <span style="color: #2BB1A5;">12pm - 11pm</span></span></li>
+                                    <h4 class="footer-column-title fw-bold mb-4">Hours</h4>
+                                    <div class="hours-list">
+                                        <div class="hour-row mb-3">
+                                            <span class="day">Sunday - Thursday:</span>
+                                            <span class="time highlight-text ms-2">12pm - 9pm</span>
+                                        </div>
+                                        <div class="hour-row mt-3">
+                                            <span class="day">Friday &amp; Saturday:</span>
+                                            <span class="time highlight-text ms-2">12pm - 11pm</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- Col 3: Quick Links -->
+                                <div class="col-lg-2 col-md-6 mb-5">
+                                    <h4 class="footer-column-title fw-bold mb-4">Quick Links</h4>
+                                    <ul class="footer-links-list list-unstyled ps-0">
+                                        <li class="mb-3"><i class="fa fa-chevron-right me-2"></i><a href="/about">About Us</a></li>
+                                        <li class="mb-3"><i class="fa fa-chevron-right me-2"></i><a href="/blog">Our Blogs</a></li>
+                                        <li class="mb-3"><i class="fa fa-chevron-right me-2"></i><a href="/contactus">Contact Us</a></li>
                                     </ul>
                                 </div>
-                                <div class="col-lg-3 col-md-6 mb-5">
-                                    <h4 class="footer-title">Quick Links</h4>
-                                    <ul class="footer-list">
-                                        <li><i class="fa fa-chevron-right"></i><a href="/about">About Us</a></li>
-                                        <li><i class="fa fa-chevron-right"></i><a href="/blog">Our Blogs</a></li>
-                                        <li><i class="fa fa-chevron-right"></i><a href="/contactus">Contact Us</a></li>
-                                    </ul>
-                                </div>
-                                <div class="col-lg-3 col-md-6 mb-5">
-                                    <h4 class="footer-title">Contact</h4>
-                                    <div class="mb-3 d-flex align-items-center"><i class="fa fa-phone me-3" style="color: #2BB1A5;"></i><span>+1(647)856-2878</span></div>
-                                    <h5 class="fw-bold mt-4 mb-2">Address</h5>
-                                    <div class="d-flex align-items-start"><i class="fa fa-map-marker me-3 mt-1" style="color: #2BB1A5;"></i><span>Chennora Indian Kitchen Bar, Unit 66, 11665 McVean Dr, Brampton</span></div>
+                                <!-- Col 4: Contact -->
+                                <div class="col-lg-4 col-md-6 mb-5 position-relative">
+                                    <div class="contact-col-content">
+                                        <h4 class="footer-column-title fw-bold mb-4">Contact</h4>
+                                        <div class="d-flex align-items-center mb-4">
+                                            <i class="fa fa-phone me-3 highlight-text"></i>
+                                            <span class="fw-bold fs-6">+1(647)856-2878</span>
+                                        </div>
+                                        <h5 class="fw-bold mt-4 mb-3">Address</h5>
+                                        <div class="d-flex align-items-start mb-4">
+                                            <i class="fa fa-map-marker me-3 mt-1 highlight-text"></i>
+                                            <span class="footer-desc">Chennora Indian Kitchen Bar, Unit 66, 11665 McVean Dr, Brampton</span>
+                                        </div>
+                                    </div>
+                                    
+                                    <!-- Food Plate Accent Positioned inside row or absolutely -->
+                                    <div class="footer-food-plate-wrapper d-none d-xl-block">
+                                        <img src="/dine360_theme_chennora/static/src/img/gallery-2.png" class="footer-food-plate" alt="Food Plate"/>
+                                    </div>
                                 </div>
                             </div>
+                            <!-- Left Leaf Accent -->
+                            <img src="/dine360_theme_chennora/static/src/img/about-leaves.png" class="footer-accent-leaf d-none d-lg-block" alt="Leaf"/>
                         </div>
-                        <img src="/dine360_theme_chennora/static/src/img/about-leaves.png" class="footer-accent-left d-none d-lg-block" alt=""/>
-                        <img src="/dine360_theme_chennora/static/src/img/gallery-2.png" class="footer-accent-right d-none d-lg-block" alt=""/>
-                        <div class="footer-copyright-bar">
-                            Copyright 2026 @ Chennora. Powered by  <a href="https://metatroncubesolutions.com/" target="_blank">MetatronCube</a>. All Right Reserved.
+
+                        <!-- Copyright Bar (Yellow) -->
+                        <div class="footer-copyright-bar-new py-3">
+                            <div class="container text-center">
+                                <p class="mb-0 fw-bold">Copyright 2026 @ Chennora. Powered by <a href="https://metatroncubesolutions.com/" target="_blank">MetatronCube</a>. All Right Reserved.</p>
+                            </div>
                         </div>
                     </section>
                 </div>
             </footer>
         </xpath>
-
-        <xpath expr="//div[@id='wrapwrap']" position="after">
-            <t t-if="website and website.google_analytics_key and not editable">
-                <script id="tracking_code" t-attf-src="https://www.googletagmanager.com/gtag/js?id={{ website.google_analytics_key }}" async="async"/>
-                <script id="tracking_code_config">
-                    window.dataLayer = window.dataLayer || [];
-                    function gtag(){dataLayer.push(arguments);}
-                    gtag('consent', 'default', {
-                        'ad_storage': 'denied',
-                        'ad_user_data': 'denied',
-                        'ad_personalization': 'denied',
-                        'analytics_storage': 'denied',
-                    });
-                    gtag('js', new Date());
-                    gtag('config', '<t t-esc="website.google_analytics_key"/>');
-                    function allConsentsGranted() {
-                        gtag('consent', 'update', {
-                            'ad_storage': 'granted',
-                            'ad_user_data': 'granted',
-                            'ad_personalization': 'granted',
-                            'analytics_storage': 'granted',
-                        });
-                    }
-                    <t t-if="website._allConsentsGranted()">
-                        allConsentsGranted();
-                    </t>
-                    <t t-else="">
-                        document.addEventListener(
-                            "optionalCookiesAccepted",
-                            allConsentsGranted,
-                            {once: true}
-                        );
-                    </t>
-                </script>
-            </t>
-            <t t-if="website and website.plausible_shared_key and not editable">
-                <script id="plausible_script" name="plausible" defer="defer" t-att-data-domain="website.plausible_site" t-att-src="website._get_plausible_script_url()"/>
-            </t>
-        </xpath>
-
-        <xpath expr="//div[@id='wrapwrap']" position="before">
-            <t groups="website.group_website_restricted_editor">
-                <t t-foreach="['header_overlay', 'header_color', 'header_text_color', 'header_visible', 'footer_visible']" t-as="optionName">
-                    <input t-if="main_object and optionName in main_object" type="hidden" class="o_page_option_data" autocomplete="off" t-att-name="optionName" t-att-value="main_object[optionName]"/>
-                </t>
-            </t>
-
-            <t t-set="header_bg_color" t-value="main_object and 'header_color' in main_object and main_object.header_color or ''"/>
-            <t t-set="header_bg_color_is_class" t-value="'bg-' in header_bg_color"/>
-            <t t-set="header_bg_color_class" t-value="header_bg_color_is_class and header_bg_color or ''"/>
-            <t t-set="header_bg_color_style" t-value="(not header_bg_color_is_class) and header_bg_color or ''"/>
-
-            <t t-set="header_text_color" t-value="main_object and 'header_text_color' in main_object and main_object.header_text_color or ''"/>
-            <t t-set="header_text_color_is_class" t-value="'text-' in header_text_color"/>
-            <t t-set="header_text_color_class" t-value="header_text_color_is_class and header_text_color or ''"/>
-            <t t-set="header_text_color_style" t-value="(not header_text_color_is_class) and header_text_color or ''"/>
-        </xpath>
-
-        <xpath expr="//div[@id='wrapwrap']" position="attributes">
-            <attribute name="t-attf-class" add="#{'o_header_overlay' if main_object and 'header_overlay' in main_object and main_object.header_overlay else ''}" separator=" "/>
-        </xpath>
-        <xpath expr="//header" position="attributes">
-            <attribute name="t-attf-class" add="#{header_bg_color_class} #{header_text_color_class}" separator=" "/>
-            <attribute name="t-attf-style" add="#{header_bg_color_style and ('background-color: %s;' % header_bg_color_style)} #{header_text_color_style and ('color: %s;' % header_text_color_style)}" separator=" "/>
-        </xpath>
-        <xpath expr="//header" position="attributes">
-            <attribute name="t-attf-class" add="#{'d-none o_snippet_invisible' if main_object and 'header_visible' in main_object and not main_object.header_visible else ''}" separator=" "/>
-            <attribute name="t-att-data-invisible">'1' if main_object and 'header_visible' in main_object and not main_object.header_visible else None</attribute>
-        </xpath>
     </template>
 </data>
 </odoo>
+