Add new static assets, styling, and page definitions for the dine360_theme_chennora.

This commit is contained in:
Alaguraj0361 2026-03-23 16:22:47 +05:30
parent be1c9bd35e
commit 1ab45b9ba7
11 changed files with 288 additions and 51 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

View File

@ -188,16 +188,15 @@ header {
}
// Hero Shape Animation
.hero-shape-accent {
.hero-half-tomato-left {
position: absolute;
top: 5%;
left: 2%;
width: 350px;
z-index: 1;
opacity: 0.1;
top: 50%;
left: -40%;
width: clamp(120px, 15vw, 250px);
z-index: 2;
pointer-events: none;
filter: brightness(0) invert(1); // Make it white/light
animation: shapeFloat 15s ease-in-out infinite;
filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.3));
animation: floatSlight 15s ease-in-out infinite;
}
@keyframes shapeFloat {
@ -208,7 +207,7 @@ header {
}
33% {
transform: translateY(-20px) rotate(3deg) scale(1.05);
transform: translateY(-20px) rotate(3deg) scale(1.02);
}
66% {
@ -216,57 +215,88 @@ header {
}
}
@keyframes floatSlight {
0%,
100% {
transform: translate(0, 0) rotate(0deg);
}
50% {
transform: translate(15px, -15px) rotate(5deg);
}
}
@keyframes floatRotate {
0% {
transform: translateY(0) rotate(0deg);
}
50% {
transform: translateY(-30px) rotate(180deg);
}
100% {
transform: translateY(0) rotate(360deg);
}
}
@keyframes pulseSubtle {
0%,
100% {
transform: scale(1);
opacity: 0.8;
}
50% {
transform: scale(1.05);
opacity: 1;
}
}
// Hero Floating Elements
.hero-tomato-right {
position: absolute;
top: 5%;
right: 2%;
width: 200px;
width: clamp(100px, 15vw, 220px);
z-index: 2;
pointer-events: none;
filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.3));
animation: shapeFloat 8s ease-in-out infinite;
}
.hero-leaf-right {
position: absolute;
top: 15%;
top: 25%;
right: 8%;
width: 80px;
width: 60px;
z-index: 1;
pointer-events: none;
animation: shapeFloat 10s ease-in-out infinite reverse;
animation: floatSlight 10s ease-in-out infinite reverse;
}
.hero-lettuce-left {
position: absolute;
bottom: 5%;
left: -2%;
width: 250px;
z-index: 2;
bottom: -40%;
left: -40%;
width: clamp(150px, 20vw, 350px);
z-index: 3;
pointer-events: none;
filter: drop-shadow(-10px 10px 25px rgba(0, 0, 0, 0.4));
animation: shapeFloat 12s ease-in-out infinite;
}
.hero-sketches-left {
position: absolute;
top: 2%;
left: 2%;
width: 300px;
top: 10%;
left: 4%;
width: clamp(200px, 25vw, 400px);
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;
opacity: 0.25;
animation: floatSlight 20s linear infinite;
}
// Section Headers

View File

@ -21,13 +21,15 @@
<div class="carousel-inner">
<!-- 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="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-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=""/>
<!-- Target format SVG Floating Shapes -->
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_3.svg" class="hero-half-tomato-left d-none d-lg-block" alt="Half Tomato"/>
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_5.svg" class="hero-sketches-left d-none d-lg-block" alt="Sketches"/>
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_4.svg" class="hero-lettuce-left d-none d-lg-block" alt="Lettuce"/>
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_1.svg" class="hero-tomato-right d-none d-lg-block" alt="Tomato Slice"/>
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_2.svg" class="hero-leaf-right d-none d-lg-block" alt="Leaf"/>
<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>
@ -43,11 +45,13 @@
<!-- 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=""/>
<!-- Target format SVG Floating Shapes -->
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_3.svg" class="hero-half-tomato-left d-none d-lg-block" alt="Half Tomato"/>
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_5.svg" class="hero-sketches-left d-none d-lg-block" alt="Sketches"/>
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_4.svg" class="hero-lettuce-left d-none d-lg-block" alt="Lettuce"/>
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_1.svg" class="hero-tomato-right d-none d-lg-block" alt="Tomato Slice"/>
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_2.svg" class="hero-leaf-right d-none d-lg-block" alt="Leaf"/>
<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>
@ -60,14 +64,15 @@
</div>
</div>
<!-- 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">
<!-- Slide 3 (Was 2, swapped to maintain balance) -->
<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-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=""/>
<!-- Target format SVG Floating Shapes -->
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_3.svg" class="hero-half-tomato-left d-none d-lg-block" alt="Half Tomato"/>
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_5.svg" class="hero-sketches-left d-none d-lg-block" alt="Sketches"/>
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_4.svg" class="hero-lettuce-left d-none d-lg-block" alt="Lettuce"/>
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_1.svg" class="hero-tomato-right d-none d-lg-block" alt="Tomato Slice"/>
<img src="https://chennora.metatronnest.com/assets/img/shape/bannerShape2_2.svg" class="hero-leaf-right d-none d-lg-block" alt="Leaf"/>
<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>

BIN
chennora_site_dump.html Normal file

Binary file not shown.

View File

@ -0,0 +1,150 @@
<!doctype html>
<html lang="en">
<head>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Chennora Best South Indian Cuisine Restaurant" />
<meta name="twitter:description" content="Enjoy authentic South Indian dishes made with traditional recipes, fresh ingredients, and rich flavors. Visit Chennora today!" />
<meta name="twitter:image" content="https://chennora.com/assets/img/home-page/logo/logo-chennora.png" />
<meta name="twitter:site" content="@Chennora" />
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PPX6JZ6W');</script>
<!-- End Google Tag Manager -->
<!--Google site Verification Code Start-->
<meta name="google-site-verification" content="mhoIXspfgFocjE3iByz3Qs2R-m4MJBP-E3sSPbCwid0"/>
<!--Google site Verification Code End-->
<!--clarity Tag start-->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "rgyetfdpe7");
</script>
<!--clarity Tag end-->
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.png" />
<link rel="canonical" href="https://chennora.com/" />
<!-- Meta Pixel Code -->
<script>
!function (f, b, e, v, n, t, s) {
if (f.fbq) return; n = f.fbq = function () {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
n.queue = []; t = b.createElement(e); t.async = !0;
t.src = v; s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1025874022970595');
fbq('track', 'PageView');
</script>
<!-- End Meta Pixel Code -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Restaurant",
"name": "Chennora",
"image": "/favicon.png",
"url": "https://chennora.com",
"telephone": "+1 647 856 2878",
"address": {
"@type": "PostalAddress",
"streetAddress": "Unit 66",
"addressLocality": "11665 McVean Dr, Brampton",
"addressRegion": "ON",
"postalCode": "L6Y 0N1",
"addressCountry": "CA"
},
"openingHours": "Sunday Thursday: 12pm 9pm
Friday & Saturday: 12pm 11pm",
"priceRange": "$$",
"servesCuisine": ["South Indian", "Indian"],
"sameAs": [
"https://www.facebook.com/chennorabrampton/",
"https://www.instagram.com/chennora_brampton/"
]
}
</script>
<!-- Schema.org structured data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Chennora",
"url": "https://chennora.com",
"logo": "/favicon.png",
"sameAs": [
"https://www.facebook.com/chennorabrampton/",
"https://www.instagram.com/chennora_brampton/"
]
}
</script>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://chennora.com/" />
<meta property="og:title" content="Best Indian Restaurant in Brampton | Chennora" />
<meta property="og:description"
content="Order delicious Indian food online from Chennora. Fresh, flavorful, and delivered fast across Brampton." />
<meta property="og:image" content="https://chennora.com/assets/img/home-page/banner/banner-1.webp" />
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Best South Indian Cuisine Restaurant Near Me in Brampton</title>
<meta name="description"
content="The best Indian food in Brampton? Chennora authentic South Indian dishes, dosa, biryanis, and more. Visit us for an unforgettable dining experience!" />
<script type="module" crossorigin src="/assets/index-CXVyhSxU.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BgPs9YWF.css">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PPX6JZ6W" height="0" width="0"
className="gtm-hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Meta Pixel Code -->
<noscript><img height="1" width="1" className="gtm-hidden"
src="https://www.facebook.com/tr?id=1025874022970595&ev=PageView&noscript=1" /></noscript>
<!-- End Meta Pixel Code -->
<div id="root"></div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const currentPath = window.location.pathname + window.location.search;
const canonicalUrl = 'https://chennora.com' + (currentPath === '/' ? '' : currentPath);
// Update existing canonical tag
const canonicalTag = document.querySelector('link[rel="canonical"]');
if (canonicalTag) {
canonicalTag.href = canonicalUrl;
}
// Also update og:url for consistency
const ogUrl = document.querySelector('meta[property="og:url"]');
if (ogUrl) {
ogUrl.setAttribute('content', canonicalUrl);
}
});
</script>
</body>
</html>

16
tmp_bannerShape2_1.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 88 KiB

9
tmp_bannerShape2_2.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 76 KiB

9
tmp_bannerShape2_3.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 365 KiB

9
tmp_bannerShape2_4.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 31 KiB

9
tmp_bannerShape2_5.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 31 KiB