MetatroncubeSoftwareSolutions/odoo-dine360-restaurants
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update color scheme across various pages to enhance visual consistency

Browse Source 
- Changed breadcrumb and header colors from #e50000 (red) to #e5b945 (golden yellow) in about, blog, contact, FAQ, and product detail pages.
- Updated button background colors and text colors to match the new color scheme.
- Adjusted opening hours and footer copyright colors to align with the new design.
- Ensured all relevant sections reflect the updated color for a cohesive look throughout the site.
This commit is contained in:
Alaguraj0361 2026-06-23 21:06:54 +05:30
parent a364d756b8
commit f3d75aac37
15 changed files with 309 additions and 181 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
addons/dine360_self_order/__manifest__.py
View File

@ -20,7 +20,6 @@
'web.assets_frontend': [ 'web.assets_frontend': [
'dine360_self_order/static/src/css/self_order.css', 'dine360_self_order/static/src/css/self_order.css',
'dine360_self_order/static/src/js/self_order.js', 'dine360_self_order/static/src/js/self_order.js',
'dine360_self_order/static/src/xml/self_order.xml',
], ],
}, },
'installable': True, 'installable': True,

204
addons/dine360_self_order/static/src/css/self_order.css
View File

@ -1,12 +1,13 @@
/* Self-Order UI Styling */ /* Shiva Sakthi Self-Order UI Styling */
#self_order_app { #self_order_app {
font-family: 'Outfit', 'Inter', -apple-system, sans-serif; font-family: 'Outfit', 'Inter', -apple-system, sans-serif;
color: #171422; color: #0f0d13;
background-color: #fcfbf7 !important;
} }
.transition-all { .transition-all {
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
} }
.no-scrollbar::-webkit-scrollbar { .no-scrollbar::-webkit-scrollbar {
@ -18,73 +19,196 @@
scrollbar-width: none; scrollbar-width: none;
} }
/* Header Branding */
.navbar {
background: rgba(17, 17, 17, 0.9) !important;
backdrop-filter: blur(10px);
border-bottom: 2px solid #e5b945;
}
.navbar-brand {
font-family: 'Playfair Display', serif;
letter-spacing: 0.5px;
}
/* Search Bar with glowing focus */
.search-bar { .search-bar {
border-radius: 14px; border-radius: 16px;
background: #ffffff; background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
overflow: hidden;
transition: all 0.3s ease;
}
.search-bar:focus-within {
border-color: #e5b945;
box-shadow: 0 4px 25px rgba(229, 0, 0, 0.08) !important;
}
#product_search:focus {
box-shadow: none;
}
/* Category Filter Capsules */
#category_filter {
padding: 10px 0;
}
#category_filter button {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.3px;
text-transform: capitalize;
border-radius: 20px;
transition: all 0.25s ease;
}
#category_filter button.btn-warning {
background: linear-gradient(135deg, #e5b945, #cc9200) !important;
border: none !important;
box-shadow: 0 4px 15px rgba(229, 0, 0, 0.25) !important;
color: #ffffff !important;
}
#category_filter button.btn-white {
background: #ffffff;
color: #555555;
border: 1px solid rgba(0, 0, 0, 0.08);
}
#category_filter button.btn-white:hover {
background: rgba(229, 0, 0, 0.03);
color: #e5b945;
border-color: rgba(229, 0, 0, 0.2);
}
/* Premium Product Cards */
.product-card {
border-radius: 20px;
background: #ffffff;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.03) !important;
overflow: hidden;
transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
} }
.product-card:hover { .product-card:hover {
transform: translateY(-5px); transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08) !important;
} }
.product-card .card-img-top { .product-card img {
border-top-left-radius: 14px; border-top-left-radius: 20px !important;
border-top-right-radius: 14px; border-top-right-radius: 20px !important;
transition: transform 0.5s ease;
} }
.btn-warning { .product-card:hover img {
background-color: #e50000; transform: scale(1.05);
border-color: #e50000;
color: #ffffff;
} }
.btn-warning:hover, .product-card .add-to-cart-btn {
.btn-warning:active { background: #e5b945 !important;
background-color: #b30000; border-color: #e5b945 !important;
border-color: #b30000; color: #ffffff !important;
color: #ffffff; transition: all 0.25s ease;
} }
.bg-warning-light { .product-card .add-to-cart-btn:hover {
background-color: rgba(229, 0, 0, 0.08) !important; transform: scale(1.1);
background: #cc9200 !important;
box-shadow: 0 4px 12px rgba(229, 0, 0, 0.3) !important;
}
/* Service select cards */
.service-select {
border: 1px solid rgba(0, 0, 0, 0.08) !important;
background: #ffffff !important;
transition: all 0.25s ease;
}
.service-select:hover {
border-color: rgba(229, 0, 0, 0.2) !important;
background: rgba(229, 0, 0, 0.01) !important;
} }
.service-select.active { .service-select.active {
border: 2px solid #e50000 !important; border: 2px solid #e5b945 !important;
background-color: rgba(229, 0, 0, 0.05) !important; background: rgba(229, 0, 0, 0.03) !important;
font-weight: 600;
}
/* Cart Footer Panel */
#footer_cart {
border-top-left-radius: 24px;
border-top-right-radius: 24px;
background: rgba(255, 255, 255, 0.9) !important;
backdrop-filter: blur(15px);
box-shadow: 0 -10px 45px rgba(0, 0, 0, 0.1) !important;
z-index: 1040;
}
#footer_cart #view_cart_btn {
background: linear-gradient(135deg, #e5b945, #cc9200) !important;
border: none;
box-shadow: 0 4px 15px rgba(229, 0, 0, 0.3) !important;
transition: all 0.25s ease;
}
#footer_cart #view_cart_btn:hover {
transform: scale(1.03);
box-shadow: 0 6px 20px rgba(229, 0, 0, 0.4) !important;
}
/* Cart Modal Styling */
.modal-content {
border-radius: 28px !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
border: none;
}
.modal-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
background: #111111 !important;
color: #ffffff;
} }
.cart-item { .cart-item {
border-bottom: 1px dashed #eee; border-bottom: 1px dashed rgba(0, 0, 0, 0.06);
padding-bottom: 1rem; padding-bottom: 1.2rem;
} }
.cart-item:last-child { .cart-item:last-child {
border-bottom: none; border-bottom: none;
} }
#category_filter button { /* Quantity Adjusters */
font-size: 13px; .decrease-qty, .increase-qty {
font-weight: 500; background: #ffffff !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
color: #555555 !important;
transition: all 0.2s ease;
} }
.badge-primary { .decrease-qty:hover, .increase-qty:hover {
background-color: #171422; background: rgba(229, 0, 0, 0.05) !important;
color: #e5b945 !important;
border-color: rgba(229, 0, 0, 0.2) !important;
} }
#footer_cart { #submit_order_btn {
border-top-left-radius: 20px; background: linear-gradient(135deg, #e5b945, #cc9200) !important;
border-top-right-radius: 20px;
z-index: 1050;
}
.modal-content {
border: none; border: none;
box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 15px rgba(229, 0, 0, 0.3) !important;
transition: all 0.25s ease;
} }
.spinner-border { #submit_order_btn:hover {
width: 2rem; transform: scale(1.02);
height: 2rem; box-shadow: 0 6px 20px rgba(229, 0, 0, 0.4) !important;
}
/* Spinner */
.spinner-border {
color: #e5b945 !important;
} }

7
addons/dine360_self_order/views/self_order_templates.xml
View File

@ -2,6 +2,11 @@
<odoo> <odoo>
<template id="self_order_menu_template" name="Self-Order Menu"> <template id="self_order_menu_template" name="Self-Order Menu">
<t t-call="website.layout"> <t t-call="website.layout">
<t t-set="head">
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&amp;family=Playfair+Display:ital,wght@0,600;0,700;1,600&amp;display=swap" rel="stylesheet"/>
</t>
<div id="self_order_app" class="bg-light min-vh-100 pb-5"> <div id="self_order_app" class="bg-light min-vh-100 pb-5">
<!-- Data injection for JS --> <!-- Data injection for JS -->
<div id="self_order_data" class="d-none" <div id="self_order_data" class="d-none"
@ -13,7 +18,7 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top shadow-sm py-2"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top shadow-sm py-2">
<div class="container px-3 d-flex justify-content-between"> <div class="container px-3 d-flex justify-content-between">
<a class="navbar-brand fw-bold d-flex align-items-center" href="/dine360/menu"> <a class="navbar-brand fw-bold d-flex align-items-center" href="/dine360/menu">
<i class="fa fa-cutlery me-2 text-danger"/> Dine360 <i class="fa fa-cutlery me-2 text-danger"/> Shiva Sakthi Menu
</a> </a>
<div t-if="pos_table" class="text-white-50 small"> <div t-if="pos_table" class="text-white-50 small">
<span class="badge bg-danger text-white px-2 py-1 rounded-pill"> <span class="badge bg-danger text-white px-2 py-1 rounded-pill">

4
addons/dine360_theme_shivasakthi/controllers/main.py
View File

@ -29,7 +29,7 @@ class ContactController(http.Controller):
# Format the email content # Format the email content
email_content = f""" email_content = f"""
<div style="font-family: Arial, sans-serif; padding: 20px; border: 1px solid #ddd; border-radius: 8px;"> <div style="font-family: Arial, sans-serif; padding: 20px; border: 1px solid #ddd; border-radius: 8px;">
<h2 style="color: #e50000; border-bottom: 2px solid #e50000; padding-bottom: 10px;">New Contact Form Submission - Shiva Sakthi</h2> <h2 style="color: #e5b945; border-bottom: 2px solid #e5b945; padding-bottom: 10px;">New Contact Form Submission - Shiva Sakthi</h2>
<table style="width: 100%; border-collapse: collapse; margin-top: 15px;"> <table style="width: 100%; border-collapse: collapse; margin-top: 15px;">
<tr> <tr>
<td style="padding: 8px; font-weight: bold; width: 30%;">Full Name:</td> <td style="padding: 8px; font-weight: bold; width: 30%;">Full Name:</td>
@ -48,7 +48,7 @@ class ContactController(http.Controller):
<td style="padding: 8px;">{subject}</td> <td style="padding: 8px;">{subject}</td>
</tr> </tr>
</table> </table>
<div style="margin-top: 20px; padding: 15px; background-color: #F8F9FA; border-left: 4px solid #e50000;"> <div style="margin-top: 20px; padding: 15px; background-color: #F8F9FA; border-left: 4px solid #e5b945;">
<strong style="display: block; margin-bottom: 10px;">Message:</strong> <strong style="display: block; margin-bottom: 10px;">Message:</strong>
<div style="white-space: pre-wrap;">{message}</div> <div style="white-space: pre-wrap;">{message}</div>
</div> </div>

2
addons/dine360_theme_shivasakthi/static/src/scss/primary_variables.scss
View File

@ -1,6 +1,6 @@
$o-color-palettes: ( $o-color-palettes: (
'shivasakthi-palette': ( 'shivasakthi-palette': (
'o-color-1': #e50000, // Brand Red (Primary) 'o-color-1': #e5b945, // Brand Red (Primary)
'o-color-2': #0e1317, // Deep Dark Theme Base (Secondary) 'o-color-2': #0e1317, // Deep Dark Theme Base (Secondary)
'o-color-3': #FFFFFF, // White text/highlights 'o-color-3': #FFFFFF, // White text/highlights
'o-color-4': #151a1e, // Lighter Charcoal for section contrast 'o-color-4': #151a1e, // Lighter Charcoal for section contrast

22
addons/dine360_theme_shivasakthi/static/src/scss/shop.scss
View File

@ -1,8 +1,8 @@
/* Shivasakthi Shop Page - Exact Clone of the Classic Food Theme UI */ /* Shivasakthi Shop Page - Exact Clone of the Classic Food Theme UI */
:root { :root {
--food-green: #e50000; --food-green: #e5b945;
--food-yellow: #e50000; --food-yellow: #e5b945;
--food-text: #333333; --food-text: #333333;
--food-light-grey: #f1f1f1; --food-light-grey: #f1f1f1;
--food-border: #e6e6e6; --food-border: #e6e6e6;
@ -12,7 +12,7 @@
.form-control, .form-control,
.form-select { .form-select {
background-color: #f8f9fa !important; background-color: #f8f9fa !important;
border: 1px solid #e50000 !important; border: 1px solid #e5b945 !important;
border-radius: 10px !important; border-radius: 10px !important;
padding: 14px 18px !important; padding: 14px 18px !important;
font-size: 15px !important; font-size: 15px !important;
@ -384,7 +384,7 @@
background: white !important; background: white !important;
.btn-add-to-cart-overlay { .btn-add-to-cart-overlay {
background: #e50000 !important; background: #e5b945 !important;
color: #000000 !important; color: #000000 !important;
padding: 10px; padding: 10px;
border-radius: 6px; border-radius: 6px;
@ -491,7 +491,7 @@
/* Breadcrumb Color */ /* Breadcrumb Color */
.breadcrumb-item a { .breadcrumb-item a {
color: #e50000 !important; color: #e5b945 !important;
font-weight: 700 !important; font-weight: 700 !important;
} }
@ -556,7 +556,7 @@
} }
#add_to_cart { #add_to_cart {
background: #e50000 !important; background: #e5b945 !important;
color: #000000 !important; color: #000000 !important;
border: none !important; border: none !important;
border-radius: 50px !important; border-radius: 50px !important;
@ -601,7 +601,7 @@
#add_to_cart, #add_to_cart,
.a-submit, .a-submit,
.btn-add-to-cart-overlay { .btn-add-to-cart-overlay {
background: #e50000 !important; background: #e5b945 !important;
color: #000000 !important; color: #000000 !important;
border: none !important; border: none !important;
} }
@ -611,9 +611,9 @@
.o_wsale_toast .btn-primary, .o_wsale_toast .btn-primary,
.o_wsale_add_to_cart_message a.btn-primary, .o_wsale_add_to_cart_message a.btn-primary,
#wsale_ajax_cart_msg a.btn-primary { #wsale_ajax_cart_msg a.btn-primary {
background-color: #e50000 !important; background-color: #e5b945 !important;
color: #000000 !important; color: #000000 !important;
border-color: #e50000 !important; border-color: #e5b945 !important;
font-weight: 700 !important; font-weight: 700 !important;
box-shadow: 0 4px 12px rgba(254, 205, 79, 0.2) !important; box-shadow: 0 4px 12px rgba(254, 205, 79, 0.2) !important;
transition: all 0.3s ease !important; transition: all 0.3s ease !important;
@ -633,9 +633,9 @@
.oe_website_sale .btn-primary.a-submit, .oe_website_sale .btn-primary.a-submit,
.oe_website_sale a.btn-primary, .oe_website_sale a.btn-primary,
.oe_cart .btn-primary { .oe_cart .btn-primary {
background-color: #e50000 !important; background-color: #e5b945 !important;
color: #0e1317 !important; color: #0e1317 !important;
border-color: #e50000 !important; border-color: #e5b945 !important;
font-weight: 800 !important; font-weight: 800 !important;
text-transform: uppercase !important; text-transform: uppercase !important;
padding: 12px 30px !important; padding: 12px 30px !important;

178
addons/dine360_theme_shivasakthi/static/src/scss/theme.scss
View File

@ -30,7 +30,7 @@ header {
transition: color 0.3s ease; transition: color 0.3s ease;
&:hover, &.active { &:hover, &.active {
color: #e50000 !important; color: #e5b945 !important;
} }
} }
} }
@ -45,7 +45,7 @@ header {
/* Order Now Button */ /* Order Now Button */
.btn-order-now { .btn-order-now {
background-color: #e50000 !important; background-color: #e5b945 !important;
color: white !important; color: white !important;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
@ -59,7 +59,7 @@ header {
&:hover { &:hover {
background-color: white !important; background-color: white !important;
color: #e50000 !important; color: #e5b945 !important;
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(254, 205, 79, 0.4); box-shadow: 0 5px 15px rgba(254, 205, 79, 0.4);
} }
@ -74,19 +74,19 @@ header {
transform: translateY(-2px); transform: translateY(-2px);
.fa-shopping-cart { .fa-shopping-cart {
color: #e50000 !important; color: #e5b945 !important;
} }
.cart-badge { .cart-badge {
color: white !important; color: white !important;
background-color: #e50000 !important; background-color: #e5b945 !important;
opacity: 1 !important; opacity: 1 !important;
} }
} }
.cart-badge { .cart-badge {
color: white !important; color: white !important;
background-color: #e50000 !important; background-color: #e5b945 !important;
font-weight: 800 !important; font-weight: 800 !important;
z-index: 10; z-index: 10;
border: 2px solid #0c0f12 !important; border: 2px solid #0c0f12 !important;
@ -138,7 +138,7 @@ header {
// Hero Button Hover // Hero Button Hover
.btn-lg.flat:hover, .btn-lg.flat:hover,
.btn-custom:hover { .btn-custom:hover {
background-color: #e50000 !important; background-color: #e5b945 !important;
color: white !important; color: white !important;
transform: translateY(-3px); transform: translateY(-3px);
transition: all 0.3s ease; transition: all 0.3s ease;
@ -177,7 +177,7 @@ header {
width: 8px; width: 8px;
height: 8px; height: 8px;
border-radius: 50%; border-radius: 50%;
background-color: #e50000; background-color: #e5b945;
display: inline-block; display: inline-block;
opacity: 0.5; opacity: 0.5;
cursor: pointer; cursor: pointer;
@ -556,7 +556,7 @@ section h2.display-4 {
padding: 0 !important; padding: 0 !important;
.s_website_form_mark { .s_website_form_mark {
color: #e50000; color: #e5b945;
margin-left: 3px; margin-left: 3px;
} }
} }
@ -564,7 +564,7 @@ section h2.display-4 {
.form-control, .form-control,
.form-select { .form-select {
background-color: #f8f9fa !important; background-color: #f8f9fa !important;
border: 1px solid #e50000 !important; border: 1px solid #e5b945 !important;
border-radius: 10px !important; border-radius: 10px !important;
padding: 14px 18px !important; padding: 14px 18px !important;
font-size: 15px !important; font-size: 15px !important;
@ -583,7 +583,7 @@ section h2.display-4 {
} }
.s_website_form_send { .s_website_form_send {
background-color: #e50000 !important; background-color: #e5b945 !important;
color: #0e1317 !important; color: #0e1317 !important;
border: none !important; border: none !important;
border-radius: 10px !important; border-radius: 10px !important;
@ -603,7 +603,7 @@ section h2.display-4 {
&:hover { &:hover {
background-color: #0e1317 !important; background-color: #0e1317 !important;
color: #e50000 !important; color: #e5b945 !important;
transform: translateY(-2px) !important; transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
} }
@ -709,7 +709,7 @@ section h2.display-4 {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
h6 { h6 {
color: #e50000 !important; color: #e5b945 !important;
} }
} }
@ -765,7 +765,7 @@ section h2.display-4 {
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #e50000d4; background: #e5b945d4;
z-index: 0; z-index: 0;
border-radius: 4px; border-radius: 4px;
} }
@ -790,7 +790,7 @@ section h2.display-4 {
position: relative; position: relative;
border-radius: 0 400px 400px 0; border-radius: 0 400px 400px 0;
overflow: hidden; overflow: hidden;
border-right: 15px solid #e50000; border-right: 15px solid #e5b945;
img { img {
width: 100%; width: 100%;
@ -886,14 +886,14 @@ section h2.display-4 {
transition: all 0.3s ease; transition: all 0.3s ease;
&:hover { &:hover {
background: #e50000; background: #e5b945;
border-color: #e50000; border-color: #e5b945;
color: #0e1317; color: #0e1317;
} }
&.next-btn { &.next-btn {
background: #e50000; background: #e5b945;
border-color: #e50000; border-color: #e5b945;
color: #0e1317; color: #0e1317;
} }
} }
@ -943,13 +943,13 @@ section h2.display-4 {
font-size: 18px; font-size: 18px;
&:not(.collapsed) { &:not(.collapsed) {
color: #e50000; color: #e5b945;
&::after { &::after {
content: "-"; content: "-";
transform: none; transform: none;
background-image: none; background-image: none;
color: #e50000; color: #e5b945;
font-size: 30px; font-size: 30px;
line-height: 1; line-height: 1;
} }
@ -958,7 +958,7 @@ section h2.display-4 {
&::after { &::after {
content: "+"; content: "+";
background-image: none; background-image: none;
color: #e50000; color: #e5b945;
font-size: 24px; font-size: 24px;
font-weight: 300; font-weight: 300;
display: flex; display: flex;
@ -985,7 +985,7 @@ section h2.display-4 {
.carousel-control-next { .carousel-control-next {
width: 40px; width: 40px;
height: 40px; height: 40px;
background: #e50000; background: #e5b945;
border-radius: 50%; border-radius: 50%;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
@ -1010,7 +1010,7 @@ section h2.display-4 {
// Global button class for multiple sections // Global button class for multiple sections
.know-more-btn { .know-more-btn {
background-color: #e50000; background-color: #e5b945;
color: #0e1317 !important; color: #0e1317 !important;
font-weight: 700; font-weight: 700;
padding: 12px 30px; padding: 12px 30px;
@ -1041,16 +1041,16 @@ section h2.display-4 {
} }
&:hover { &:hover {
background-color: #e50000 !important; background-color: #e5b945 !important;
color: white !important; color: white !important;
transform: translateY(-3px); transform: translateY(-3px);
span { span {
background-color: white !important; background-color: white !important;
color: #e50000 !important; color: #e5b945 !important;
i { i {
color: #e50000 !important; color: #e5b945 !important;
} }
} }
} }
@ -1102,7 +1102,7 @@ section h2.display-4 {
width: 60px; width: 60px;
height: 60px; height: 60px;
background: white; background: white;
border: 2px solid #e50000; border: 2px solid #e5b945;
border-radius: 8px; border-radius: 8px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -1125,7 +1125,7 @@ section h2.display-4 {
&:last-child { &:last-child {
font-size: 10px; font-size: 10px;
color: #e50000; color: #e5b945;
text-transform: uppercase; text-transform: uppercase;
transition: color 0.3s; transition: color 0.3s;
} }
@ -1176,13 +1176,13 @@ section h2.display-4 {
} }
.date-badge { .date-badge {
border: 2px dashed #e50000; border: 2px dashed #e5b945;
} }
} }
.blog-body { .blog-body {
h4 { h4 {
color: #e50000; color: #e5b945;
} }
} }
} }
@ -1205,7 +1205,7 @@ section h2.display-4 {
/* Subtitle above title */ /* Subtitle above title */
.blog-subtitle-top { .blog-subtitle-top {
font-family: 'Bebas Neue', sans-serif !important; font-family: 'Bebas Neue', sans-serif !important;
color: #e50000; color: #e5b945;
font-size: 14px; font-size: 14px;
letter-spacing: 3px; letter-spacing: 3px;
text-transform: uppercase; text-transform: uppercase;
@ -1282,7 +1282,7 @@ section h2.display-4 {
/* READ MORE link */ /* READ MORE link */
.blog-news-readmore { .blog-news-readmore {
font-family: 'Bebas Neue', sans-serif !important; font-family: 'Bebas Neue', sans-serif !important;
color: #e50000; color: #e5b945;
font-size: 14px; font-size: 14px;
letter-spacing: 1.5px; letter-spacing: 1.5px;
text-decoration: none; text-decoration: none;
@ -1360,7 +1360,7 @@ footer#bottom {
z-index: 20; z-index: 20;
.footer-cta-bar { .footer-cta-bar {
background-color: #e50000; background-color: #e5b945;
border-radius: 20px; border-radius: 20px;
padding: 30px 50px; padding: 30px 50px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
@ -1382,7 +1382,7 @@ footer#bottom {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: #e50000; color: #e5b945;
font-size: 20px; font-size: 20px;
} }
@ -1415,7 +1415,7 @@ footer#bottom {
bottom: 0; bottom: 0;
width: 50px; width: 50px;
height: 3px; height: 3px;
background: #e50000; background: #e5b945;
} }
} }
@ -1439,8 +1439,8 @@ footer#bottom {
transition: all 0.3s; transition: all 0.3s;
&:hover { &:hover {
background: #e50000; background: #e5b945;
border-color: #e50000; border-color: #e5b945;
color: #0e1317; color: #0e1317;
} }
} }
@ -1458,7 +1458,7 @@ footer#bottom {
gap: 10px; gap: 10px;
i { i {
color: #e50000; color: #e5b945;
font-size: 12px; font-size: 12px;
margin-top: 5px; margin-top: 5px;
} }
@ -1469,7 +1469,7 @@ footer#bottom {
transition: color 0.3s; transition: color 0.3s;
&:hover { &:hover {
color: #e50000; color: #e5b945;
} }
} }
} }
@ -1559,7 +1559,7 @@ footer#bottom {
transition: color 0.3s; transition: color 0.3s;
&:hover { &:hover {
color: #e50000; color: #e5b945;
} }
} }
@ -1569,25 +1569,25 @@ footer#bottom {
} }
.active-item { .active-item {
color: #e50000; color: #e5b945;
} }
} }
} }
/* Global Red Color Removal & Theme Alignment */ /* Global Red Color Removal & Theme Alignment */
.text-danger { .text-danger {
color: #e50000 !important; // Replace red text with theme gold color: #e5b945 !important; // Replace red text with theme gold
} }
.bg-danger, .bg-danger,
.btn-danger { .btn-danger {
background-color: #e50000 !important; background-color: #e5b945 !important;
border-color: #e50000 !important; border-color: #e5b945 !important;
color: white !important; color: white !important;
} }
.badge-danger { .badge-danger {
background-color: #e50000 !important; background-color: #e5b945 !important;
color: #0e1317 !important; color: #0e1317 !important;
} }
@ -1598,11 +1598,11 @@ footer#bottom {
&:hover { &:hover {
background-color: rgba(255, 184, 0, 0.1) !important; background-color: rgba(255, 184, 0, 0.1) !important;
color: #e50000 !important; color: #e5b945 !important;
} }
&.active { &.active {
background-color: #e50000 !important; background-color: #e5b945 !important;
color: white !important; color: white !important;
border-radius: 8px; border-radius: 8px;
@ -1626,20 +1626,20 @@ footer#bottom {
/* Link hover color */ /* Link hover color */
body:not(.editor_enable):not(.o_edit_mode) a:hover, body:not(.editor_enable):not(.o_edit_mode) a:hover,
body:not(.editor_enable):not(.o_edit_mode) a:hover * { body:not(.editor_enable):not(.o_edit_mode) a:hover * {
color: #e50000 !important; color: #e5b945 !important;
} }
/* Button hover color */ /* Button hover color */
body:not(.editor_enable):not(.o_edit_mode) .btn:hover, body:not(.editor_enable):not(.o_edit_mode) .btn:hover,
body:not(.editor_enable):not(.o_edit_mode) .btn:hover * { body:not(.editor_enable):not(.o_edit_mode) .btn:hover * {
color: #fff !important; color: #fff !important;
background-color: #e50000 !important; background-color: #e5b945 !important;
} }
.active, .active,
.nav-link.active, .nav-link.active,
.nav-pills .nav-link.active { .nav-pills .nav-link.active {
color: #e50000 !important; color: #e5b945 !important;
} }
@ -1656,9 +1656,9 @@ body.o_edit_mode {
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle { .show>.btn-primary.dropdown-toggle {
background-color: #e50000 !important; background-color: #e5b945 !important;
color: #0e1317 !important; color: #0e1317 !important;
border-color: #e50000 !important; border-color: #e5b945 !important;
} }
.btn-primary:hover { .btn-primary:hover {
@ -1692,7 +1692,7 @@ body.o_edit_mode {
} }
.footer-cta-bar { .footer-cta-bar {
background-color: #e50000 !important; background-color: #e5b945 !important;
border-radius: 15px; border-radius: 15px;
.icon-circle { .icon-circle {
@ -1705,7 +1705,7 @@ body.o_edit_mode {
justify-content: center; justify-content: center;
i { i {
color: #e50000 !important; color: #e5b945 !important;
font-size: 20px; font-size: 20px;
} }
} }
@ -1731,7 +1731,7 @@ body.o_edit_mode {
padding-bottom: 50px; padding-bottom: 50px;
.footer-brand-title { .footer-brand-title {
color: #e50000 !important; color: #e5b945 !important;
font-size: 32px; font-size: 32px;
text-transform: capitalize; text-transform: capitalize;
} }
@ -1750,7 +1750,7 @@ body.o_edit_mode {
bottom: 0; bottom: 0;
width: 35px; width: 35px;
height: 2px; height: 2px;
background-color: #e50000; background-color: #e5b945;
} }
} }
@ -1777,7 +1777,7 @@ body.o_edit_mode {
font-size: 15px; font-size: 15px;
i { i {
color: #e50000 !important; color: #e5b945 !important;
font-size: 12px; font-size: 12px;
} }
@ -1787,7 +1787,7 @@ body.o_edit_mode {
transition: all 0.3s ease; transition: all 0.3s ease;
&:hover { &:hover {
color: #e50000 !important; color: #e5b945 !important;
padding-left: 5px; padding-left: 5px;
} }
} }
@ -1795,7 +1795,7 @@ body.o_edit_mode {
} }
.highlight-text { .highlight-text {
color: #e50000 !important; color: #e5b945 !important;
} }
.footer-social-boxes { .footer-social-boxes {
@ -1817,8 +1817,8 @@ body.o_edit_mode {
} }
&:hover { &:hover {
background-color: #e50000; background-color: #e5b945;
border-color: #e50000; border-color: #e5b945;
transform: translateY(-3px); transform: translateY(-3px);
i { i {
@ -1872,7 +1872,7 @@ body.o_edit_mode {
} }
.footer-copyright-bar-new { .footer-copyright-bar-new {
background-color: #e50000 !important; background-color: #e5b945 !important;
color: #0e1317 !important; color: #0e1317 !important;
margin-top: 20px; margin-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1);
@ -1932,8 +1932,8 @@ body.o_edit_mode {
&:hover, &:hover,
&:focus { &:focus {
background-color: #e50000; background-color: #e5b945;
border-color: #e50000; border-color: #e5b945;
color: #0e1317; color: #0e1317;
box-shadow: none; box-shadow: none;
} }
@ -1991,7 +1991,7 @@ body.o_edit_mode {
} }
.hero-subtitle { .hero-subtitle {
color: #e50000; color: #e5b945;
font-family: 'Bebas Neue', sans-serif !important; font-family: 'Bebas Neue', sans-serif !important;
font-weight: 400; font-weight: 400;
letter-spacing: 2.5px; letter-spacing: 2.5px;
@ -2021,7 +2021,7 @@ body.o_edit_mode {
} }
.btn-hero-cta { .btn-hero-cta {
background-color: #e50000 !important; background-color: #e5b945 !important;
color: white !important; color: white !important;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
@ -2041,7 +2041,7 @@ body.o_edit_mode {
&:hover { &:hover {
background-color: white !important; background-color: white !important;
color: #e50000 !important; color: #e5b945 !important;
transform: translateY(-3px); transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(254, 205, 79, 0.4); box-shadow: 0 5px 15px rgba(254, 205, 79, 0.4);
@ -2155,7 +2155,7 @@ body.o_edit_mode {
width: 10px !important; width: 10px !important;
height: 10px !important; height: 10px !important;
border-radius: 50% !important; border-radius: 50% !important;
background-color: #e50000 !important; background-color: #e5b945 !important;
opacity: 0.5; opacity: 0.5;
border: none !important; border: none !important;
margin: 0 6px !important; margin: 0 6px !important;
@ -2245,7 +2245,7 @@ body.o_edit_mode {
.feature-icon-wrapper { .feature-icon-wrapper {
width: 70px; width: 70px;
height: 70px; height: 70px;
background-color: #e50000; background-color: #e5b945;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
@ -2298,7 +2298,7 @@ body.o_edit_mode {
img { img {
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
border: 2px solid #e50000 !important; border: 2px solid #e5b945 !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.05); box-shadow: 0 4px 10px rgba(0,0,0,0.05);
} }
@ -2386,7 +2386,7 @@ body.o_edit_mode {
/* Golden subtitle */ /* Golden subtitle */
.enjoy-subtitle { .enjoy-subtitle {
font-family: 'Bebas Neue', sans-serif !important; font-family: 'Bebas Neue', sans-serif !important;
color: #e50000; color: #e5b945;
font-size: clamp(16px, 2.2vw, 22px); font-size: clamp(16px, 2.2vw, 22px);
letter-spacing: 2px; letter-spacing: 2px;
line-height: 1.3; line-height: 1.3;
@ -2398,8 +2398,8 @@ body.o_edit_mode {
.enjoy-btn-outline { .enjoy-btn-outline {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
border: 2px solid #e50000 !important; border: 2px solid #e5b945 !important;
color: #e50000 !important; color: #e5b945 !important;
background: transparent !important; background: transparent !important;
padding: 10px 28px; padding: 10px 28px;
font-family: 'Bebas Neue', sans-serif !important; font-family: 'Bebas Neue', sans-serif !important;
@ -2410,9 +2410,9 @@ body.o_edit_mode {
transition: all 0.3s ease; transition: all 0.3s ease;
&:hover { &:hover {
background: #e50000 !important; background: #e5b945 !important;
color: #111111 !important; color: #111111 !important;
border-color: #e50000 !important; border-color: #e5b945 !important;
} }
} }
@ -2600,7 +2600,7 @@ body.o_edit_mode {
/* Stars */ /* Stars */
.testi-stars { .testi-stars {
color: #e50000; color: #e5b945;
font-size: 20px; font-size: 20px;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -2694,7 +2694,7 @@ body.o_edit_mode {
} }
.category-btn { .category-btn {
background-color: #e50000; background-color: #e5b945;
color: #04121D; color: #04121D;
font-family: 'Bebas Neue', sans-serif !important; font-family: 'Bebas Neue', sans-serif !important;
font-size: 19px; font-size: 19px;
@ -2719,7 +2719,7 @@ body.o_edit_mode {
.category-btn { .category-btn {
background-color: #04121D; background-color: #04121D;
color: #e50000; color: #e5b945;
} }
} }
} }
@ -2795,7 +2795,7 @@ body.o_edit_mode {
} }
.thali-subtitle { .thali-subtitle {
color: #e50000; color: #e5b945;
font-family: 'Bebas Neue', sans-serif !important; font-family: 'Bebas Neue', sans-serif !important;
font-size: clamp(26px, 3.2vw, 34px); font-size: clamp(26px, 3.2vw, 34px);
letter-spacing: 2px; letter-spacing: 2px;
@ -2812,7 +2812,7 @@ body.o_edit_mode {
} }
.btn-thali-day { .btn-thali-day {
background-color: #e50000 !important; background-color: #e5b945 !important;
color: #04121D !important; color: #04121D !important;
font-family: 'Bebas Neue', sans-serif !important; font-family: 'Bebas Neue', sans-serif !important;
font-size: 16px; font-size: 16px;
@ -2848,8 +2848,8 @@ body.o_edit_mode {
justify-content: center; justify-content: center;
&:hover { &:hover {
background-color: #e50000 !important; background-color: #e5b945 !important;
border-color: #e50000 !important; border-color: #e5b945 !important;
color: #04121D !important; color: #04121D !important;
transform: translateY(-3px); transform: translateY(-3px);
} }
@ -2969,7 +2969,7 @@ body.o_edit_mode {
height: 65px; height: 65px;
object-fit: cover; object-fit: cover;
border-radius: 50%; border-radius: 50%;
border: 2px solid #e50000 !important; border: 2px solid #e5b945 !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.05); 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); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
} }
@ -2991,7 +2991,7 @@ body.o_edit_mode {
.price-text { .price-text {
font-family: 'Bebas Neue', sans-serif !important; font-family: 'Bebas Neue', sans-serif !important;
font-size: 18px; font-size: 18px;
color: #e50000 !important; color: #e5b945 !important;
font-weight: 700; font-weight: 700;
} }
@ -3013,7 +3013,7 @@ body.o_edit_mode {
} }
.btn-menu-view-all { .btn-menu-view-all {
background-color: #e50000 !important; background-color: #e5b945 !important;
color: #04121D !important; color: #04121D !important;
font-family: 'Bebas Neue', sans-serif !important; font-family: 'Bebas Neue', sans-serif !important;
font-size: 16px; font-size: 16px;
@ -3031,7 +3031,7 @@ body.o_edit_mode {
transform: translateY(-3px); transform: translateY(-3px);
box-shadow: 0 4px 15px rgba(254, 205, 79, 0.4); box-shadow: 0 4px 15px rgba(254, 205, 79, 0.4);
background-color: #04121D !important; background-color: #04121D !important;
color: #e50000 !important; color: #e5b945 !important;
} }
} }
} }
@ -3108,7 +3108,7 @@ body.o_edit_mode {
} }
/* About Us V2 Custom Styles */ /* About Us V2 Custom Styles */
.hover-yellow:hover { .hover-yellow:hover {
color: #e50000 !important; color: #e5b945 !important;
} }
.floating-img { .floating-img {
@ -3152,7 +3152,7 @@ body.o_edit_mode {
} }
.icon-circle:hover { .icon-circle:hover {
background-color: #e50000; background-color: #e5b945;
} }
.icon-circle:hover i { .icon-circle:hover i {

12
addons/dine360_theme_shivasakthi/views/about_page.xml
View File

@ -13,7 +13,7 @@
<nav aria-label="breadcrumb" class="d-flex justify-content-center"> <nav aria-label="breadcrumb" class="d-flex justify-content-center">
<ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 500;"> <ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 500;">
<li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none hover-yellow">Home</a></li> <li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none hover-yellow">Home</a></li>
<li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">About Us</li> <li class="breadcrumb-item active" style="color: #e5b945;" aria-current="page">About Us</li>
</ol> </ol>
</nav> </nav>
</div> </div>
@ -27,7 +27,7 @@
<img src="/dine360_theme_shivasakthi/static/src/img/about_v2/vada.png" alt="Vada Dish" class="img-fluid floating-img"/> <img src="/dine360_theme_shivasakthi/static/src/img/about_v2/vada.png" alt="Vada Dish" class="img-fluid floating-img"/>
</div> </div>
<div class="col-lg-6 ps-lg-5"> <div class="col-lg-6 ps-lg-5">
<h6 class="text-uppercase mb-2 fw-bold" style="color: #e50000; font-size: 14px; letter-spacing: 1px;">Experience South Indian Cuisine Like Never Before!</h6> <h6 class="text-uppercase mb-2 fw-bold" style="color: #e5b945; font-size: 14px; letter-spacing: 1px;">Experience South Indian Cuisine Like Never Before!</h6>
<h2 class="display-4 fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; color: #111;">Where Flavor Meets Festivity</h2> <h2 class="display-4 fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; color: #111;">Where Flavor Meets Festivity</h2>
<p class="text-muted mb-4" style="font-size: 16px; line-height: 1.8;"> <p class="text-muted mb-4" style="font-size: 16px; line-height: 1.8;">
@ -76,7 +76,7 @@
<section class="s_about_live_melodies position-relative text-center" style="background-image: url('/dine360_theme_shivasakthi/static/src/img/about_v2/skewers_bg.png'); background-attachment: fixed; background-size: cover; background-position: center; padding: 120px 0;"> <section class="s_about_live_melodies position-relative text-center" style="background-image: url('/dine360_theme_shivasakthi/static/src/img/about_v2/skewers_bg.png'); background-attachment: fixed; background-size: cover; background-position: center; padding: 120px 0;">
<div class="position-absolute w-100 h-100" style="top: 0; left: 0; background-color: rgba(0,0,0,0.75); z-index: 1;"></div> <div class="position-absolute w-100 h-100" style="top: 0; left: 0; background-color: rgba(0,0,0,0.75); z-index: 1;"></div>
<div class="container position-relative text-white" style="z-index: 2;"> <div class="container position-relative text-white" style="z-index: 2;">
<h6 class="text-uppercase mb-3 fw-bold" style="color: #e50000; font-size: 14px; letter-spacing: 2px;">Dine-In And Experience South Indian Culture And Vibes!</h6> <h6 class="text-uppercase mb-3 fw-bold" style="color: #e5b945; font-size: 14px; letter-spacing: 2px;">Dine-In And Experience South Indian Culture And Vibes!</h6>
<h2 class="display-3 fw-bold text-uppercase mb-0" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 2px;">Indian Flavors With Live Melodies</h2> <h2 class="display-3 fw-bold text-uppercase mb-0" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 2px;">Indian Flavors With Live Melodies</h2>
</div> </div>
</section> </section>
@ -86,7 +86,7 @@
<div class="container pt-5 pb-5"> <div class="container pt-5 pb-5">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-lg-6 pe-lg-5"> <div class="col-lg-6 pe-lg-5">
<h6 class="text-uppercase mb-2 fw-bold" style="color: #e50000; font-size: 14px; letter-spacing: 1px;">Discover True South Indian Taste At Shiva Sakthi</h6> <h6 class="text-uppercase mb-2 fw-bold" style="color: #e5b945; font-size: 14px; letter-spacing: 1px;">Discover True South Indian Taste At Shiva Sakthi</h6>
<h2 class="display-4 fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; color: #111;">Authentic Flavors,<br/>Unforgettable Moments</h2> <h2 class="display-4 fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; color: #111;">Authentic Flavors,<br/>Unforgettable Moments</h2>
<p class="text-muted mb-3" style="font-size: 16px; line-height: 1.8;"> <p class="text-muted mb-3" style="font-size: 16px; line-height: 1.8;">
@ -108,7 +108,7 @@
<section class="s_about_cta position-relative overflow-hidden"> <section class="s_about_cta position-relative overflow-hidden">
<div class="row g-0"> <div class="row g-0">
<!-- Left Yellow Section --> <!-- Left Yellow Section -->
<div class="col-lg-6 position-relative d-flex align-items-center" style="background-color: #e50000; padding: 100px 50px;"> <div class="col-lg-6 position-relative d-flex align-items-center" style="background-color: #e5b945; padding: 100px 50px;">
<!-- Subtle Texture Overlay (Optional) --> <!-- Subtle Texture Overlay (Optional) -->
<div class="w-100" style="max-width: 500px; margin-left: auto; margin-right: auto; padding-right: 50px;"> <div class="w-100" style="max-width: 500px; margin-left: auto; margin-right: auto; padding-right: 50px;">
<h6 class="text-uppercase mb-3 fw-bold text-white" style="font-size: 14px; letter-spacing: 1px;">Experience Authentic South Indian Food</h6> <h6 class="text-uppercase mb-3 fw-bold text-white" style="font-size: 14px; letter-spacing: 1px;">Experience Authentic South Indian Food</h6>
@ -131,7 +131,7 @@
<img src="/dine360_theme_shivasakthi/static/src/img/about_v2/feedback_dish.jpg" alt="Feedback Dish" class="img-fluid w-100 h-100" style="object-fit: cover; min-height: 500px;"/> <img src="/dine360_theme_shivasakthi/static/src/img/about_v2/feedback_dish.jpg" alt="Feedback Dish" class="img-fluid w-100 h-100" style="object-fit: cover; min-height: 500px;"/>
</div> </div>
<!-- Right Yellow Section --> <!-- Right Yellow Section -->
<div class="col-lg-6 position-relative d-flex align-items-center text-center" style="background-color: #e50000; padding: 100px 50px;"> <div class="col-lg-6 position-relative d-flex align-items-center text-center" style="background-color: #e5b945; padding: 100px 50px;">
<div class="w-100" style="max-width: 600px; margin: 0 auto;"> <div class="w-100" style="max-width: 600px; margin: 0 auto;">
<h2 class="display-4 fw-bold text-uppercase text-white mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px;">What Have Lot's Off Happy Customer<br/>Explore Feedback</h2> <h2 class="display-4 fw-bold text-uppercase text-white mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px;">What Have Lot's Off Happy Customer<br/>Explore Feedback</h2>

4
addons/dine360_theme_shivasakthi/views/blog_detail_page.xml
View File

@ -22,7 +22,7 @@
position: absolute; position: absolute;
left: 0; left: 0;
top: 0px; top: 0px;
color: #e50000; color: #e5b945;
font-weight: 900; font-weight: 900;
font-size: 18px; font-size: 18px;
} }
@ -39,7 +39,7 @@
<ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;"> <ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;">
<li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li> <li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li>
<li class="breadcrumb-item"><a href="/blog" class="text-white text-decoration-none" style="opacity: 0.8;">Blog</a></li> <li class="breadcrumb-item"><a href="/blog" class="text-white text-decoration-none" style="opacity: 0.8;">Blog</a></li>
<li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">Blog Details</li> <li class="breadcrumb-item active" style="color: #e5b945;" aria-current="page">Blog Details</li>
</ol> </ol>
</nav> </nav>
</div> </div>

6
addons/dine360_theme_shivasakthi/views/blog_page.xml
View File

@ -13,7 +13,7 @@
<nav aria-label="breadcrumb" class="d-flex justify-content-center"> <nav aria-label="breadcrumb" class="d-flex justify-content-center">
<ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;"> <ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;">
<li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li> <li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li>
<li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">Blog</li> <li class="breadcrumb-item active" style="color: #e5b945;" aria-current="page">Blog</li>
</ol> </ol>
</nav> </nav>
</div> </div>
@ -25,7 +25,7 @@
<!-- Header --> <!-- Header -->
<div class="row mb-5"> <div class="row mb-5">
<div class="col-12 text-center"> <div class="col-12 text-center">
<h6 class="d-flex align-items-center justify-content-center mb-3" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;"> <h6 class="d-flex align-items-center justify-content-center mb-3" style="color: #e5b945; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
BLOG BLOG
</h6> </h6>
<h2 class="display-4 fw-bold mb-4" style="color: #04121D; font-size: 48px;">News &amp; Articles</h2> <h2 class="display-4 fw-bold mb-4" style="color: #04121D; font-size: 48px;">News &amp; Articles</h2>
@ -40,7 +40,7 @@
<a t-attf-href="/blog/#{blog.get('slug')}"> <a t-attf-href="/blog/#{blog.get('slug')}">
<img t-att-src="blog.get('image')" t-att-alt="blog.get('title')" class="img-fluid w-100 h-100" style="object-fit: cover; transition: transform 0.5s ease;"/> <img t-att-src="blog.get('image')" t-att-alt="blog.get('title')" class="img-fluid w-100 h-100" style="object-fit: cover; transition: transform 0.5s ease;"/>
</a> </a>
<div class="date-badge position-absolute" style="bottom: 10px; left: 15px; width: 50px; height: 65px; background: #e50000; color: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 700; line-height: 1.1; box-shadow: 0 4px 10px rgba(0,0,0,0.1); z-index: 5;"> <div class="date-badge position-absolute" style="bottom: 10px; left: 15px; width: 50px; height: 65px; background: #e5b945; color: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 700; line-height: 1.1; box-shadow: 0 4px 10px rgba(0,0,0,0.1); z-index: 5;">
<span style="font-size: 22px; display: block;" t-esc="blog.get('day')"/> <span style="font-size: 22px; display: block;" t-esc="blog.get('day')"/>
<span style="font-size: 11px; text-transform: uppercase;" t-esc="blog.get('month')"/> <span style="font-size: 11px; text-transform: uppercase;" t-esc="blog.get('month')"/>
</div> </div>

16
addons/dine360_theme_shivasakthi/views/contact_page.xml
View File

@ -13,7 +13,7 @@
<nav aria-label="breadcrumb" class="d-flex justify-content-center"> <nav aria-label="breadcrumb" class="d-flex justify-content-center">
<ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 500;"> <ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 500;">
<li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none hover-yellow">Home</a></li> <li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none hover-yellow">Home</a></li>
<li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">Contact</li> <li class="breadcrumb-item active" style="color: #e5b945;" aria-current="page">Contact</li>
</ol> </ol>
</nav> </nav>
</div> </div>
@ -23,7 +23,7 @@
<section class="s_contact_get_in_touch pt-5 pb-5 bg-white position-relative" style="z-index: 10;"> <section class="s_contact_get_in_touch pt-5 pb-5 bg-white position-relative" style="z-index: 10;">
<div class="container pt-5 pb-5"> <div class="container pt-5 pb-5">
<div class="text-center mb-5"> <div class="text-center mb-5">
<h6 style="color: #e50000; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 15px;">Contact Us</h6> <h6 style="color: #e5b945; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 15px;">Contact Us</h6>
<h2 class="display-5 fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; color: #111;">Get In Touch With Us</h2> <h2 class="display-5 fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; color: #111;">Get In Touch With Us</h2>
<p class="text-muted" style="max-width: 900px; margin: 0 auto; font-size: 15px; line-height: 1.8;"> <p class="text-muted" style="max-width: 900px; margin: 0 auto; font-size: 15px; line-height: 1.8;">
We're always happy to connect with you at Shiva Sakthi Restaurant. Conveniently located in a prime and easily accessible area, our restaurant welcomes guests who are looking for fresh, authentic South Indian meals served with care. Whether you want to make a reservation, check our menu, place a takeaway order, or inquire about catering services, our team is ready to assist you. Visitors can reach us by phone, email, or through the contact form on this page. We aim to respond quickly to all inquiries and ensure every guest enjoys a smooth experience. Drop by, get in touch, or simply say hello - we look forward to serving you. We're always happy to connect with you at Shiva Sakthi Restaurant. Conveniently located in a prime and easily accessible area, our restaurant welcomes guests who are looking for fresh, authentic South Indian meals served with care. Whether you want to make a reservation, check our menu, place a takeaway order, or inquire about catering services, our team is ready to assist you. Visitors can reach us by phone, email, or through the contact form on this page. We aim to respond quickly to all inquiries and ensure every guest enjoys a smooth experience. Drop by, get in touch, or simply say hello - we look forward to serving you.
@ -35,7 +35,7 @@
<div class="col-lg-4 col-md-6"> <div class="col-lg-4 col-md-6">
<div class="contact-dark-card d-flex align-items-center p-4 h-100"> <div class="contact-dark-card d-flex align-items-center p-4 h-100">
<div class="icon-box bg-white d-flex align-items-center justify-content-center me-4"> <div class="icon-box bg-white d-flex align-items-center justify-content-center me-4">
<i class="fa fa-phone" style="color: #e50000; font-size: 20px;"></i> <i class="fa fa-phone" style="color: #e5b945; font-size: 20px;"></i>
</div> </div>
<div> <div>
<h6 class="text-white fw-bold mb-1" style="font-size: 16px;">Call Us</h6> <h6 class="text-white fw-bold mb-1" style="font-size: 16px;">Call Us</h6>
@ -47,7 +47,7 @@
<div class="col-lg-4 col-md-6"> <div class="col-lg-4 col-md-6">
<div class="contact-dark-card d-flex align-items-center p-4 h-100"> <div class="contact-dark-card d-flex align-items-center p-4 h-100">
<div class="icon-box bg-white d-flex align-items-center justify-content-center me-4"> <div class="icon-box bg-white d-flex align-items-center justify-content-center me-4">
<i class="fa fa-envelope-o" style="color: #e50000; font-size: 20px;"></i> <i class="fa fa-envelope-o" style="color: #e5b945; font-size: 20px;"></i>
</div> </div>
<div> <div>
<h6 class="text-white fw-bold mb-1" style="font-size: 16px;">Email Address</h6> <h6 class="text-white fw-bold mb-1" style="font-size: 16px;">Email Address</h6>
@ -59,7 +59,7 @@
<div class="col-lg-4 col-md-6"> <div class="col-lg-4 col-md-6">
<div class="contact-dark-card d-flex align-items-center p-4 h-100"> <div class="contact-dark-card d-flex align-items-center p-4 h-100">
<div class="icon-box bg-white d-flex align-items-center justify-content-center me-4"> <div class="icon-box bg-white d-flex align-items-center justify-content-center me-4">
<i class="fa fa-map-marker" style="color: #e50000; font-size: 20px;"></i> <i class="fa fa-map-marker" style="color: #e5b945; font-size: 20px;"></i>
</div> </div>
<div> <div>
<h6 class="text-white fw-bold mb-1" style="font-size: 16px;">Location</h6> <h6 class="text-white fw-bold mb-1" style="font-size: 16px;">Location</h6>
@ -119,7 +119,7 @@
<!-- Submit Button --> <!-- Submit Button -->
<div class="col-12 mt-4"> <div class="col-12 mt-4">
<button type="submit" class="btn fw-bold text-white px-4 py-3 text-uppercase" style="background-color: #e50000; border: none; font-size: 14px; letter-spacing: 1px; border-radius: 2px;"> <button type="submit" class="btn fw-bold text-white px-4 py-3 text-uppercase" style="background-color: #e5b945; border: none; font-size: 14px; letter-spacing: 1px; border-radius: 2px;">
Send Message Us <i class="fa fa-paper-plane ms-2"></i> Send Message Us <i class="fa fa-paper-plane ms-2"></i>
</button> </button>
</div> </div>
@ -148,11 +148,11 @@
<section class="pt120 pb120" style="background-color: #F9F6F0;"> <section class="pt120 pb120" style="background-color: #F9F6F0;">
<div class="container text-center"> <div class="container text-center">
<div class="mb-4"> <div class="mb-4">
<i class="fa fa-check-circle-o fa-5x" style="color: #e50000;"></i> <i class="fa fa-check-circle-o fa-5x" style="color: #e5b945;"></i>
</div> </div>
<h1 class="display-3 fw-bold mb-3" style="color: #04121D;">Thank You!</h1> <h1 class="display-3 fw-bold mb-3" style="color: #04121D;">Thank You!</h1>
<p class="lead text-muted mb-5">Your message has been successfully sent to us.<br/>We will get back to you as soon as possible.</p> <p class="lead text-muted mb-5">Your message has been successfully sent to us.<br/>We will get back to you as soon as possible.</p>
<a href="/" class="btn btn-lg flat" style="background-color: #e50000; color: #04121D; font-weight: 700; padding: 15px 40px; border-radius: 4px; text-transform: uppercase;">Back to Home</a> <a href="/" class="btn btn-lg flat" style="background-color: #e5b945; color: #04121D; font-weight: 700; padding: 15px 40px; border-radius: 4px; text-transform: uppercase;">Back to Home</a>
</div> </div>
</section> </section>
</div> </div>

8
addons/dine360_theme_shivasakthi/views/faq_page.xml
View File

@ -14,7 +14,7 @@
<ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;"> <ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;">
<li class="breadcrumb-item"><a href="/home" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li> <li class="breadcrumb-item"><a href="/home" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li>
<!-- Separator (manual or via CSS, bootstrap adds /) --> <!-- Separator (manual or via CSS, bootstrap adds /) -->
<li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">FAQ</li> <li class="breadcrumb-item active" style="color: #e5b945;" aria-current="page">FAQ</li>
</ol> </ol>
</nav> </nav>
</div> </div>
@ -29,7 +29,7 @@
<div class="col-lg-7 mb-5 mb-lg-0"> <div class="col-lg-7 mb-5 mb-lg-0">
<div class="pe-lg-5"> <div class="pe-lg-5">
<!-- Title --> <!-- Title -->
<h6 class="d-flex align-items-center mb-3" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;"> <h6 class="d-flex align-items-center mb-3" style="color: #e5b945; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
Shivasakthi Shivasakthi
</h6> </h6>
<h2 class="display-5 fw-bold mb-5" style="color: #04121D;">Frequently Asked Questions</h2> <h2 class="display-5 fw-bold mb-5" style="color: #04121D;">Frequently Asked Questions</h2>
@ -189,12 +189,12 @@
<!-- Custom Navigation Arrows (centered vertically, appearing on sides) --> <!-- Custom Navigation Arrows (centered vertically, appearing on sides) -->
<button class="carousel-control-prev" type="button" data-bs-target="#faqPageCarousel" data-bs-slide="prev" style="opacity: 1;"> <button class="carousel-control-prev" type="button" data-bs-target="#faqPageCarousel" data-bs-slide="prev" style="opacity: 1;">
<span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #e50000; border-radius: 50%; color: #04121D; position: absolute; left: 20px;"> <span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #e5b945; border-radius: 50%; color: #04121D; position: absolute; left: 20px;">
<i class="fa fa-arrow-left"></i> <i class="fa fa-arrow-left"></i>
</span> </span>
</button> </button>
<button class="carousel-control-next" type="button" data-bs-target="#faqPageCarousel" data-bs-slide="next" style="opacity: 1;"> <button class="carousel-control-next" type="button" data-bs-target="#faqPageCarousel" data-bs-slide="next" style="opacity: 1;">
<span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #e50000; border-radius: 50%; color: #04121D; position: absolute; right: 20px;"> <span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #e5b945; border-radius: 50%; color: #04121D; position: absolute; right: 20px;">
<i class="fa fa-arrow-right"></i> <i class="fa fa-arrow-right"></i>
</span> </span>
</button> </button>

12
addons/dine360_theme_shivasakthi/views/layout.xml
View File

@ -100,8 +100,8 @@
t-esc="website_sale_order.cart_quantity" t-esc="website_sale_order.cart_quantity"
style="font-size: 0.75rem; padding: 0.35em 0.6em; border: 2px solid #111;"/> style="font-size: 0.75rem; padding: 0.35em 0.6em; border: 2px solid #111;"/>
</a> </a>
<a href="/shop" class="btn btn-order-now px-4 py-2 d-inline-flex align-items-center"> <a href="/reservation" class="btn btn-order-now px-4 py-2 d-inline-flex align-items-center">
ORDER NOW <i class="fa fa-long-arrow-right ms-2"></i> RESERVATION <i class="fa fa-long-arrow-right ms-2"></i>
</a> </a>
</div> </div>
</div> </div>
@ -169,8 +169,8 @@
<div class="col-lg-3 col-md-6 mb-4"> <div class="col-lg-3 col-md-6 mb-4">
<h5 class="footer-column-title fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; font-size: 20px;">OPENING HOUR</h5> <h5 class="footer-column-title fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; font-size: 20px;">OPENING HOUR</h5>
<div class="hours-list" style="font-size: 14px; line-height: 1.8;"> <div class="hours-list" style="font-size: 14px; line-height: 1.8;">
<p class="mb-2 text-white">Monday – Friday: <span style="color: #e50000;">11.30 am - 10.00 pm</span></p> <p class="mb-2 text-white">Monday – Friday: <span style="color: #e5b945;">11.30 am - 10.00 pm</span></p>
<p class="mb-0 text-white">Saturday, Sunday: <span style="color: #e50000;">12.00 pm - 10.00 pm</span></p> <p class="mb-0 text-white">Saturday, Sunday: <span style="color: #e5b945;">12.00 pm - 10.00 pm</span></p>
</div> </div>
</div> </div>
</div> </div>
@ -180,13 +180,13 @@
<div class="footer-copyright-bar" style="border-top: 1px solid rgba(255,255,255,0.05); padding: 20px 0;"> <div class="footer-copyright-bar" style="border-top: 1px solid rgba(255,255,255,0.05); padding: 20px 0;">
<div class="container text-center"> <div class="container text-center">
<p class="mb-0" style="font-size: 13px; color: #dcdcdc;"> <p class="mb-0" style="font-size: 13px; color: #dcdcdc;">
Copyright 2026 © Shiva Sakthi Restaurant. Powered by <span style="color: #e50000;">MetatronCube</span>. All Right Reserved. Copyright 2026 © Shiva Sakthi Restaurant. Powered by <span style="color: #e5b945;">MetatronCube</span>. All Right Reserved.
</p> </p>
</div> </div>
</div> </div>
<!-- Scroll to Top Button --> <!-- Scroll to Top Button -->
<!-- <a href="#" class="scroll-to-top" style="position: absolute; right: 30px; bottom: 30px; background-color: #e50000; color: #ffffff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <!-- <a href="#" class="scroll-to-top" style="position: absolute; right: 30px; bottom: 30px; background-color: #e5b945; color: #ffffff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.3);">
<i class="fa fa-arrow-up"></i> <i class="fa fa-arrow-up"></i>
</a> --> </a> -->
</section> </section>

14
addons/dine360_theme_shivasakthi/views/pages.xml
View File

@ -144,7 +144,7 @@
<!-- Right Content Side --> <!-- Right Content Side -->
<div class="col-lg-6 ps-lg-5 o_colored_level"> <div class="col-lg-6 ps-lg-5 o_colored_level">
<div class="about-content"> <div class="about-content">
<h6 class="d-flex align-items-center mb-3" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;"> <h6 class="d-flex align-items-center mb-3" style="color: #e5b945; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
Real . authentic . South Indian Real . authentic . South Indian
</h6> </h6>
<h2 class="display-4 fw-bold mb-4" style="color: #04121D; line-height: 1.2;">Welcome to Shiva Sakthi Restaurant</h2> <h2 class="display-4 fw-bold mb-4" style="color: #04121D; line-height: 1.2;">Welcome to Shiva Sakthi Restaurant</h2>
@ -154,10 +154,10 @@
<!-- CTA Buttons --> <!-- CTA Buttons -->
<div class="d-flex flex-wrap align-items-center gap-4 pt-2"> <div class="d-flex flex-wrap align-items-center gap-4 pt-2">
<a href="/about" class="btn btn-lg flat d-inline-flex align-items-center" style="background-color: #e50000; color: #04121D; font-weight: 700; padding: 15px 35px; border-radius: 5px; text-transform: uppercase; font-size: 14px; border: none;"> <a href="/about" class="btn btn-lg flat d-inline-flex align-items-center" style="background-color: #e5b945; color: #04121D; font-weight: 700; padding: 15px 35px; border-radius: 5px; text-transform: uppercase; font-size: 14px; border: none;">
LEARN MORE US <i class="fa fa-long-arrow-right ms-2"/> LEARN MORE US <i class="fa fa-long-arrow-right ms-2"/>
</a> </a>
<a href="/shop" class="fw-bold text-dark text-decoration-none d-inline-flex align-items-center" style="font-size: 14px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 2px solid #e50000; padding-bottom: 3px;"> <a href="/shop" class="fw-bold text-dark text-decoration-none d-inline-flex align-items-center" style="font-size: 14px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 2px solid #e5b945; padding-bottom: 3px;">
EXPLORE POPULAR MENU <i class="fa fa-long-arrow-right ms-2"/> EXPLORE POPULAR MENU <i class="fa fa-long-arrow-right ms-2"/>
</a> </a>
</div> </div>
@ -175,7 +175,7 @@
<div class="col-lg-8 col-md-10"> <div class="col-lg-8 col-md-10">
<div class="row g-0 overflow-hidden shadow-lg stats-box-row" style="background: transparent;"> <div class="row g-0 overflow-hidden shadow-lg stats-box-row" style="background: transparent;">
<!-- Box 1 --> <!-- Box 1 -->
<div class="col-4 text-center py-4 px-2 d-flex flex-column align-items-center justify-content-center" style="background-color: #e50000; color: #000; min-height: 170px;"> <div class="col-4 text-center py-4 px-2 d-flex flex-column align-items-center justify-content-center" style="background-color: #e5b945; color: #000; min-height: 170px;">
<h2 class="fw-bold mb-1 stat-counter" data-target="20" data-suffix="+" style="font-size: clamp(32px, 4.5vw, 54px); line-height: 1; font-family: 'Bebas Neue', sans-serif !important;">0+</h2> <h2 class="fw-bold mb-1 stat-counter" data-target="20" data-suffix="+" style="font-size: clamp(32px, 4.5vw, 54px); line-height: 1; font-family: 'Bebas Neue', sans-serif !important;">0+</h2>
<div class="wavy-line mb-3" style="font-size: 14px; font-weight: bold; color: #000; letter-spacing: -2px;">~~~~</div> <div class="wavy-line mb-3" style="font-size: 14px; font-weight: bold; color: #000; letter-spacing: -2px;">~~~~</div>
<p class="text-uppercase fw-bold mb-0" style="font-size: clamp(10px, 1.2vw, 13px); letter-spacing: 0.5px; font-family: 'Bebas Neue', sans-serif !important;">Experience Chefs</p> <p class="text-uppercase fw-bold mb-0" style="font-size: clamp(10px, 1.2vw, 13px); letter-spacing: 0.5px; font-family: 'Bebas Neue', sans-serif !important;">Experience Chefs</p>
@ -187,7 +187,7 @@
<p class="text-uppercase fw-bold mb-0 text-white" style="font-size: clamp(10px, 1.2vw, 13px); letter-spacing: 0.5px; font-family: 'Bebas Neue', sans-serif !important;">Happy Customers</p> <p class="text-uppercase fw-bold mb-0 text-white" style="font-size: clamp(10px, 1.2vw, 13px); letter-spacing: 0.5px; font-family: 'Bebas Neue', sans-serif !important;">Happy Customers</p>
</div> </div>
<!-- Box 3 --> <!-- Box 3 -->
<div class="col-4 text-center py-4 px-2 d-flex flex-column align-items-center justify-content-center" style="background-color: #e50000; color: #000; min-height: 170px;"> <div class="col-4 text-center py-4 px-2 d-flex flex-column align-items-center justify-content-center" style="background-color: #e5b945; color: #000; min-height: 170px;">
<h2 class="fw-bold mb-1 stat-counter" data-target="40" data-suffix="+" style="font-size: clamp(32px, 4.5vw, 54px); line-height: 1; font-family: 'Bebas Neue', sans-serif !important;">0+</h2> <h2 class="fw-bold mb-1 stat-counter" data-target="40" data-suffix="+" style="font-size: clamp(32px, 4.5vw, 54px); line-height: 1; font-family: 'Bebas Neue', sans-serif !important;">0+</h2>
<div class="wavy-line mb-3" style="font-size: 14px; font-weight: bold; color: #000; letter-spacing: -2px;">~~~~</div> <div class="wavy-line mb-3" style="font-size: 14px; font-weight: bold; color: #000; letter-spacing: -2px;">~~~~</div>
<p class="text-uppercase fw-bold mb-0" style="font-size: clamp(10px, 1.2vw, 13px); letter-spacing: 0.5px; font-family: 'Bebas Neue', sans-serif !important;">Favorite Dishes</p> <p class="text-uppercase fw-bold mb-0" style="font-size: clamp(10px, 1.2vw, 13px); letter-spacing: 0.5px; font-family: 'Bebas Neue', sans-serif !important;">Favorite Dishes</p>
@ -208,7 +208,7 @@
<!-- Header --> <!-- Header -->
<div class="row mb-5"> <div class="row mb-5">
<div class="col-12 text-center"> <div class="col-12 text-center">
<h6 class="mb-3" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important;">SOUTH INDIAN AND NORTH INDIAN</h6> <h6 class="mb-3" style="color: #e5b945; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important;">SOUTH INDIAN AND NORTH INDIAN</h6>
<h2 class="display-4 fw-bold" style="color: #04121D; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 46px; letter-spacing: 1px;">Popular Dishes</h2> <h2 class="display-4 fw-bold" style="color: #04121D; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 46px; letter-spacing: 1px;">Popular Dishes</h2>
</div> </div>
</div> </div>
@ -361,7 +361,7 @@
<!-- Header --> <!-- Header -->
<div class="row mb-5"> <div class="row mb-5">
<div class="col-12 text-center"> <div class="col-12 text-center">
<h6 class="mb-2" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 16px;">POPULAR MENU</h6> <h6 class="mb-2" style="color: #e5b945; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 16px;">POPULAR MENU</h6>
<h2 class="display-4 fw-bold" style="color: #04121D; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 46px; letter-spacing: 1px; line-height: 1.2;">FROM AUTHENTIC INDIAN KITCHEN</h2> <h2 class="display-4 fw-bold" style="color: #04121D; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 46px; letter-spacing: 1px; line-height: 1.2;">FROM AUTHENTIC INDIAN KITCHEN</h2>
</div> </div>
</div> </div>

2
addons/dine360_theme_shivasakthi/views/product_details_page.xml
View File

@ -31,7 +31,7 @@
<!-- <div class="o_wsale_products_breadcrumb mb-3"> <!-- <div class="o_wsale_products_breadcrumb mb-3">
<ul class="breadcrumb bg-transparent p-0 small"> <ul class="breadcrumb bg-transparent p-0 small">
<li class="breadcrumb-item"><a href="/shop" class="text-secondary text-decoration-none">All Products</a></li> <li class="breadcrumb-item"><a href="/shop" class="text-secondary text-decoration-none">All Products</a></li>
<li class="breadcrumb-item active fw-bold" style="color: #e50000;"><span t-field="product.name"/></li> <li class="breadcrumb-item active fw-bold" style="color: #e5b945;"><span t-field="product.name"/></li>
</ul> </ul>
</div> --> </div> -->