admin/odoo-chennora-pos
1
0
Fork 0
forked from alaguraj/odoo-testing-addons
Code Pull Requests Activity

Implement new Chennora theme with a custom website layout, header, and footer, including new styling and a contact page template.

Browse Source
This commit is contained in:
Alaguraj0361 2026-03-03 13:15:34 +05:30
parent eec2ca68f5
commit 8ae0b79b7a
4 changed files with 454 additions and 245 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
addons/dine360_dashboard/static/src/css/theme_variables.css
View File

@ -115,7 +115,7 @@ body,
/* Breadcrumbs */ /* Breadcrumbs */
.breadcrumb-item a { .breadcrumb-item a {
color: #d6111e !important; color: #FECD4F !important;
font-weight: 700 !important; font-weight: 700 !important;
font-size: 18px !important; font-size: 18px !important;
/* Larger headers */ /* Larger headers */

381
addons/dine360_theme_chennora/static/src/scss/theme.scss
View File

@ -2,98 +2,93 @@
/* Header Navigation Styles */ /* Header Navigation Styles */
header { header {
background-color: transparent !important;
border: none !important;
// Navigation Links /* Top Bar (Yellow) */
.navbar-nav { .o_header_top_bar {
.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"] {
background-color: #FECD4F !important; background-color: #FECD4F !important;
color: #04121D !important; color: #04121D !important;
border: none !important; border: none;
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;
&:hover { .fa {
background-color: #04121D !important; color: #04121D !important;
color: #FECD4F !important; font-size: 16px;
transform: translateY(-2px) !important; }
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
.social-icons a {
color: #04121D !important;
text-decoration: none;
transition: opacity 0.3s;
&:hover {
opacity: 0.7;
}
} }
} }
// All header links (excluding buttons) /* Main Nav (Black) */
a:not(.btn):not(.btn-primary):not(.o_header_cta_btn) { .o_header_main_nav {
color: #FECD4F !important; background-color: #04121D !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
&:hover { .navbar-nav {
color: #2BB1A5 !important; .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 .navbar-brand img {
i.fa { transition: transform 0.3s ease;
color: #FECD4F !important;
&: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; background-color: #04121D !important;
color: white; color: white;
position: relative; position: relative;
padding-top: 120px; // Space for the floating bar padding-top: 200px; // Space for the floating bar
overflow: visible; overflow: visible;
// Floating Teal Bar // Floating Teal Bar
@ -1369,9 +1364,229 @@ a:hover *,
color: #2BB1A5 !important; 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 // Special case for buttons or text that should be white on teal background
.nav-pills .nav-link.active, .nav-pills .nav-link.active,
.category-list .active, .category-list .active,
.category-list .active span { .category-list .active span {
color: white !important; 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;
}
}
}
} }

8
addons/dine360_theme_chennora/views/contact_page.xml
View File

@ -38,7 +38,7 @@
<!-- Address --> <!-- Address -->
<div class="col-lg-3 col-md-6"> <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="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> <i class="fa fa-map-marker fa-lg"></i>
</div> </div>
<h5 class="fw-bold mb-2">Our Address</h5> <h5 class="fw-bold mb-2">Our Address</h5>
@ -48,7 +48,7 @@
<!-- Email --> <!-- Email -->
<div class="col-lg-3 col-md-6"> <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="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> <i class="fa fa-envelope fa-lg"></i>
</div> </div>
<h5 class="fw-bold mb-2">Email</h5> <h5 class="fw-bold mb-2">Email</h5>
@ -58,7 +58,7 @@
<!-- Call Us --> <!-- Call Us -->
<div class="col-lg-3 col-md-6"> <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="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> <i class="fa fa-phone fa-lg"></i>
</div> </div>
<h5 class="fw-bold mb-2">Call Us</h5> <h5 class="fw-bold mb-2">Call Us</h5>
@ -68,7 +68,7 @@
<!-- Opening Hours --> <!-- Opening Hours -->
<div class="col-lg-3 col-md-6"> <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="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> <i class="fa fa-clock-o fa-lg"></i>
</div> </div>
<h5 class="fw-bold mb-2">Opening Hours</h5> <h5 class="fw-bold mb-2">Opening Hours</h5>

308
addons/dine360_theme_chennora/views/layout.xml
View File

@ -1,9 +1,8 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<odoo> <odoo>
<data> <data>
<template id="custom_main_layout" inherit_id="website.layout" name="Chennora Main Layout" priority="50"> <template id="chennora_main_layout_new" inherit_id="website.layout" name="Chennora Main Layout New" priority="50">
<!-- Removed redundant html_data and head cache to fix editor loading issues --> <!-- SEO and Favicon -->
<xpath expr="//head/*[1]" position="before"> <xpath expr="//head/*[1]" position="before">
<t t-if="not title"> <t t-if="not title">
<t t-if="not additional_title and main_object and 'name' in main_object"> <t t-if="not additional_title and main_object and 'name' in main_object">
@ -20,18 +19,19 @@
</t> </t>
<t t-set="x_icon" t-value="'/dine360_theme_chennora/static/description/icon.png'"/> <t t-set="x_icon" t-value="'/dine360_theme_chennora/static/description/icon.png'"/>
</xpath> </xpath>
<xpath expr="//head/meta[last()]" position="after"> <xpath expr="//head/meta[last()]" position="after">
<meta name="generator" content="Odoo"/> <meta name="generator" content="Odoo"/>
<t t-set="website_meta" t-value="seo_object and seo_object.get_website_meta() or {}"/> <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 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="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_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_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_description or editable" name="description" t-att-content="meta_description"/>
<meta t-if="meta_keywords or editable" name="keywords" t-att-content="meta_keywords"/> <meta t-if="meta_keywords or editable" name="keywords" t-att-content="meta_keywords"/>
<t t-if="seo_object"> <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-set="opengraph_meta" t-value="website_meta.get('opengraph_meta')"/>
<t t-if="opengraph_meta"> <t t-if="opengraph_meta">
<t t-foreach="opengraph_meta" t-as="property"> <t t-foreach="opengraph_meta" t-as="property">
@ -62,197 +62,191 @@
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
</xpath> </xpath>
<xpath expr="//header" position="attributes"> <!-- Custom Header Implementation -->
<attribute name="data-name">Header</attribute> <xpath expr="//header" position="replace">
<attribute name="t-att-data-extra-items-toggle-aria-label">extra_items_toggle_aria_label</attribute> <header id="top" data-anchor="true" data-name="Header" class="o_header_fixed">
</xpath> <!-- 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> </template>
<!-- Header Phone Number Replacement - Targeted View --> <!-- Hidden Phone Snippet for Odoo internal use -->
<template id="chennora_header_phone" inherit_id="website.header_text_element" name="Chennora Header Phone" priority="60"> <template id="chennora_header_phone_new" inherit_id="website.header_text_element" name="Chennora Header Phone New" priority="60">
<xpath expr="/*" position="replace"> <xpath expr="/*" position="replace">
<div class="o_header_text_element"> <div class="o_header_text_element d-none">
<a href="tel:+1(647)856-2878" class="nav-link o_nav-link_secondary p-2"> <span class="o_force_ltr">+1(647)856-2878</span>
<i class="fa fa-phone me-1"></i>
<span class="o_force_ltr">+1(647)856-2878</span>
</a>
</div> </div>
</xpath> </xpath>
</template> </template>
<template id="custom_main_layout_extra" inherit_id="website.layout" priority="51"> <template id="chennora_footer_new" inherit_id="website.layout" name="Chennora Footer New" priority="50">
<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>
<xpath expr="//footer[@id='bottom']" position="replace"> <xpath expr="//footer[@id='bottom']" position="replace">
<footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc"> <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"> <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="container footer-cta-bar-wrapper">
<div class="footer-cta-bar"> <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"> <div class="cta-item d-flex align-items-center mb-3 mb-md-0">
<div class="icon-circle"><i class="fa fa-map-marker"></i></div> <div class="icon-circle me-3"><i class="fa fa-map-marker"></i></div>
<div> <div>
<strong>Address</strong> <div class="cta-label">Address</div>
<p>Unit 66, 11665 McVean Dr, Brampton, Canada.</p> <p>Unit 66, 11665 McVean Dr, Brampton, Canada.</p>
</div> </div>
</div> </div>
<div class="cta-item"> <div class="cta-item d-flex align-items-center mb-3 mb-md-0">
<div class="icon-circle"><i class="fa fa-envelope"></i></div> <div class="icon-circle me-3"><i class="fa fa-envelope"></i></div>
<div> <div>
<strong>Send Email</strong> <div class="cta-label">Send Email</div>
<p>chennorakitchen@gmail.com</p> <p>chennorakitchen@gmail.com</p>
</div> </div>
</div> </div>
<div class="cta-item"> <div class="cta-item d-flex align-items-center">
<div class="icon-circle"><i class="fa fa-phone"></i></div> <div class="icon-circle me-3"><i class="fa fa-phone"></i></div>
<div> <div>
<strong>Call Us</strong> <div class="cta-label">Call Us</div>
<p>+1(647)856-2878</p> <p>+1(647)856-2878</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Main Footer Middle Section (Dark) -->
<div class="container main-footer-content mt-5"> <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"> <div class="col-lg-3 col-md-6 mb-5">
<h2 class="fw-bold mb-4" style="color: #FECD4F;">Chennora</h2> <h2 class="footer-brand-title fw-bold mb-4">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> <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="social-links"> <div class="footer-social-boxes d-flex gap-2">
<a href="#"><i class="fa fa-facebook"></i></a> <a href="#" class="social-box"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a> <a href="#" class="social-box"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-tiktok"></i></a> <a href="#" class="social-box"><i class="fa fa-tiktok"></i></a>
<a href="#"><i class="fa fa-youtube"></i></a> <a href="#" class="social-box"><i class="fa fa-youtube-play"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a> <a href="#" class="social-box"><i class="fa fa-twitter"></i></a>
</div> </div>
</div> </div>
<!-- Col 2: Hours -->
<div class="col-lg-3 col-md-6 mb-5"> <div class="col-lg-3 col-md-6 mb-5">
<h4 class="footer-title">Hours</h4> <h4 class="footer-column-title fw-bold mb-4">Hours</h4>
<ul class="footer-list"> <div class="hours-list">
<li><span>Sunday - Thursday: <span style="color: #2BB1A5;">12pm - 9pm</span></span></li> <div class="hour-row mb-3">
<li><span>Friday &amp; Saturday: <span style="color: #2BB1A5;">12pm - 11pm</span></span></li> <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> </ul>
</div> </div>
<div class="col-lg-3 col-md-6 mb-5"> <!-- Col 4: Contact -->
<h4 class="footer-title">Quick Links</h4> <div class="col-lg-4 col-md-6 mb-5 position-relative">
<ul class="footer-list"> <div class="contact-col-content">
<li><i class="fa fa-chevron-right"></i><a href="/about">About Us</a></li> <h4 class="footer-column-title fw-bold mb-4">Contact</h4>
<li><i class="fa fa-chevron-right"></i><a href="/blog">Our Blogs</a></li> <div class="d-flex align-items-center mb-4">
<li><i class="fa fa-chevron-right"></i><a href="/contactus">Contact Us</a></li> <i class="fa fa-phone me-3 highlight-text"></i>
</ul> <span class="fw-bold fs-6">+1(647)856-2878</span>
</div> </div>
<div class="col-lg-3 col-md-6 mb-5"> <h5 class="fw-bold mt-4 mb-3">Address</h5>
<h4 class="footer-title">Contact</h4> <div class="d-flex align-items-start mb-4">
<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> <i class="fa fa-map-marker me-3 mt-1 highlight-text"></i>
<h5 class="fw-bold mt-4 mb-2">Address</h5> <span class="footer-desc">Chennora Indian Kitchen Bar, Unit 66, 11665 McVean Dr, Brampton</span>
<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> </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>
</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> </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=""/> <!-- Copyright Bar (Yellow) -->
<div class="footer-copyright-bar"> <div class="footer-copyright-bar-new py-3">
Copyright 2026 @ Chennora. Powered by <a href="https://metatroncubesolutions.com/" target="_blank">MetatronCube</a>. All Right Reserved. <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> </div>
</section> </section>
</div> </div>
</footer> </footer>
</xpath> </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> </template>
</data> </data>
</odoo> </odoo>