From 3e857a71d1409b8312debeb566c87b3987f561c8 Mon Sep 17 00:00:00 2001
From: Alaguraj0361 <alaguraj0361@gmail.com>
Date: Tue, 3 Feb 2026 12:53:14 +0530
Subject: [PATCH]  Add initial implementation of the Dine360 Chennora Odoo
 theme, including custom styles, layout, and page structures.

---
 .../static/src/img/subtitle-icon.png          | Bin 0 -> 760 bytes
 .../static/src/scss/theme.scss                | 114 +++++++++++++++++-
 .../dine360_theme_chennora/views/layout.xml   |   2 +-
 addons/dine360_theme_chennora/views/pages.xml |  43 ++++---
 4 files changed, 138 insertions(+), 21 deletions(-)
 create mode 100644 addons/dine360_theme_chennora/static/src/img/subtitle-icon.png

diff --git a/addons/dine360_theme_chennora/static/src/img/subtitle-icon.png b/addons/dine360_theme_chennora/static/src/img/subtitle-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..b552c8c9bfd53811ecdecfe2499aab0efa2670d4
GIT binary patch
literal 760
zcmV<U0tfwxP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00001b5ch_0Itp)
z=>Px%vPnciR5(waluJldVI0NJxp&m;VdlyRB7z=s4NEB7M6~Hi&P)V7oUug^)xw2A
z5kwL_HnkFp9uPr!$1pIjX%y71RalE~t_4ExT9rNMF^=<{n9(UUQ}eDa_xqpUcmA(S
zjPoq=nwAG(&P$pK%i8OQsvnFc;dnsDbDIIppzs-FNg^CwH)-IK_Ul2@pS}jF6k<Q2
z@5WNBJ5=-dU(it<25-7Gv`|NAp@fXs2bcu03{VAyH-dG>k5pe72_6P4zk79B`iIp5
zpc2HPM5yO7c+3nFNeteK@20_NLY=+#%q{P#s=nu9{s1MGwZ-pCC{o%~b#JYCKUS@r
zj^<LNQZ1xDCc?4Je*w!{-8v9QDQjt0WasPgnw2@9ck@c|H0E~-Je5m7>#*!jbBTVY
zUW#T%cetiwBCuSH)8>XDUFgdznb)&vQ!)z-dhUKg2mEks!T-Rru@ap&_njg3JPpO#
zvp}b{@dm&bek6MEzk!(yy~axdlYTf_%Z0b%ivwxXOyZTm&dC4)RYG(G)YI|YRshA5
z1C3Pa^FLQ_krywwLA!9ym##<4_ogO#;a@<<YpNhj9KhniqJI*3)DKmk1F4~4r?qJ%
zkZvG3(+IWQk?6gFvGLsF0#*+Ms{-H=7Uac~26jPTDhBF=gy$eX3^Y~^nRg4i4e<ns
z*#egN;pm!yE_-elfffkUK~*Ngu~kEzENFM<+bJ_Q^Np4jw4?@s{QwU4<<Gj9pX$8_
zDd9(A`+frjoFr6CAT|t`+1<AIb`F++LJ^2M10MRC44f@0NVP-C3ly4-PuB1HHZE{*
z=<5MK%efZVF&ZqJ!N`;atu<0@PHfw@C26)X=Izij*p^i<ATKZ_y&>al*w3NNYkUZB
q#Y9JAurc?)^yOE**|zP+P~9&}EH^M3iCL@w0000<MNUMnLSTYSTwOx|

literal 0
HcmV?d00001

diff --git a/addons/dine360_theme_chennora/static/src/scss/theme.scss b/addons/dine360_theme_chennora/static/src/scss/theme.scss
index 48ad0de..b08b368 100644
--- a/addons/dine360_theme_chennora/static/src/scss/theme.scss
+++ b/addons/dine360_theme_chennora/static/src/scss/theme.scss
@@ -45,7 +45,108 @@
     }
 }
 
+// Hero Shape Animation
+.hero-shape-accent {
+    position: absolute;
+    top: 5%;
+    left: 2%;
+    width: 350px;
+    z-index: 1;
+    opacity: 0.1;
+    pointer-events: none;
+    filter: brightness(0) invert(1); // Make it white/light
+    animation: shapeFloat 15s ease-in-out infinite;
+}
+
+@keyframes shapeFloat {
+
+    0%,
+    100% {
+        transform: translateY(0) rotate(0deg) scale(1);
+    }
+
+    33% {
+        transform: translateY(-20px) rotate(3deg) scale(1.05);
+    }
+
+    66% {
+        transform: translateY(10px) rotate(-2deg) scale(0.98);
+    }
+}
+
+// Hero Floating Elements
+.hero-tomato-right {
+    position: absolute;
+    top: 5%;
+    right: 2%;
+    width: 200px;
+    z-index: 2;
+    pointer-events: none;
+    animation: shapeFloat 8s ease-in-out infinite;
+}
+
+.hero-leaf-right {
+    position: absolute;
+    top: 15%;
+    right: 8%;
+    width: 80px;
+    z-index: 1;
+    pointer-events: none;
+    animation: shapeFloat 10s ease-in-out infinite reverse;
+}
+
+.hero-lettuce-left {
+    position: absolute;
+    bottom: 5%;
+    left: -2%;
+    width: 250px;
+    z-index: 2;
+    pointer-events: none;
+    animation: shapeFloat 12s ease-in-out infinite;
+}
+
+.hero-sketches-left {
+    position: absolute;
+    top: 2%;
+    left: 2%;
+    width: 300px;
+    z-index: 1;
+    pointer-events: none;
+    opacity: 0.2;
+    animation: shapeFloat 20s linear infinite;
+}
+
+.hero-onion-mid {
+    position: absolute;
+    bottom: 20%;
+    left: 40%;
+    width: 120px;
+    z-index: 1;
+    pointer-events: none;
+    opacity: 0.6;
+    animation: shapeFloat 9s ease-in-out infinite;
+}
+
 // Section Headers
+section h2.display-3,
+section h2.display-4 {
+    font-size: 40px !important;
+    font-weight: 900 !important;
+    line-height: 50px !important;
+    text-transform: uppercase;
+    letter-spacing: -0.5px;
+
+    @media (max-width: 991px) {
+        font-size: 32px !important;
+        line-height: 42px !important;
+    }
+
+    @media (max-width: 767px) {
+        font-size: 28px !important;
+        line-height: 38px !important;
+    }
+}
+
 .section-title-wrapper {
     position: relative;
     z-index: 1;
@@ -286,7 +387,7 @@
     .deal-item {
         display: flex;
         align-items: center;
-        margin-bottom: 30px;
+        margin-bottom: 10px;
         transition: all 0.3s ease;
         padding: 10px;
         border-radius: 8px;
@@ -906,7 +1007,7 @@ footer#bottom {
             display: flex;
             align-items: center;
             justify-content: center;
-            color: white;
+            color: white !important;
             transition: all 0.3s;
 
             &:hover {
@@ -935,7 +1036,7 @@ footer#bottom {
             }
 
             a {
-                color: white;
+                color: white !important;
                 text-decoration: none;
                 transition: color 0.3s;
 
@@ -948,7 +1049,7 @@ footer#bottom {
 
     .footer-accent-left {
         position: absolute;
-        left: -50px;
+        left: 0;
         bottom: 100px;
         width: 200px;
         opacity: 0.8;
@@ -957,8 +1058,9 @@ footer#bottom {
 
     .footer-accent-right {
         position: absolute;
-        right: -50px;
-        top: 0;
+        right: 40px;
+        top: 40%;
+        transform: translateY(-50%);
         width: 250px;
         opacity: 0.8;
         pointer-events: none;
diff --git a/addons/dine360_theme_chennora/views/layout.xml b/addons/dine360_theme_chennora/views/layout.xml
index 2a20511..32624d6 100644
--- a/addons/dine360_theme_chennora/views/layout.xml
+++ b/addons/dine360_theme_chennora/views/layout.xml
@@ -160,7 +160,7 @@
                         <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 MetatronCube. All Right Reserved.
+                            Copyright 2026 @ Chennora. Powered by  <a href="https://metatroncubesolutions.com/" target="_blank">MetatronCube</a>. All Right Reserved.
                         </div>
                     </section>
                 </div>
diff --git a/addons/dine360_theme_chennora/views/pages.xml b/addons/dine360_theme_chennora/views/pages.xml
index cc6f081..357ea58 100644
--- a/addons/dine360_theme_chennora/views/pages.xml
+++ b/addons/dine360_theme_chennora/views/pages.xml
@@ -22,6 +22,11 @@
                 <!-- Slide 1 -->
                 <div class="carousel-item o_colored_level pt256 pb256 active oe_img_bg o_bg_img_center" style="background-color: #04121D; background-image: url('/dine360_theme_chennora/static/src/img/chen-banner-1.webp'); min-height: 85vh; background-size: cover; background-position: center;" data-name="Slide">
                     <div class="container">
+                        <img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_3.svg" class="hero-shape-accent d-none d-lg-block" alt=""/>
+                        <img src="https://chennora.com/assets/img/shape/bannerShape2_1.png" class="hero-tomato-right d-none d-lg-block" alt=""/>
+                        <img src="https://chennora.com/assets/img/shape/bannerShape2_2.png" class="hero-leaf-right d-none d-lg-block" alt=""/>
+                        <img src="https://chennora.com/assets/img/shape/bannerShape2_4.png" class="hero-lettuce-left d-none d-lg-block" alt=""/>
+                        <img src="https://chennora.com/assets/img/shape/bannerShape2_5.png" class="hero-sketches-left d-none d-lg-block" alt=""/>
                         <div class="row align-items-center">
                             <div class="col-lg-6 o_colored_level o_animate o_anim_fade_in_up">
                                 <h6 style="color: #2BB1A5; font-weight: 700; letter-spacing: 2px;">WELCOME TO CHENNORA</h6>
@@ -37,6 +42,11 @@
                 <!-- Slide 2 -->
                 <div class="carousel-item o_colored_level pt256 pb256 oe_img_bg o_bg_img_center" style="background-color: #04121D; background-image: url('/dine360_theme_chennora/static/src/img/chen-banner-3.webp'); min-height: 85vh; background-size: cover; background-position: center;" data-name="Slide">
                     <div class="container">
+                        <img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_3.svg" class="hero-shape-accent d-none d-lg-block" alt=""/>
+                        <img src="https://chennora.com/assets/img/shape/bannerShape2_1.png" class="hero-tomato-right d-none d-lg-block" alt=""/>
+                        <img src="https://chennora.com/assets/img/shape/bannerShape2_2.png" class="hero-leaf-right d-none d-lg-block" alt=""/>
+                        <img src="https://chennora.com/assets/img/shape/bannerShape2_4.png" class="hero-lettuce-left d-none d-lg-block" alt=""/>
+                        <img src="https://chennora.com/assets/img/shape/bannerShape2_5.png" class="hero-sketches-left d-none d-lg-block" alt=""/>
                         <div class="row align-items-center">
                             <div class="col-lg-6 o_colored_level o_animate o_anim_fade_in_up">
                                 <h6 style="color: #FECD4F; font-weight: 700; letter-spacing: 2px;">AUTHENTIC TASTE</h6>
@@ -52,6 +62,11 @@
                 <!-- Slide 3 -->
                 <div class="carousel-item o_colored_level pt256 pb256 oe_img_bg o_bg_img_center" style="background-color: #04121D; background-image: url('/dine360_theme_chennora/static/src/img/chen-banner-2.webp'); min-height: 85vh; background-size: cover; background-position: center;" data-name="Slide">
                     <div class="container">
+                        <img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_3.svg" class="hero-shape-accent d-none d-lg-block" alt=""/>
+                        <img src="https://chennora.com/assets/img/shape/bannerShape2_1.png" class="hero-tomato-right d-none d-lg-block" alt=""/>
+                        <img src="https://chennora.com/assets/img/shape/bannerShape2_2.png" class="hero-leaf-right d-none d-lg-block" alt=""/>
+                        <img src="https://chennora.com/assets/img/shape/bannerShape2_4.png" class="hero-lettuce-left d-none d-lg-block" alt=""/>
+                        <img src="https://chennora.com/assets/img/shape/bannerShape2_5.png" class="hero-sketches-left d-none d-lg-block" alt=""/>
                         <div class="row align-items-center">
                             <div class="col-lg-6 o_colored_level o_animate o_anim_fade_in_up">
                                 <h6 style="color: #2BB1A5; font-weight: 700; letter-spacing: 2px;">EXPERIENCE QUALITY</h6>
@@ -76,7 +91,7 @@
             </a>
         </div>
     </section>    
-    <section class="s_premium_cards_section pt48 pb48 o_colored_level" data-snippet="s_premium_cards" data-name="Premium Cards" style="background-color: rgb(244, 241, 234);">
+    <section class="s_premium_cards_section pt48 o_colored_level" data-snippet="s_premium_cards" data-name="Premium Cards" style="background-color: rgb(244, 241, 234);">
         <div class="container-fluid">
             <div class="row row-cols-1 row-cols-lg-3 g-4">
                 <!-- Card 1 -->
@@ -167,9 +182,9 @@
                 <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: #2BB1A5; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
-                            <img src="https://chennora.com/assets/img/icon/titleIcon.svg" style="width: 20px; margin-right: 10px;" alt=""/>
+                            <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-right: 10px;" alt=""/>
                             ABOUT US
-                            <img src="https://chennora.com/assets/img/icon/titleIcon.svg" style="width: 20px; margin-left: 10px;" alt=""/>
+                            <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-left: 10px;" alt=""/>
                         </h6>
                         <h2 class="display-4 fw-bold mb-4" style="color: #04121D; line-height: 1.2;">Experience Authentic South Indian Flavors</h2>
                         <p class="text-muted mb-5" style="font-size: 16px; line-height: 1.8;">
@@ -248,9 +263,9 @@
     </section>    <section class="s_title o_colored_level pb24 pt64" data-vcss="001" data-snippet="s_title" data-name="Title" style="background-color: rgb(244, 241, 234); background-image: none;">
         <div class="s_allow_columns container">
             <h6 style="text-align: center;">
-                <img src="https://chennora.com/assets/img/icon/titleIcon.svg" style="width: 25px; margin-right: 10px;" loading="lazy"/>
+                <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-right: 10px;" loading="lazy"/>
                 <span style="color: rgb(43, 177, 165); font-weight: 700; letter-spacing: 2px;">POPULAR DISHES</span>
-                <img src="https://chennora.com/assets/img/icon/titleIcon.svg" style="width: 25px; margin-left: 10px;" loading="lazy"/>
+                <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-left: 10px;" loading="lazy"/>
             </h6>
             <h2 class="display-4 fw-bold" style="text-align: center; color: #04121D;">Our Feature Category</h2>
         </div>
@@ -375,9 +390,9 @@
     </section>    <section class="s_title o_colored_level pt64 pb0" data-vcss="001" data-snippet="s_title" data-name="Title" style="background-color: white;">
         <div class="s_allow_columns container">
             <h6 style="text-align: center;">
-                <img src="https://chennora.com/assets/img/icon/titleIcon.svg" style="width: 25px; margin-right: 10px;" loading="lazy"/>
+                <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-right: 10px;" loading="lazy"/>
                 <span style="color: rgb(43, 177, 165); font-weight: 700; letter-spacing: 2px;">POPULAR DISHES</span>
-                <img src="https://chennora.com/assets/img/icon/titleIcon.svg" style="width: 25px; margin-left: 10px;" loading="lazy"/>
+                <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-left: 10px;" loading="lazy"/>
             </h6>
             <h2 class="display-4 fw-bold" style="text-align: center; color: #04121D;">Our Most Popular Deals</h2>
         </div>
@@ -542,9 +557,9 @@
 
                     <div class="content-wrapper ps-lg-5 pe-lg-5">
                         <h6 class="d-flex align-items-center mb-3" style="color: #2BB1A5; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
-                            <img src="https://chennora.com/assets/img/icon/titleIcon.svg" style="width: 20px; margin-right: 10px;" alt=""/>
+                            <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-right: 10px;" alt=""/>
                             TESTIMONIALS
-                            <img src="https://chennora.com/assets/img/icon/titleIcon.svg" style="width: 20px; margin-left: 10px;" alt=""/>
+                            <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-left: 10px;" alt=""/>
                         </h6>
                         <h2 class="display-4 fw-bold text-white mb-4">What Our Clients Say</h2>
                         
@@ -602,9 +617,9 @@
                 <!-- Left: FAQ Accordion -->
                 <div class="col-lg-6">
                     <h6 class="d-flex align-items-center mb-3" style="color: #2BB1A5; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
-                        <img src="https://chennora.com/assets/img/icon/titleIcon.svg" style="width: 20px; margin-right: 10px;" alt=""/>
+                        <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-right: 10px;" alt=""/>
                         CHENNORA
-                        <img src="https://chennora.com/assets/img/icon/titleIcon.svg" style="width: 20px; margin-left: 10px;" alt=""/>
+                        <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-left: 10px;" alt=""/>
                     </h6>
                     <h2 class="display-4 fw-bold mb-5" style="color: #04121D;">Frequently Asked Questions</h2>
                     
@@ -687,9 +702,9 @@
             <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: #2BB1A5; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
-                        <img src="https://chennora.com/assets/img/icon/titleIcon.svg" style="width: 20px; margin-right: 10px;" alt=""/>
+                        <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-right: 10px;" alt=""/>
                         LATEST BLOG
-                        <img src="https://chennora.com/assets/img/icon/titleIcon.svg" style="width: 20px; margin-left: 10px;" alt=""/>
+                        <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-left: 10px;" alt=""/>
                     </h6>
                     <h2 class="display-4 fw-bold" style="color: #04121D;">Latest News &amp; Articles</h2>
                 </div>
@@ -744,7 +759,7 @@
                         </div>
                         <div class="blog-body">
                             <span class="category-line">Category: Family Dining</span>
-                            <h4 class="text-white">Chennora Brampton is perfect for family dinners</h4>
+                            <h4>Chennora Brampton is perfect for family dinners</h4>
                             <p class="blog-excerpt">Discover why Chennora Brampton is perfect for family dinners and group outings with family-friendly atmosphere, shareabl...</p>
                         </div>
                     </div>