diff --git a/addons/dine360_theme_shivasakthi/static/src/img/blog-1-old.webp b/addons/dine360_theme_shivasakthi/static/src/img/blog-1-old.webp
new file mode 100644
index 0000000..e28f2ad
Binary files /dev/null and b/addons/dine360_theme_shivasakthi/static/src/img/blog-1-old.webp differ
diff --git a/addons/dine360_theme_shivasakthi/static/src/img/blog-2-old.webp b/addons/dine360_theme_shivasakthi/static/src/img/blog-2-old.webp
new file mode 100644
index 0000000..3407806
Binary files /dev/null and b/addons/dine360_theme_shivasakthi/static/src/img/blog-2-old.webp differ
diff --git a/addons/dine360_theme_shivasakthi/static/src/img/blog-3-old.webp b/addons/dine360_theme_shivasakthi/static/src/img/blog-3-old.webp
new file mode 100644
index 0000000..c6a5f32
Binary files /dev/null and b/addons/dine360_theme_shivasakthi/static/src/img/blog-3-old.webp differ
diff --git a/addons/dine360_theme_shivasakthi/static/src/img/blog-news-1.png b/addons/dine360_theme_shivasakthi/static/src/img/blog-news-1.png
new file mode 100644
index 0000000..45209f9
Binary files /dev/null and b/addons/dine360_theme_shivasakthi/static/src/img/blog-news-1.png differ
diff --git a/addons/dine360_theme_shivasakthi/static/src/img/blog-news-2.png b/addons/dine360_theme_shivasakthi/static/src/img/blog-news-2.png
new file mode 100644
index 0000000..46bdb62
Binary files /dev/null and b/addons/dine360_theme_shivasakthi/static/src/img/blog-news-2.png differ
diff --git a/addons/dine360_theme_shivasakthi/static/src/img/blog-news-3.png b/addons/dine360_theme_shivasakthi/static/src/img/blog-news-3.png
new file mode 100644
index 0000000..ee077a7
Binary files /dev/null and b/addons/dine360_theme_shivasakthi/static/src/img/blog-news-3.png differ
diff --git a/addons/dine360_theme_shivasakthi/static/src/img/menu-cucumber.png b/addons/dine360_theme_shivasakthi/static/src/img/menu-cucumber.png
new file mode 100644
index 0000000..ea9b1e2
Binary files /dev/null and b/addons/dine360_theme_shivasakthi/static/src/img/menu-cucumber.png differ
diff --git a/addons/dine360_theme_shivasakthi/static/src/img/menu-tomato.png b/addons/dine360_theme_shivasakthi/static/src/img/menu-tomato.png
new file mode 100644
index 0000000..5f787bb
Binary files /dev/null and b/addons/dine360_theme_shivasakthi/static/src/img/menu-tomato.png differ
diff --git a/addons/dine360_theme_shivasakthi/static/src/scss/theme.scss b/addons/dine360_theme_shivasakthi/static/src/scss/theme.scss
index 101c9bf..428d8c6 100644
--- a/addons/dine360_theme_shivasakthi/static/src/scss/theme.scss
+++ b/addons/dine360_theme_shivasakthi/static/src/scss/theme.scss
@@ -1198,6 +1198,110 @@ section h2.display-4 {
}
}
+/* Blog News Cards — Screenshot Layout */
+.s_blog_premium {
+ background-color: #ffffff;
+
+ /* Subtitle above title */
+ .blog-subtitle-top {
+ font-family: 'Bebas Neue', sans-serif !important;
+ color: #ffb800;
+ font-size: 14px;
+ letter-spacing: 3px;
+ text-transform: uppercase;
+ margin-bottom: 8px;
+ }
+
+ /* Main heading */
+ .blog-main-heading {
+ font-family: 'Bebas Neue', sans-serif !important;
+ color: #111111;
+ font-size: clamp(32px, 5vw, 52px);
+ letter-spacing: 2px;
+ text-transform: uppercase;
+ margin-bottom: 0;
+ line-height: 1.1;
+ }
+
+ /* Card wrapper */
+ .blog-news-card {
+ background: #ffffff;
+ border: none;
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
+
+ &:hover {
+ transform: translateY(-6px);
+ box-shadow: 0 12px 30px rgba(0,0,0,0.1);
+
+ .blog-news-img {
+ transform: scale(1.04);
+ }
+ }
+ }
+
+ /* Image wrapper — no border radius, like screenshot */
+ .blog-news-img-wrap {
+ overflow: hidden;
+ height: 220px;
+ background: #111;
+ }
+
+ .blog-news-img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ display: block;
+ transition: transform 0.5s ease;
+ }
+
+ /* Text body */
+ .blog-news-body {
+ padding: 20px 4px 10px;
+ }
+
+ /* Blog title — Bebas Neue dark, uppercase */
+ .blog-news-title {
+ font-family: 'Bebas Neue', sans-serif !important;
+ color: #111111;
+ font-size: clamp(16px, 2vw, 20px);
+ letter-spacing: 0.5px;
+ line-height: 1.3;
+ margin-bottom: 12px;
+ text-transform: uppercase;
+ }
+
+ /* Excerpt text */
+ .blog-news-excerpt {
+ font-family: 'Roboto', sans-serif;
+ color: #555555;
+ font-size: 13px;
+ line-height: 1.7;
+ margin-bottom: 14px;
+ }
+
+ /* READ MORE link */
+ .blog-news-readmore {
+ font-family: 'Bebas Neue', sans-serif !important;
+ color: #ffb800;
+ font-size: 14px;
+ letter-spacing: 1.5px;
+ text-decoration: none;
+ text-transform: uppercase;
+ display: inline-flex;
+ align-items: center;
+ gap: 5px;
+ transition: color 0.3s ease;
+
+ .fa-star {
+ font-size: 11px;
+ }
+
+ &:hover {
+ color: #cc9200;
+ }
+ }
+}
+
// Gallery Slider Section
.s_gallery_slider_premium {
background-color: #F4F1EA;
@@ -2233,35 +2337,330 @@ body.o_edit_mode {
}
}
-/* Thali and Deal Sections */
-.s_unlimited_thali_section,
-.s_enjoy_flavors_section {
+/* Thali Section */
+.s_unlimited_thali_section {
background-size: cover;
background-position: center;
position: relative;
min-height: 500px;
display: flex;
align-items: center;
+}
- .lead {
- font-family: 'Roboto', sans-serif !important;
+/* Enjoy the Flavors Section — Exact Screenshot Banner Layout */
+.s_enjoy_flavors_section {
+ background-color: #111111;
+ position: relative;
+ overflow: hidden;
+ min-height: 380px;
+ display: flex;
+ align-items: center;
+
+ /* ─── LEFT SIDE ─── */
+
+ /* "ENJOY THE" small chalk/brush line */
+ .enjoy-title-enjoy {
+ font-family: 'Bebas Neue', sans-serif !important;
+ font-size: clamp(28px, 4vw, 42px);
+ color: #ffffff;
+ letter-spacing: 3px;
+ line-height: 1;
+ margin-bottom: 2px;
+ text-transform: uppercase;
}
- img {
- transition: transform 0.5s ease;
+ /* "FLAVORS" large brush text image */
+ .enjoy-title-flavors {
+ margin-bottom: 20px;
+ line-height: 1;
+ }
+
+ .enjoy-flavors-img {
+ /* The image is the brush-style "FLAVORS" text in white */
+ max-width: 340px;
+ width: 100%;
+ display: block;
+ filter: brightness(1.1);
+ }
+
+ /* Golden subtitle */
+ .enjoy-subtitle {
+ font-family: 'Bebas Neue', sans-serif !important;
+ color: #ffb800;
+ font-size: clamp(16px, 2.2vw, 22px);
+ letter-spacing: 2px;
+ line-height: 1.3;
+ margin-bottom: 28px;
+ text-transform: uppercase;
+ }
+
+ /* Outline "ORDER NOW" button matching screenshot */
+ .enjoy-btn-outline {
+ display: inline-flex;
+ align-items: center;
+ border: 2px solid #ffb800;
+ color: #ffb800;
+ background: transparent;
+ padding: 10px 28px;
+ font-family: 'Bebas Neue', sans-serif !important;
+ font-size: 15px;
+ letter-spacing: 2px;
+ text-decoration: none;
+ border-radius: 3px;
+ transition: all 0.3s ease;
+
&:hover {
- transform: scale(1.03) translateY(-5px);
+ background: #ffb800;
+ color: #111111;
}
}
+
+ /* ─── RIGHT SIDE ─── */
+
+ .enjoy-right-col {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 340px;
+ }
+
+ /* Main dosa tray image */
+ .enjoy-dosa-img {
+ position: relative;
+ z-index: 3;
+ max-width: 520px;
+ width: 100%;
+ filter: drop-shadow(0 20px 50px rgba(0, 0, 0, 0.8));
+ animation: enjoyDosaFloat 4s ease-in-out infinite;
+ }
+
+ /* "DOSADOS" watermark behind image */
+ .enjoy-watermark {
+ position: absolute;
+ right: -10px;
+ top: 50%;
+ transform: translateY(-50%);
+ font-family: 'Bebas Neue', sans-serif !important;
+ font-size: clamp(60px, 10vw, 120px);
+ color: rgba(255, 255, 255, 0.06);
+ letter-spacing: 6px;
+ white-space: nowrap;
+ z-index: 1;
+ pointer-events: none;
+ user-select: none;
+ line-height: 1;
+ }
+
+ /* Shared floating element base */
+ .enjoy-float {
+ position: absolute;
+ z-index: 4;
+ pointer-events: none;
+ filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.5));
+ }
+
+ /* Onion ring — top-left of image area */
+ .enjoy-float-onion {
+ width: 70px;
+ top: 10%;
+ left: 5%;
+ animation: enjoyFloatA 3.5s ease-in-out infinite;
+ }
+
+ /* Green chili — top-right */
+ .enjoy-float-chili {
+ width: 50px;
+ top: 5%;
+ right: 8%;
+ transform: rotate(20deg);
+ animation: enjoyFloatB 3s ease-in-out infinite;
+ }
+
+ /* Tomato slice — bottom-right */
+ .enjoy-float-tomato {
+ width: 55px;
+ bottom: 10%;
+ right: 5%;
+ animation: enjoyFloatC 4s ease-in-out infinite;
+ }
+
+ /* Steam container — positioned above dosa image */
+ .enjoy-steam {
+ position: absolute;
+ top: 5%;
+ left: 50%;
+ transform: translateX(-50%);
+ display: flex;
+ gap: 12px;
+ z-index: 5;
+ pointer-events: none;
+ }
+
+ .enjoy-steam-line {
+ width: 3px;
+ height: 40px;
+ border-radius: 3px;
+ background: linear-gradient(to top, rgba(255,255,255,0.35), transparent);
+
+ &.s1 { animation: steamRise 2s ease-out 0s infinite; }
+ &.s2 { animation: steamRise 2s ease-out 0.4s infinite; height: 55px; }
+ &.s3 { animation: steamRise 2s ease-out 0.8s infinite; }
+ }
}
+/* ─── Keyframes ─── */
+@keyframes enjoyDosaFloat {
+ 0%, 100% { transform: translateY(0px); }
+ 50% { transform: translateY(-8px); }
+}
+@keyframes enjoyFloatA {
+ 0%, 100% { transform: translateY(0px) rotate(-10deg); }
+ 50% { transform: translateY(-12px) rotate(-10deg); }
+}
+@keyframes enjoyFloatB {
+ 0%, 100% { transform: translateY(0px) rotate(20deg); }
+ 50% { transform: translateY(-10px) rotate(20deg); }
+}
+@keyframes enjoyFloatC {
+ 0%, 100% { transform: translateY(0px) rotate(15deg); }
+ 50% { transform: translateY(-14px) rotate(15deg); }
+}
+@keyframes steamRise {
+ 0% { opacity: 0; transform: translateY(0) scaleX(1); }
+ 30% { opacity: 0.5; }
+ 100% { opacity: 0; transform: translateY(-50px) scaleX(2); }
+}
+
+/* Testimonial Section — Split Layout matching screenshot */
.s_testimonials_premium {
- .testimonial-carousel {
- .carousel-item {
- display: none;
- &.active {
- display: block !important;
- }
+ overflow: hidden;
+
+ /* LEFT: Food photo as full-bleed cover */
+ .testi-left-col {
+ min-height: 580px;
+ position: relative;
+ }
+
+ .testi-left-img {
+ position: absolute;
+ inset: 0;
+ background-size: cover;
+ background-position: center;
+ width: 100%;
+ height: 100%;
+ min-height: 580px;
+ }
+
+ /* RIGHT: Golden amber background */
+ .testi-right-col {
+ background-color: #f5a623;
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 60px 50px;
+ min-height: 580px;
+ overflow: hidden;
+ }
+
+ /* Tomato accent — bottom-right corner */
+ .testi-tomato-accent {
+ position: absolute;
+ bottom: 15px;
+ right: 20px;
+ z-index: 1;
+ opacity: 0.85;
+
+ img {
+ width: 55px;
+ filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));
+ }
+ }
+
+ /* Content wrapper — centered */
+ .testi-content-wrap {
+ position: relative;
+ z-index: 2;
+ text-align: center;
+ max-width: 560px;
+ width: 100%;
+ }
+
+ /* Main heading — white bold Bebas Neue */
+ .testi-main-title {
+ font-family: 'Bebas Neue', sans-serif !important;
+ color: #ffffff;
+ font-size: clamp(22px, 3vw, 36px);
+ letter-spacing: 2px;
+ line-height: 1.2;
+ margin-bottom: 20px;
+ text-transform: uppercase;
+ }
+
+ /* Stars */
+ .testi-stars {
+ color: #ffb800;
+ font-size: 20px;
+ display: flex;
+ justify-content: center;
+ gap: 4px;
+ margin-bottom: 20px;
+ }
+
+ /* Review paragraph — white, centered, small */
+ .testi-review-text {
+ font-family: 'Roboto', sans-serif;
+ color: #ffffff;
+ font-size: 13.5px;
+ line-height: 1.8;
+ text-align: center;
+ margin-bottom: 16px;
+ opacity: 0.95;
+ }
+
+ /* Author name */
+ .testi-author-name {
+ font-family: 'Bebas Neue', sans-serif !important;
+ color: #ffffff;
+ font-size: 18px;
+ letter-spacing: 1.5px;
+ text-align: center;
+ margin-bottom: 0;
+ }
+
+ /* Nav buttons — small circular dark */
+ .testi-nav-btns {
+ display: flex;
+ justify-content: center;
+ gap: 10px;
+ }
+
+ .testi-nav-btn {
+ width: 36px;
+ height: 36px;
+ border-radius: 50%;
+ border: 2px solid rgba(255,255,255,0.6);
+ background: transparent;
+ color: #ffffff;
+ font-size: 13px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ transition: all 0.3s ease;
+
+ &:hover {
+ background: #ffffff;
+ color: #f5a623;
+ border-color: #ffffff;
+ }
+ }
+
+ /* Bootstrap carousel override for text slides */
+ .carousel-item {
+ display: none;
+ &.active {
+ display: block !important;
}
}
}
@@ -2518,3 +2917,131 @@ body.o_edit_mode {
0%, 100% { transform: translateY(0) rotate(-15deg); }
50% { transform: translateY(8px) rotate(-12deg); }
}
+
+/* From Authentic Indian Kitchen Realignment */
+.s_authentic_kitchen_section {
+ background-color: #fcfbf7 !important;
+ position: relative;
+ overflow: hidden;
+
+ .menu-accent-cucumber {
+ position: absolute;
+ left: 2%;
+ top: 8%;
+ width: 140px;
+ z-index: 2;
+ opacity: 0.95;
+ filter: drop-shadow(5px 5px 12px rgba(0,0,0,0.12));
+ animation: floatCucumber 12s ease-in-out infinite;
+ }
+
+ .menu-accent-tomato {
+ position: absolute;
+ right: 3%;
+ bottom: 5%;
+ width: 120px;
+ z-index: 2;
+ opacity: 0.95;
+ filter: drop-shadow(5px 5px 12px rgba(0,0,0,0.12));
+ animation: floatTomatoBottom 10s ease-in-out infinite;
+ }
+
+ .menu-card-container {
+ background: #ffffff;
+ border: 1px solid #eef0eb;
+ border-radius: 6px;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
+ position: relative;
+ z-index: 3;
+ overflow: hidden;
+ }
+
+ .menu-column {
+ .menu-list-item {
+ display: flex;
+ align-items: center;
+ transition: all 0.3s ease;
+ padding: 20px 25px;
+
+ img {
+ width: 65px;
+ height: 65px;
+ object-fit: cover;
+ border-radius: 50%;
+ border: 2px solid #ffb800 !important;
+ box-shadow: 0 4px 10px rgba(0,0,0,0.05);
+ transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+ }
+
+ h5 {
+ font-family: 'Bebas Neue', sans-serif !important;
+ font-size: 18px;
+ font-weight: 400;
+ color: #04121D !important;
+ letter-spacing: 0.5px;
+ }
+
+ p {
+ font-family: 'Roboto', sans-serif !important;
+ font-size: 13px;
+ color: #777777;
+ }
+
+ .price-text {
+ font-family: 'Bebas Neue', sans-serif !important;
+ font-size: 18px;
+ color: #ffb800 !important;
+ font-weight: 700;
+ }
+
+ .border-bottom {
+ border-bottom: 2px dotted rgba(4, 18, 29, 0.15) !important;
+ opacity: 0.6;
+ }
+
+ &:hover {
+ background-color: #fbfbfa;
+ transform: translateY(-1px);
+
+ img {
+ transform: scale(1.08) rotate(5deg);
+ border-color: #04121D !important;
+ }
+ }
+ }
+ }
+
+ .btn-menu-view-all {
+ background-color: #ffb800 !important;
+ color: #04121D !important;
+ font-family: 'Bebas Neue', sans-serif !important;
+ font-size: 16px;
+ font-weight: 700;
+ padding: 12px 35px;
+ border-radius: 4px;
+ border: none;
+ letter-spacing: 1px;
+ transition: all 0.3s ease;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+
+ &:hover {
+ transform: translateY(-3px);
+ box-shadow: 0 4px 15px rgba(254, 205, 79, 0.4);
+ background-color: #04121D !important;
+ color: #ffb800 !important;
+ }
+ }
+}
+
+@media (min-width: 992px) {
+ .border-end-lg {
+ border-right: 1px solid #eef0eb !important;
+ }
+}
+
+@keyframes floatCucumber {
+ 0%, 100% { transform: translateY(0) rotate(0deg); }
+ 50% { transform: translateY(-12px) rotate(8deg); }
+}
diff --git a/addons/dine360_theme_shivasakthi/views/pages.xml b/addons/dine360_theme_shivasakthi/views/pages.xml
index 4c410a5..fa313a1 100644
--- a/addons/dine360_theme_shivasakthi/views/pages.xml
+++ b/addons/dine360_theme_shivasakthi/views/pages.xml
@@ -356,299 +356,344 @@
-
-
-
-
- 
- CHINESE DISH
-
-
-
Popular Exquisite Dishes
-
+ 
-
- 
- 
- 
+ 
- 
+ 
+ 
- 
+
+
+ 
+
+
+ 
+
+
+ 
+
+ 
- 
-
+ 
+ 
+ 
+