Add initial implementation of the Dine360 Chennora Odoo theme, including custom styles, layout, and page structures.
This commit is contained in:
Alaguraj0361
parent
de84edb9c2
commit
3e857a71d1
BIN
addons/dine360_theme_chennora/static/src/img/subtitle-icon.png
Normal file
BIN
addons/dine360_theme_chennora/static/src/img/subtitle-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 760 B |
@ -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;
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 & 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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user