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

Compare commits

base: MetatroncubeSoftwareSolutions:a03985749fecff88ad2aefcaadbdd03b65ea7a38
Branches Tags
MetatroncubeSoftwareSolutions:main
..
compare: MetatroncubeSoftwareSolutions:7dc0ee3247aeb0c6490d07b05207c443422b7452
Branches Tags
MetatroncubeSoftwareSolutions:main

No commits in common. "a03985749fecff88ad2aefcaadbdd03b65ea7a38" and "7dc0ee3247aeb0c6490d07b05207c443422b7452" have entirely different histories.
a03985749f ... 7dc0ee3247

43 changed files with 260 additions and 356 deletions
Show Stats Expand all files Collapse all files

9
addons/dine360_dashboard/controllers/main.py
View File

@ -80,12 +80,7 @@ class ImageHome(Website):
# User requested to hide all standard apps and POS/KDS. # User requested to hide all standard apps and POS/KDS.
# Only allow specific menus based on user request + admin tools. # Only allow specific menus based on user request + admin tools.
allowed_menus = ['Online Orders', 'Website', 'Table Reservations', 'Uber Integration', 'Apps', 'Settings', 'Dine360 SaaS'] allowed_menus = ['Online Orders', 'Website', 'Table Reservations', 'Uber Integration', 'Apps', 'Settings']
# Hide 'Website' icon from the parent level Dine360Restaurants database
if request.env.cr.dbname and 'Dine360Restaurants' in request.env.cr.dbname:
if 'Website' in allowed_menus:
allowed_menus.remove('Website')
filtered_menus = [] filtered_menus = []
seen_names = set() seen_names = set()
@ -111,8 +106,6 @@ class ImageHome(Website):
'Table Reservations': 'dine360_dashboard,static/src/img/icons/table_reservation.svg', 'Table Reservations': 'dine360_dashboard,static/src/img/icons/table_reservation.svg',
'Uber Integration': 'dine360_dashboard,static/src/img/icons/uber_integration.svg', 'Uber Integration': 'dine360_dashboard,static/src/img/icons/uber_integration.svg',
'Online Orders': 'dine360_dashboard,static/src/img/icons/website.svg', 'Online Orders': 'dine360_dashboard,static/src/img/icons/website.svg',
'Dine360 SaaS': 'dine360_dashboard,static/src/img/icons/saas.svg',
'SaaS': 'dine360_dashboard,static/src/img/icons/saas.svg',
} }
# Find the best match in the mapping # Find the best match in the mapping

22
addons/dine360_dashboard/static/src/css/home_menu.css
View File

@ -57,15 +57,15 @@ body.o_home_dashboard,
.o_app:hover .o_app_icon_container { .o_app:hover .o_app_icon_container {
transform: translateY(-10px) rotate(2deg) !important; transform: translateY(-10px) rotate(2deg) !important;
background: #ffffff !important; background: #ffffff !important;
border-bottom: 2px solid #e50000 !important; border-bottom: 2px solid #d6111e !important;
box-shadow: box-shadow:
0 20px 25px -5px rgba(229, 0, 0, 0.2), 0 20px 25px -5px rgba(214, 17, 30, 0.2),
0 10px 10px -5px rgba(23, 20, 34, 0.1) !important; 0 10px 10px -5px rgba(23, 20, 34, 0.1) !important;
} }
.o_app_icon_container::before { .o_app_icon_container::before {
content: ""; content: "";
--pos-accent-red: #e50000; --pos-accent-red: #d6111e;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -97,7 +97,7 @@ body.o_home_dashboard,
} }
.o_app:hover .o_app_name { .o_app:hover .o_app_name {
color: #e50000 !important; color: #d6111e !important;
font-weight: 700 !important; font-weight: 700 !important;
} }
@ -120,9 +120,9 @@ body.o_home_dashboard,
backdrop-filter: blur(15px) !important; backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
border-radius: 50px !important; border-radius: 50px !important;
border-color: #e50000 !important; border-color: #d6111e !important;
box-shadow: 0 0 0 3px rgba(229, 0, 0, 0.15) !important; box-shadow: 0 0 0 3px rgba(214, 17, 30, 0.15) !important;
box-shadow: 0 12px 25px rgba(229, 0, 0, 0.3) !important; box-shadow: 0 12px 25px rgba(214, 17, 30, 0.3) !important;
} }
.o_top_item { .o_top_item {
@ -139,7 +139,7 @@ body.o_home_dashboard,
} }
.o_top_item:hover { .o_top_item:hover {
color: #e50000 !important; color: #d6111e !important;
transform: translateY(-3px); transform: translateY(-3px);
} }
@ -152,7 +152,7 @@ body.o_home_dashboard,
.o_ai_icon { .o_ai_icon {
font-weight: 800; font-weight: 800;
color: #e50000 !important; color: #d6111e !important;
} }
.badge_dot { .badge_dot {
@ -161,7 +161,7 @@ body.o_home_dashboard,
right: 8px; right: 8px;
width: 8px; width: 8px;
height: 8px; height: 8px;
background: #e50000 !important; background: #d6111e !important;
border-radius: 50% !important; border-radius: 50% !important;
border: 2px solid white !important; border: 2px solid white !important;
} }
@ -170,7 +170,7 @@ body.o_home_dashboard,
width: 35px !important; width: 35px !important;
height: 35px !important; height: 35px !important;
border-radius: 12px !important; border-radius: 12px !important;
background: #e50000 !important; background: #d6111e !important;
color: white !important; color: white !important;
font-weight: bold !important; font-weight: bold !important;
} }

85
addons/dine360_dashboard/static/src/css/login_style.css
View File

@ -4,7 +4,7 @@
height: 100vh !important; height: 100vh !important;
width: 100vw !important; width: 100vw !important;
overflow: hidden; overflow: hidden;
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/dine360_dashboard/static/src/img/login_bg.png') !important; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/dine360_theme_shivasakthi/static/src/img/shivasakthi-banner-2.webp') !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-position: center center !important; background-position: center center !important;
background-size: cover !important; background-size: cover !important;
@ -76,7 +76,7 @@
font-size: 2rem !important; font-size: 2rem !important;
font-weight: 800 !important; font-weight: 800 !important;
margin-bottom: 10px; margin-bottom: 10px;
color: #e50000 !important; color: #d6111e !important;
} }
/* Logo */ /* Logo */
@ -94,23 +94,9 @@
/* Form Inputs */ /* Form Inputs */
.form-control:focus { .form-control:focus {
border-color: #e50000 !important; border-color: #FECD4F !important;
box-shadow: 0 0 0 3px rgba(229, 0, 0, 0.25) !important; box-shadow: 0 0 0 3px rgba(254, 205, 79, 0.2) !important;
background: rgba(255, 255, 255, 0.15) !important; background: #ffffff !important;
color: #ffffff !important;
}
select.form-control,
.form-control select {
color: #ffffff !important;
background-color: rgba(255, 255, 255, 0.1) !important;
}
select.form-control option,
.form-control select option {
background-color: #1e1e1e !important;
color: #ffffff !important;
padding: 10px !important;
} }
.o_login_form_container label { .o_login_form_container label {
@ -146,23 +132,23 @@ select.form-control option,
/* Login Button with Gradient */ /* Login Button with Gradient */
.oe_login_buttons .btn-primary { .oe_login_buttons .btn-primary {
background: #e50000 !important; background: #FECD4F !important;
border: none !important; border: none !important;
border-radius: 12px !important; border-radius: 12px !important;
padding: 14px !important; padding: 14px !important;
font-weight: 700 !important; font-weight: 700 !important;
font-size: 1rem !important; font-size: 1rem !important;
color: #ffffff !important; color: #04121D !important;
width: 100% !important; width: 100% !important;
transition: all 0.3s ease !important; transition: all 0.3s ease !important;
box-shadow: 0 4px 15px rgba(229, 0, 0, 0.3) !important; box-shadow: 0 4px 15px rgba(254, 205, 79, 0.3) !important;
} }
.oe_login_buttons .btn-primary:hover { .oe_login_buttons .btn-primary:hover {
background: #111111 !important; background: #04121D !important;
color: #ffffff !important; color: #FECD4F !important;
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(229, 0, 0, 0.4) !important; box-shadow: 0 8px 20px rgba(254, 205, 79, 0.4) !important;
} }
@ -251,7 +237,7 @@ body.o_custom_login_body .o_login_main_wrapper {
} }
.o_login_footer_custom a { .o_login_footer_custom a {
color: #e50000; color: #d6111e;
text-decoration: none; text-decoration: none;
font-weight: 600; font-weight: 600;
} }
@ -269,7 +255,7 @@ body.o_custom_login_body .o_login_main_wrapper {
height: 100vh !important; height: 100vh !important;
/* width: 100vw !important; */ /* width: 100vw !important; */
overflow: hidden !important; overflow: hidden !important;
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/dine360_dashboard/static/src/img/login_bg.png') no-repeat center center !important; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/dine360_theme_shivasakthi/static/src/img/shivasakthi-banner-2.webp') no-repeat center center !important;
background-size: cover !important; background-size: cover !important;
} }
@ -291,48 +277,3 @@ body.o_custom_login_body .o_login_main_wrapper {
.oe_website_login_container a { .oe_website_login_container a {
color: #ffffff !important; color: #ffffff !important;
} }
/* Force header yellow elements to brand red on login pages */
header .btn-primary,
header .btn-warning,
header .btn-secondary,
header a.btn,
header button.btn,
header .bg-warning,
header .btn-order-now,
.o_header_main_nav .btn-warning,
.o_header_main_nav .btn-order-now,
.o_header_main_nav .btn-primary,
.o_header_main_nav a.btn {
background-color: #e50000 !important;
border-color: #e50000 !important;
color: #ffffff !important;
}
header .btn-outline-primary,
header .btn-outline-warning,
header .btn-outline-secondary {
border-color: #e50000 !important;
color: #e50000 !important;
}
header .btn-outline-primary:hover,
header .btn-outline-warning:hover,
header .btn-outline-secondary:hover {
background-color: #e50000 !important;
color: #ffffff !important;
}
header .fa-shopping-cart,
header .fa,
header i,
.o_header_main_nav .fa-shopping-cart,
.o_header_main_nav i {
color: #e50000 !important;
}
header .cart-badge,
.o_header_main_nav .cart-badge {
background-color: #e50000 !important;
color: #ffffff !important;
}

12
addons/dine360_dashboard/static/src/css/pos_style.css
View File

@ -1,17 +1,17 @@
/* ======================================== /* ========================================
SHIVASAKTHI RUSH MODE - POS THEME (ULTRA PREMIUM) SHIVASAKTHI RUSH MODE - POS THEME (ULTRA PREMIUM)
======================================== */ ======================================== */
:root { :root {
--pos-primary: #171422; --pos-primary: #171422;
/* Secondary Dark */ /* Secondary Dark */
--pos-secondary: #e50000; --pos-secondary: #d6111e;
/* Main Teal */ /* Main Teal */
--pos-accent-orange: #e66421; --pos-accent-orange: #e66421;
/* Biryani Orange */ /* Biryani Orange */
--pos-accent-gold: #cc9900; --pos-accent-gold: #cc9900;
/* Tandoor Gold */ /* Tandoor Gold */
--pos-accent-red: #e50000; --pos-accent-red: #d6111e;
/* Main Teal */ /* Main Teal */
--pos-bg-main: #f8fafc; --pos-bg-main: #f8fafc;
/* Ultra light gray */ /* Ultra light gray */
@ -81,7 +81,7 @@
/* 2. Header & Branding */ /* 2. Header & Branding */
.pos .pos-topheader { .pos .pos-topheader {
background: #171422 !important; background: #171422 !important;
border-bottom: 2px solid #e50000 !important; border-bottom: 2px solid #d6111e !important;
color: #fff !important; color: #fff !important;
height: 85px !important; height: 85px !important;
display: flex !important; display: flex !important;
@ -154,7 +154,7 @@
} }
.pos .category-button.active { .pos .category-button.active {
background: #e50000 !important; background: #d6111e !important;
color: #ffffff !important; color: #ffffff !important;
} }
@ -285,7 +285,7 @@
display: flex !important; display: flex !important;
align-items: center !important; align-items: center !important;
justify-content: center !important; justify-content: center !important;
box-shadow: 0 12px 25px rgba(229, 0, 0, 0.3) !important; box-shadow: 0 12px 25px rgba(214, 17, 30, 0.3) !important;
border: none !important; border: none !important;
} }

54
addons/dine360_dashboard/static/src/css/theme_variables.css
View File

@ -6,10 +6,10 @@
:root { :root {
/* Primary Brand Colors */ /* Primary Brand Colors */
--primary-color: #e50000; --primary-color: #d6111e;
--primary-dark: #b30000; --primary-dark: #8B0A0E;
--primary-light: #ff6666; --primary-light: #E57373;
--primary-lighter: #ffcccc; --primary-lighter: #FFCDD2;
/* Secondary/Accent Color */ /* Secondary/Accent Color */
--secondary-color: #171422; --secondary-color: #171422;
@ -17,26 +17,26 @@
--secondary-light: #2d293d; --secondary-light: #2d293d;
/* Gradient Combinations Removed - Using Solid Colors */ /* Gradient Combinations Removed - Using Solid Colors */
--gradient-primary: #e50000; --gradient-primary: #d6111e;
--gradient-primary-hover: #b30000; --gradient-primary-hover: #8B0A0E;
/* Home Page Background */ /* Home Page Background */
--bg-gradient-main: #ffffff; --bg-gradient-main: #ffffff;
/* UI Element Colors */ /* UI Element Colors */
--btn-primary-bg: #e50000; --btn-primary-bg: #d6111e;
--link-color: #171422; --link-color: #171422;
--link-hover: #e50000; --link-hover: #d6111e;
/* Status Colors */ /* Status Colors */
--success-color: #171422; --success-color: #171422;
--warning-color: #FECD4F; --warning-color: #FECD4F;
--danger-color: #e50000; --danger-color: #d6111e;
--info-color: #2d293d; --info-color: #2d293d;
/* Shadows */ /* Shadows */
--shadow-primary: 0 4px 15px rgba(229, 0, 0, 0.2); --shadow-primary: 0 4px 15px rgba(214, 17, 30, 0.2);
--shadow-primary-hover: 0 8px 20px rgba(229, 0, 0, 0.3); --shadow-primary-hover: 0 8px 20px rgba(214, 17, 30, 0.3);
--shadow-card: 0 10px 30px rgba(23, 20, 34, 0.08); --shadow-card: 0 10px 30px rgba(23, 20, 34, 0.08);
} }
@ -171,7 +171,7 @@ body,
} }
.o_list_view .o_list_table tbody tr.o_data_row:hover { .o_list_view .o_list_table tbody tr.o_data_row:hover {
background-color: rgba(229, 0, 0, 0.05) !important; background-color: rgba(214, 17, 30, 0.05) !important;
/* Light Red Hover */ /* Light Red Hover */
transform: scale(1.002); transform: scale(1.002);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
@ -225,7 +225,7 @@ body,
padding: 8px 20px !important; padding: 8px 20px !important;
font-weight: 600 !important; font-weight: 600 !important;
letter-spacing: 0.3px; letter-spacing: 0.3px;
box-shadow: 0 4px 12px rgba(229, 0, 0, 0.3) !important; box-shadow: 0 4px 12px rgba(214, 17, 30, 0.3) !important;
color: #fff !important; color: #fff !important;
} }
@ -234,7 +234,7 @@ body,
.o_form_button_create:hover { .o_form_button_create:hover {
background: var(--gradient-primary-hover) !important; background: var(--gradient-primary-hover) !important;
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(229, 0, 0, 0.4) !important; box-shadow: 0 8px 15px rgba(214, 17, 30, 0.4) !important;
} }
/* Secondary Buttons */ /* Secondary Buttons */
@ -262,7 +262,7 @@ body,
.o_form_view .o_input:focus { .o_form_view .o_input:focus {
border-color: var(--secondary-color) !important; border-color: var(--secondary-color) !important;
background-color: #fff !important; background-color: #fff !important;
box-shadow: 0 0 0 3px rgba(229, 0, 0, 0.15) !important; box-shadow: 0 0 0 3px rgba(214, 17, 30, 0.15) !important;
} }
/* --------------------------------------------------------- /* ---------------------------------------------------------
@ -280,7 +280,7 @@ body,
padding: 8px 20px !important; padding: 8px 20px !important;
font-weight: 600 !important; font-weight: 600 !important;
letter-spacing: 0.3px; letter-spacing: 0.3px;
box-shadow: 0 4px 12px rgba(229, 0, 0, 0.3) !important; box-shadow: 0 4px 12px rgba(214, 17, 30, 0.3) !important;
} }
.btn-primary:hover, .btn-primary:hover,
@ -289,7 +289,7 @@ body,
.o_button_import:hover { .o_button_import:hover {
background: var(--gradient-primary-hover) !important; background: var(--gradient-primary-hover) !important;
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(229, 0, 0, 0.4) !important; box-shadow: 0 8px 15px rgba(214, 17, 30, 0.4) !important;
} }
/* --------------------------------------------------------- /* ---------------------------------------------------------
@ -311,8 +311,8 @@ body,
.o_main_navbar .o_menu_sections .show .dropdown-toggle { .o_main_navbar .o_menu_sections .show .dropdown-toggle {
background-color: #ffffff !important; background-color: #ffffff !important;
/* Yellow Active Background */ /* Yellow Active Background */
color: #e50000 !important; color: #d6111e !important;
border-bottom: 2px solid #e50000 !important; border-bottom: 2px solid #d6111e !important;
} }
/* Dashboard Sidebar (Finance/Logistics) */ /* Dashboard Sidebar (Finance/Logistics) */
@ -340,7 +340,7 @@ body,
.o_dashboard_view .o_group_selector li.selected { .o_dashboard_view .o_group_selector li.selected {
background: var(--gradient-primary) !important; background: var(--gradient-primary) !important;
color: #fff !important; color: #fff !important;
box-shadow: 0 4px 10px rgba(229, 0, 0, 0.3) !important; box-shadow: 0 4px 10px rgba(214, 17, 30, 0.3) !important;
} }
/* Dashboard KPI Cards (Invoiced, Average Invoice, DSO) */ /* Dashboard KPI Cards (Invoiced, Average Invoice, DSO) */
@ -357,7 +357,7 @@ body,
.o_dashboard_view .o_group .o_aggregate:hover { .o_dashboard_view .o_group .o_aggregate:hover {
transform: translateY(-5px) !important; transform: translateY(-5px) !important;
box-shadow: 0 10px 25px rgba(229, 0, 0, 0.15) !important; box-shadow: 0 10px 25px rgba(214, 17, 30, 0.15) !important;
border-color: var(--secondary-color) !important; border-color: var(--secondary-color) !important;
} }
@ -434,7 +434,7 @@ a:hover,
.o_input:focus, .o_input:focus,
.o_searchview_input:focus { .o_searchview_input:focus {
border-color: var(--secondary-color) !important; border-color: var(--secondary-color) !important;
box-shadow: 0 0 0 0.2rem rgba(229, 0, 0, 0.25) !important; box-shadow: 0 0 0 0.2rem rgba(214, 17, 30, 0.25) !important;
} }
/* Loading Bar */ /* Loading Bar */
@ -540,7 +540,7 @@ a:hover,
.o_main_navbar .o_menu_apps .o_app_drawer:hover i { .o_main_navbar .o_menu_apps .o_app_drawer:hover i {
color: var(--primary-dark) !important; color: var(--primary-dark) !important;
transform: scale(1.1); transform: scale(1.1);
text-shadow: 0 2px 10px rgba(229, 0, 0, 0.5); text-shadow: 0 2px 10px rgba(214, 17, 30, 0.5);
} }
/* Dropdown Items */ /* Dropdown Items */
@ -559,7 +559,7 @@ a:hover,
.dropdown-item:focus { .dropdown-item:focus {
background: var(--gradient-primary) !important; background: var(--gradient-primary) !important;
color: #fff !important; color: #fff !important;
box-shadow: 0 4px 10px rgba(229, 0, 0, 0.2); box-shadow: 0 4px 10px rgba(214, 17, 30, 0.2);
} }
/* Dropdown Header/Divider */ /* Dropdown Header/Divider */
@ -588,12 +588,12 @@ a:hover,
.o_main_navbar .o_menu_sections .o_nav_entry, .o_main_navbar .o_menu_sections .o_nav_entry,
.o_main_navbar .o_menu_sections .dropdown-toggle { .o_main_navbar .o_menu_sections .dropdown-toggle {
background: #ffffff; background: #ffffff;
border-bottom: 2px solid #e50000; border-bottom: 2px solid #d6111e;
} }
.list-group-item.active { .list-group-item.active {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
background-color: #e50000; background-color: #d6111e;
border-color: #e50000; border-color: #d6111e;
} }

4
addons/dine360_dashboard/static/src/img/icons/apps.svg
View File

@ -1,12 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#ff6b7a;stop-opacity:1" /> <stop offset="0%" style="stop-color:#ff6b7a;stop-opacity:1" />
<stop offset="100%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="100%" style="stop-color:#d6111e;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
<rect width="256" height="256" rx="56" fill="white"/> <rect width="256" height="256" rx="56" fill="white"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

8
addons/dine360_dashboard/static/src/img/icons/calendar.svg
View File

@ -5,7 +5,7 @@
<stop offset="100%" style="stop-color:#fff5f5;stop-opacity:1" /> <stop offset="100%" style="stop-color:#fff5f5;stop-opacity:1" />
</linearGradient> </linearGradient>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
@ -14,19 +14,19 @@
<rect x="44" y="76" width="168" height="144" rx="16" fill="white" stroke="#e8e8e8" stroke-width="3"/> <rect x="44" y="76" width="168" height="144" rx="16" fill="white" stroke="#e8e8e8" stroke-width="3"/>
<!-- Header --> <!-- Header -->
<rect x="44" y="76" width="168" height="52" rx="16" fill="url(#grad1)"/> <rect x="44" y="76" width="168" height="52" rx="16" fill="url(#grad1)"/>
<rect x="44" y="104" width="168" height="24" fill="#e50000"/> <rect x="44" y="104" width="168" height="24" fill="#d6111e"/>
<!-- Calendar pins --> <!-- Calendar pins -->
<rect x="86" y="58" width="14" height="36" rx="7" fill="#555"/> <rect x="86" y="58" width="14" height="36" rx="7" fill="#555"/>
<rect x="156" y="58" width="14" height="36" rx="7" fill="#555"/> <rect x="156" y="58" width="14" height="36" rx="7" fill="#555"/>
<!-- Day number --> <!-- Day number -->
<text x="128" y="116" font-family="Arial" font-size="28" font-weight="bold" fill="white" text-anchor="middle">31</text> <text x="128" y="116" font-family="Arial" font-size="28" font-weight="bold" fill="white" text-anchor="middle">31</text>
<!-- Grid dots --> <!-- Grid dots -->
<circle cx="80" cy="158" r="7" fill="#e50000"/> <circle cx="80" cy="158" r="7" fill="#d6111e"/>
<circle cx="112" cy="158" r="7" fill="#ccc"/> <circle cx="112" cy="158" r="7" fill="#ccc"/>
<circle cx="144" cy="158" r="7" fill="#ccc"/> <circle cx="144" cy="158" r="7" fill="#ccc"/>
<circle cx="176" cy="158" r="7" fill="#ccc"/> <circle cx="176" cy="158" r="7" fill="#ccc"/>
<circle cx="80" cy="186" r="7" fill="#ccc"/> <circle cx="80" cy="186" r="7" fill="#ccc"/>
<circle cx="112" cy="186" r="7" fill="#e50000"/> <circle cx="112" cy="186" r="7" fill="#d6111e"/>
<circle cx="144" cy="186" r="7" fill="#ccc"/> <circle cx="144" cy="186" r="7" fill="#ccc"/>
<circle cx="176" cy="186" r="7" fill="#ccc"/> <circle cx="176" cy="186" r="7" fill="#ccc"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

8
addons/dine360_dashboard/static/src/img/icons/contacts.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
@ -11,7 +11,7 @@
<!-- Person body --> <!-- Person body -->
<path d="M60 210 Q60 158 128 158 Q196 158 196 210 Z" fill="url(#grad1)"/> <path d="M60 210 Q60 158 128 158 Q196 158 196 210 Z" fill="url(#grad1)"/>
<!-- Book lines --> <!-- Book lines -->
<rect x="36" y="100" width="16" height="8" rx="3" fill="#e50000" opacity="0.5"/> <rect x="36" y="100" width="16" height="8" rx="3" fill="#d6111e" opacity="0.5"/>
<rect x="36" y="120" width="16" height="8" rx="3" fill="#e50000" opacity="0.5"/> <rect x="36" y="120" width="16" height="8" rx="3" fill="#d6111e" opacity="0.5"/>
<rect x="36" y="140" width="16" height="8" rx="3" fill="#e50000" opacity="0.5"/> <rect x="36" y="140" width="16" height="8" rx="3" fill="#d6111e" opacity="0.5"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 823 B

After

Width:  |  Height:  |  Size: 823 B

4
addons/dine360_dashboard/static/src/img/icons/crm.svg
View File

@ -1,12 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#ff6b7a;stop-opacity:1" /> <stop offset="0%" style="stop-color:#ff6b7a;stop-opacity:1" />
<stop offset="100%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="100%" style="stop-color:#d6111e;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
<rect width="256" height="256" rx="56" fill="white"/> <rect width="256" height="256" rx="56" fill="white"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 842 B

After

Width:  |  Height:  |  Size: 842 B

2
addons/dine360_dashboard/static/src/img/icons/dashboards.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

4
addons/dine360_dashboard/static/src/img/icons/discuss.svg
View File

@ -5,14 +5,14 @@
<stop offset="100%" style="stop-color:#fff5f5;stop-opacity:1" /> <stop offset="100%" style="stop-color:#fff5f5;stop-opacity:1" />
</linearGradient> </linearGradient>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
<rect width="256" height="256" rx="56" fill="url(#bg)"/> <rect width="256" height="256" rx="56" fill="url(#bg)"/>
<!-- Main chat bubble --> <!-- Main chat bubble -->
<rect x="50" y="70" width="140" height="100" rx="20" fill="url(#grad1)"/> <rect x="50" y="70" width="140" height="100" rx="20" fill="url(#grad1)"/>
<polygon points="70,170 70,200 100,170" fill="#e50000"/> <polygon points="70,170 70,200 100,170" fill="#d6111e"/>
<!-- Dots inside bubble --> <!-- Dots inside bubble -->
<circle cx="98" cy="120" r="10" fill="white"/> <circle cx="98" cy="120" r="10" fill="white"/>
<circle cx="128" cy="120" r="10" fill="white" opacity="0.8"/> <circle cx="128" cy="120" r="10" fill="white" opacity="0.8"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

8
addons/dine360_dashboard/static/src/img/icons/employees.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
@ -11,9 +11,9 @@
<!-- Right person head --> <!-- Right person head -->
<circle cx="168" cy="92" r="30" fill="url(#grad1)"/> <circle cx="168" cy="92" r="30" fill="url(#grad1)"/>
<!-- Left person body --> <!-- Left person body -->
<path d="M34 210 Q34 160 88 160 Q120 160 126 175 Q114 158 88 158 Q38 158 38 210 Z" fill="#e50000" opacity="0.6"/> <path d="M34 210 Q34 160 88 160 Q120 160 126 175 Q114 158 88 158 Q38 158 38 210 Z" fill="#d6111e" opacity="0.6"/>
<path d="M34 215 Q34 160 88 160 Q118 160 126 178" fill="none" stroke="#e50000" stroke-width="0"/> <path d="M34 215 Q34 160 88 160 Q118 160 126 178" fill="none" stroke="#d6111e" stroke-width="0"/>
<path d="M28 215 Q30 155 88 155 Q122 155 130 180" fill="#e50000" opacity="0.55"/> <path d="M28 215 Q30 155 88 155 Q122 155 130 180" fill="#d6111e" opacity="0.55"/>
<!-- Right/main person body --> <!-- Right/main person body -->
<path d="M100 215 Q100 158 168 158 Q236 158 236 215 Z" fill="url(#grad1)"/> <path d="M100 215 Q100 158 168 158 Q236 158 236 215 Z" fill="url(#grad1)"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 996 B

After

Width:  |  Height:  |  Size: 996 B

4
addons/dine360_dashboard/static/src/img/icons/inventory.svg
View File

@ -1,12 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#ff6b7a;stop-opacity:1" /> <stop offset="0%" style="stop-color:#ff6b7a;stop-opacity:1" />
<stop offset="100%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="100%" style="stop-color:#d6111e;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
<rect width="256" height="256" rx="56" fill="white"/> <rect width="256" height="256" rx="56" fill="white"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

6
addons/dine360_dashboard/static/src/img/icons/invoicing.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
@ -12,14 +12,14 @@
<polygon points="168,44 200,76 168,76" fill="url(#grad1)"/> <polygon points="168,44 200,76 168,76" fill="url(#grad1)"/>
<!-- Header bar --> <!-- Header bar -->
<rect x="56" y="44" width="112" height="32" rx="14" fill="url(#grad1)"/> <rect x="56" y="44" width="112" height="32" rx="14" fill="url(#grad1)"/>
<rect x="56" y="62" width="112" height="14" fill="#e50000"/> <rect x="56" y="62" width="112" height="14" fill="#d6111e"/>
<!-- Invoice lines --> <!-- Invoice lines -->
<rect x="76" y="96" width="104" height="8" rx="4" fill="#eee"/> <rect x="76" y="96" width="104" height="8" rx="4" fill="#eee"/>
<rect x="76" y="114" width="80" height="8" rx="4" fill="#eee"/> <rect x="76" y="114" width="80" height="8" rx="4" fill="#eee"/>
<rect x="76" y="132" width="92" height="8" rx="4" fill="#eee"/> <rect x="76" y="132" width="92" height="8" rx="4" fill="#eee"/>
<!-- Dollar amount highlight --> <!-- Dollar amount highlight -->
<rect x="76" y="158" width="104" height="24" rx="6" fill="#fff0f0"/> <rect x="76" y="158" width="104" height="24" rx="6" fill="#fff0f0"/>
<text x="128" y="175" font-family="Arial" font-size="16" font-weight="bold" fill="#e50000" text-anchor="middle">$ 128.00</text> <text x="128" y="175" font-family="Arial" font-size="16" font-weight="bold" fill="#d6111e" text-anchor="middle">$ 128.00</text>
<!-- Footer tag --> <!-- Footer tag -->
<rect x="76" y="196" width="104" height="12" rx="4" fill="url(#grad1)" opacity="0.3"/> <rect x="76" y="196" width="104" height="12" rx="4" fill="url(#grad1)" opacity="0.3"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

4
addons/dine360_dashboard/static/src/img/icons/kitchen_kds.svg
View File

@ -5,7 +5,7 @@
<stop offset="100%" style="stop-color:#fff5f5;stop-opacity:1" /> <stop offset="100%" style="stop-color:#fff5f5;stop-opacity:1" />
</linearGradient> </linearGradient>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
@ -17,7 +17,7 @@
<!-- Chef hat top bump --> <!-- Chef hat top bump -->
<ellipse cx="128" cy="82" rx="30" ry="28" fill="white" stroke="#e0e0e0" stroke-width="3"/> <ellipse cx="128" cy="82" rx="30" ry="28" fill="white" stroke="#e0e0e0" stroke-width="3"/>
<!-- D360 text on hat --> <!-- D360 text on hat -->
<text x="128" y="145" font-family="Arial" font-size="18" font-weight="bold" fill="#e50000" text-anchor="middle">D360</text> <text x="128" y="145" font-family="Arial" font-size="18" font-weight="bold" fill="#d6111e" text-anchor="middle">D360</text>
<!-- Fork and spoon cross below --> <!-- Fork and spoon cross below -->
<line x1="100" y1="195" x2="156" y2="195" stroke="white" stroke-width="4" stroke-linecap="round"/> <line x1="100" y1="195" x2="156" y2="195" stroke="white" stroke-width="4" stroke-linecap="round"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

10
addons/dine360_dashboard/static/src/img/icons/point_of_sale.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
@ -19,8 +19,8 @@
<!-- POS base --> <!-- POS base -->
<ellipse cx="128" cy="178" rx="52" ry="14" fill="url(#grad1)"/> <ellipse cx="128" cy="178" rx="52" ry="14" fill="url(#grad1)"/>
<!-- Keypad dots --> <!-- Keypad dots -->
<circle cx="88" cy="200" r="6" fill="#e50000"/> <circle cx="88" cy="200" r="6" fill="#d6111e"/>
<circle cx="110" cy="200" r="6" fill="#e50000"/> <circle cx="110" cy="200" r="6" fill="#d6111e"/>
<circle cx="132" cy="200" r="6" fill="#e50000"/> <circle cx="132" cy="200" r="6" fill="#d6111e"/>
<circle cx="154" cy="200" r="6" fill="#e50000"/> <circle cx="154" cy="200" r="6" fill="#d6111e"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

2
addons/dine360_dashboard/static/src/img/icons/purchase.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 999 B

After

Width:  |  Height:  |  Size: 999 B

29
addons/dine360_dashboard/static/src/img/icons/saas.svg
View File

@ -1,29 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient>
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#ff6b7a;stop-opacity:1" />
<stop offset="100%" style="stop-color:#e50000;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="256" height="256" rx="56" fill="white"/>
<!-- Modern Cloud/SaaS nodes design -->
<!-- Main central cloud shape -->
<path d="M128 70 A 30 30 0 0 1 170 85 A 25 25 0 0 1 200 115 A 25 25 0 0 1 185 155 L 75 155 A 25 25 0 0 1 60 115 A 25 25 0 0 1 90 85 A 30 30 0 0 1 128 70 Z" fill="url(#grad2)"/>
<!-- Server stack or Database cylinder -->
<g transform="translate(0, 10)">
<rect x="98" y="140" width="60" height="15" rx="5" fill="url(#grad1)"/>
<rect x="98" y="160" width="60" height="15" rx="5" fill="url(#grad1)"/>
<rect x="98" y="180" width="60" height="15" rx="5" fill="#ffb347" opacity="0.85"/>
<!-- Server indicator lights -->
<circle cx="108" cy="147.5" r="3" fill="white"/>
<circle cx="108" cy="167.5" r="3" fill="white"/>
<circle cx="108" cy="187.5" r="3" fill="white"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB

12
addons/dine360_dashboard/static/src/img/icons/sales.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
@ -9,10 +9,10 @@
<!-- Trending arrow up --> <!-- Trending arrow up -->
<polyline points="44,180 96,124 136,152 212,72" fill="none" stroke="url(#grad1)" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/> <polyline points="44,180 96,124 136,152 212,72" fill="none" stroke="url(#grad1)" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/>
<!-- Arrow head --> <!-- Arrow head -->
<polygon points="212,72 212,110 180,82" fill="#e50000"/> <polygon points="212,72 212,110 180,82" fill="#d6111e"/>
<!-- Dots on line --> <!-- Dots on line -->
<circle cx="44" cy="180" r="10" fill="#e50000"/> <circle cx="44" cy="180" r="10" fill="#d6111e"/>
<circle cx="96" cy="124" r="10" fill="#e50000"/> <circle cx="96" cy="124" r="10" fill="#d6111e"/>
<circle cx="136" cy="152" r="10" fill="#e50000"/> <circle cx="136" cy="152" r="10" fill="#d6111e"/>
<circle cx="212" cy="72" r="10" fill="#e50000"/> <circle cx="212" cy="72" r="10" fill="#d6111e"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 864 B

After

Width:  |  Height:  |  Size: 864 B

2
addons/dine360_dashboard/static/src/img/icons/settings.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

8
addons/dine360_dashboard/static/src/img/icons/table_reservation.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
@ -11,10 +11,10 @@
<!-- Table leg --> <!-- Table leg -->
<rect x="118" y="138" width="20" height="62" rx="6" fill="#8b0d16"/> <rect x="118" y="138" width="20" height="62" rx="6" fill="#8b0d16"/>
<!-- Table base --> <!-- Table base -->
<ellipse cx="128" cy="200" rx="50" ry="12" fill="#e50000" opacity="0.5"/> <ellipse cx="128" cy="200" rx="50" ry="12" fill="#d6111e" opacity="0.5"/>
<!-- Reserved tag --> <!-- Reserved tag -->
<rect x="90" y="75" width="76" height="36" rx="8" fill="white" stroke="#e50000" stroke-width="3"/> <rect x="90" y="75" width="76" height="36" rx="8" fill="white" stroke="#d6111e" stroke-width="3"/>
<text x="128" y="99" font-family="Arial" font-size="14" font-weight="bold" fill="#e50000" text-anchor="middle">RESERVED</text> <text x="128" y="99" font-family="Arial" font-size="14" font-weight="bold" fill="#d6111e" text-anchor="middle">RESERVED</text>
<!-- Chairs --> <!-- Chairs -->
<ellipse cx="54" cy="118" rx="20" ry="10" fill="#ff6b7a" opacity="0.7"/> <ellipse cx="54" cy="118" rx="20" ry="10" fill="#ff6b7a" opacity="0.7"/>
<ellipse cx="202" cy="118" rx="20" ry="10" fill="#ff6b7a" opacity="0.7"/> <ellipse cx="202" cy="118" rx="20" ry="10" fill="#ff6b7a" opacity="0.7"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

2
addons/dine360_dashboard/static/src/img/icons/uber_integration.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

10
addons/dine360_dashboard/static/src/img/icons/website.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs> <defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" /> <stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
@ -10,13 +10,13 @@
<circle cx="128" cy="128" r="90" fill="none" stroke="#eee" stroke-width="3"/> <circle cx="128" cy="128" r="90" fill="none" stroke="#eee" stroke-width="3"/>
<circle cx="128" cy="128" r="90" fill="none" stroke="url(#grad1)" stroke-width="14" stroke-dasharray="60 510" stroke-dashoffset="-10"/> <circle cx="128" cy="128" r="90" fill="none" stroke="url(#grad1)" stroke-width="14" stroke-dasharray="60 510" stroke-dashoffset="-10"/>
<!-- Latitude lines --> <!-- Latitude lines -->
<ellipse cx="128" cy="128" rx="90" ry="38" fill="none" stroke="#e50000" stroke-width="3" opacity="0.4"/> <ellipse cx="128" cy="128" rx="90" ry="38" fill="none" stroke="#d6111e" stroke-width="3" opacity="0.4"/>
<!-- Meridian (vertical oval) --> <!-- Meridian (vertical oval) -->
<ellipse cx="128" cy="128" rx="44" ry="90" fill="none" stroke="#e50000" stroke-width="3" opacity="0.4"/> <ellipse cx="128" cy="128" rx="44" ry="90" fill="none" stroke="#d6111e" stroke-width="3" opacity="0.4"/>
<!-- Center vertical line --> <!-- Center vertical line -->
<line x1="128" y1="38" x2="128" y2="218" stroke="#e50000" stroke-width="3" opacity="0.4"/> <line x1="128" y1="38" x2="128" y2="218" stroke="#d6111e" stroke-width="3" opacity="0.4"/>
<!-- Horizontal center --> <!-- Horizontal center -->
<line x1="38" y1="128" x2="218" y2="128" stroke="#e50000" stroke-width="3" opacity="0.4"/> <line x1="38" y1="128" x2="218" y2="128" stroke="#d6111e" stroke-width="3" opacity="0.4"/>
<!-- Outer circle --> <!-- Outer circle -->
<circle cx="128" cy="128" r="90" fill="none" stroke="url(#grad1)" stroke-width="6"/> <circle cx="128" cy="128" r="90" fill="none" stroke="url(#grad1)" stroke-width="6"/>
<!-- Dine360 center badge --> <!-- Dine360 center badge -->

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
addons/dine360_dashboard/static/src/img/login_bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 700 KiB

After

Width:  |  Height:  |  Size: 760 KiB

2
addons/dine360_dashboard/views/home_template.xml
View File

@ -10,7 +10,7 @@
<!-- Top Bar --> <!-- Top Bar -->
<div class="o_home_top_bar"> <div class="o_home_top_bar">
<div class="o_top_bar_island"> <div class="o_top_bar_island">
<a href="/" class="o_top_item" title="Dine360 Restaurant Home" style="width: auto; padding: 0 10px;"> <a href="/" class="o_top_item" title="Shivasakthi Home" style="width: auto; padding: 0 10px;">
<img t-attf-src="/web/binary/company_logo" style="height: 24px; width: auto; object-fit: contain;"/> <img t-attf-src="/web/binary/company_logo" style="height: 24px; width: auto; object-fit: contain;"/>
</a> </a>
<div class="o_bar_divider" style="margin: 0 5px;"></div> <div class="o_bar_divider" style="margin: 0 5px;"></div>

4
addons/dine360_dashboard/views/web_title_template.xml
View File

@ -1,7 +1,7 @@
<odoo> <odoo>
<template id="shivasakthi_web_layout" inherit_id="web.layout" name="Shivasakthi Title"> <template id="shivasakthi_web_layout" inherit_id="web.layout" name="Shivasakthi Title">
<xpath expr="//title" position="replace"> <xpath expr="//title" position="replace">
<title t-esc="'Dine360 Restaurant' if (not request or not request.env or request.env.company.name == 'My Company' or 'dine360' in (request.env.cr.dbname or '').lower()) else request.env.company.name"/> <title>Shivasakthi</title>
</xpath> </xpath>
<xpath expr="//link[@rel='shortcut icon']" position="replace"> <xpath expr="//link[@rel='shortcut icon']" position="replace">
<link rel="shortcut icon" href="/dine360_theme_shivasakthi/static/description/icon.png" type="image/x-icon"/> <link rel="shortcut icon" href="/dine360_theme_shivasakthi/static/description/icon.png" type="image/x-icon"/>
@ -12,7 +12,7 @@
<t t-if="not request.env.user._is_public() and not is_editor"> <t t-if="not request.env.user._is_public() and not is_editor">
<a href="/" class="o_dashboard_return_btn d-print-none" title="Back to Dashboard" <a href="/" class="o_dashboard_return_btn d-print-none" title="Back to Dashboard"
style="position: fixed; bottom: 20px; right: 20px; z-index: 9999; style="position: fixed; bottom: 20px; right: 20px; z-index: 9999;
background-color: #e50000; color: #ffff !important; padding: 12px 24px; background-color: #d6111e; color: #ffff !important; padding: 12px 24px;
border-radius: 50px; text-decoration: none; font-weight: bold; border-radius: 50px; text-decoration: none; font-weight: bold;
box-shadow: 0 4px 15px rgba(0,0,0,0.2); display: flex; align-items: center; box-shadow: 0 4px 15px rgba(0,0,0,0.2); display: flex; align-items: center;
gap: 8px; transition: all 0.3s ease; border: 2px solid #ffffffff !important; font-family: sans-serif;"> gap: 8px; transition: all 0.3s ease; border: 2px solid #ffffffff !important; font-family: sans-serif;">

2
addons/dine360_saas_master/data/saas_plan_data.xml
View File

@ -40,7 +40,7 @@
<p>Congratulations! Your Dine360 restaurant tenant <strong><t t-out="object.name"/></strong> has been provisioned successfully.</p> <p>Congratulations! Your Dine360 restaurant tenant <strong><t t-out="object.name"/></strong> has been provisioned successfully.</p>
<p>You can access your dedicated dashboard and POS environment using the link below:</p> <p>You can access your dedicated dashboard and POS environment using the link below:</p>
<p style="margin: 20px 0;"> <p style="margin: 20px 0;">
<a t-att-href="'http://' + object.subdomain" style="background-color: #e50000; color: #ffffff; padding: 10px 20px; text-decoration: none; font-weight: bold; border-radius: 4px;">Go to Dashboard</a> <a t-att-href="'http://' + object.subdomain" style="background-color: #ffb800; color: #ffffff; padding: 10px 20px; text-decoration: none; font-weight: bold; border-radius: 4px;">Go to Dashboard</a>
</p> </p>
<p><strong>Login Details:</strong></p> <p><strong>Login Details:</strong></p>
<ul> <ul>

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

@ -34,25 +34,24 @@
} }
.btn-warning { .btn-warning {
background-color: #e50000; background-color: #FECD4F;
border-color: #e50000; border-color: #FECD4F;
color: #ffffff; color: #171422;
} }
.btn-warning:hover, .btn-warning:hover,
.btn-warning:active { .btn-warning:active {
background-color: #b30000; background-color: #fdbd1a;
border-color: #b30000; border-color: #fdbd1a;
color: #ffffff;
} }
.bg-warning-light { .bg-warning-light {
background-color: rgba(229, 0, 0, 0.08) !important; background-color: rgba(254, 205, 79, 0.08) !important;
} }
.service-select.active { .service-select.active {
border: 2px solid #e50000 !important; border: 2px solid #FECD4F !important;
background-color: rgba(229, 0, 0, 0.05) !important; background-color: rgba(254, 205, 79, 0.05) !important;
} }
.cart-item { .cart-item {

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

@ -13,10 +13,10 @@
<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-warning"/> Dine360
</a> </a>
<div t-if="table" class="text-white-50 small"> <div t-if="table" class="text-white-50 small">
<span class="badge bg-danger text-white px-2 py-1 rounded-pill"> <span class="badge bg-warning text-dark px-2 py-1 rounded-pill">
Table <t t-esc="table.name"/> Table <t t-esc="table.name"/>
</span> </span>
</div> </div>
@ -105,7 +105,7 @@
</div> </div>
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<span class="fw-bold fs-4">Total</span> <span class="fw-bold fs-4">Total</span>
<span id="checkout_total" class="fw-bold fs-4 text-danger">$0.00</span> <span id="checkout_total" class="fw-bold fs-4 text-warning">$0.00</span>
</div> </div>
</div> </div>
</div> </div>

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: #ffb800; border-bottom: 2px solid #ffb800; 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 #ffb800;">
<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>

BIN
addons/dine360_theme_shivasakthi/static/src/img/chennora_logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
addons/dine360_theme_shivasakthi/static/src/img/dine360_logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 36 KiB

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': #ffb800, // Golden-Yellow (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: #ffb800;
--food-yellow: #e50000; --food-yellow: #ffb800;
--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 #ffb800 !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: #ffb800 !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: #ffb800 !important;
font-weight: 700 !important; font-weight: 700 !important;
} }
@ -556,7 +556,7 @@
} }
#add_to_cart { #add_to_cart {
background: #e50000 !important; background: #ffb800 !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: #ffb800 !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: #ffb800 !important;
color: #000000 !important; color: #000000 !important;
border-color: #e50000 !important; border-color: #ffb800 !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: #ffb800 !important;
color: #0e1317 !important; color: #0e1317 !important;
border-color: #e50000 !important; border-color: #ffb800 !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: #ffb800 !important;
} }
} }
} }
@ -45,7 +45,7 @@ header {
/* Order Now Button */ /* Order Now Button */
.btn-order-now { .btn-order-now {
background-color: #e50000 !important; background-color: #ffb800 !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: #ffb800 !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: #ffb800 !important;
} }
.cart-badge { .cart-badge {
color: white !important; color: white !important;
background-color: #e50000 !important; background-color: #ffb800 !important;
opacity: 1 !important; opacity: 1 !important;
} }
} }
.cart-badge { .cart-badge {
color: white !important; color: white !important;
background-color: #e50000 !important; background-color: #ffb800 !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: #ffb800 !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: #ffb800;
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: #ffb800;
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 #ffb800 !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: #ffb800 !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: #ffb800 !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: #ffb800 !important;
} }
} }
@ -765,7 +765,7 @@ section h2.display-4 {
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #e50000d4; background: #ffb800d4;
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 #ffb800;
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: #ffb800;
border-color: #e50000; border-color: #ffb800;
color: #0e1317; color: #0e1317;
} }
&.next-btn { &.next-btn {
background: #e50000; background: #ffb800;
border-color: #e50000; border-color: #ffb800;
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: #ffb800;
&::after { &::after {
content: "-"; content: "-";
transform: none; transform: none;
background-image: none; background-image: none;
color: #e50000; color: #ffb800;
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: #ffb800;
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: #ffb800;
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: #ffb800;
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: #ffb800 !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: #ffb800 !important;
i { i {
color: #e50000 !important; color: #ffb800 !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 #ffb800;
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: #ffb800;
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 #ffb800;
} }
} }
.blog-body { .blog-body {
h4 { h4 {
color: #e50000; color: #ffb800;
} }
} }
} }
@ -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: #ffb800;
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: #ffb800;
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: #ffb800;
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: #ffb800;
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: #ffb800;
} }
} }
@ -1439,8 +1439,8 @@ footer#bottom {
transition: all 0.3s; transition: all 0.3s;
&:hover { &:hover {
background: #e50000; background: #ffb800;
border-color: #e50000; border-color: #ffb800;
color: #0e1317; color: #0e1317;
} }
} }
@ -1458,7 +1458,7 @@ footer#bottom {
gap: 10px; gap: 10px;
i { i {
color: #e50000; color: #ffb800;
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: #ffb800;
} }
} }
} }
@ -1559,7 +1559,7 @@ footer#bottom {
transition: color 0.3s; transition: color 0.3s;
&:hover { &:hover {
color: #e50000; color: #ffb800;
} }
} }
@ -1569,25 +1569,25 @@ footer#bottom {
} }
.active-item { .active-item {
color: #e50000; color: #ffb800;
} }
} }
} }
/* 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: #ffb800 !important; // Replace red text with theme gold
} }
.bg-danger, .bg-danger,
.btn-danger { .btn-danger {
background-color: #e50000 !important; background-color: #ffb800 !important;
border-color: #e50000 !important; border-color: #ffb800 !important;
color: white !important; color: white !important;
} }
.badge-danger { .badge-danger {
background-color: #e50000 !important; background-color: #ffb800 !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: #ffb800 !important;
} }
&.active { &.active {
background-color: #e50000 !important; background-color: #ffb800 !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: #ffb800 !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: #ffb800 !important;
} }
.active, .active,
.nav-link.active, .nav-link.active,
.nav-pills .nav-link.active { .nav-pills .nav-link.active {
color: #e50000 !important; color: #ffb800 !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: #ffb800 !important;
color: #0e1317 !important; color: #0e1317 !important;
border-color: #e50000 !important; border-color: #ffb800 !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: #ffb800 !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: #ffb800 !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: #ffb800 !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: #ffb800;
} }
} }
@ -1777,7 +1777,7 @@ body.o_edit_mode {
font-size: 15px; font-size: 15px;
i { i {
color: #e50000 !important; color: #ffb800 !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: #ffb800 !important;
padding-left: 5px; padding-left: 5px;
} }
} }
@ -1795,7 +1795,7 @@ body.o_edit_mode {
} }
.highlight-text { .highlight-text {
color: #e50000 !important; color: #ffb800 !important;
} }
.footer-social-boxes { .footer-social-boxes {
@ -1817,8 +1817,8 @@ body.o_edit_mode {
} }
&:hover { &:hover {
background-color: #e50000; background-color: #ffb800;
border-color: #e50000; border-color: #ffb800;
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: #ffb800 !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: #ffb800;
border-color: #e50000; border-color: #ffb800;
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: #ffb800;
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: #ffb800 !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: #ffb800 !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: #ffb800 !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: #ffb800;
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 #ffb800 !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: #ffb800;
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 #ffb800 !important;
color: #e50000 !important; color: #ffb800 !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: #ffb800 !important;
color: #111111 !important; color: #111111 !important;
border-color: #e50000 !important; border-color: #ffb800 !important;
} }
} }
@ -2600,7 +2600,7 @@ body.o_edit_mode {
/* Stars */ /* Stars */
.testi-stars { .testi-stars {
color: #e50000; color: #ffb800;
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: #ffb800;
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: #ffb800;
} }
} }
} }
@ -2795,7 +2795,7 @@ body.o_edit_mode {
} }
.thali-subtitle { .thali-subtitle {
color: #e50000; color: #ffb800;
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: #ffb800 !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: #ffb800 !important;
border-color: #e50000 !important; border-color: #ffb800 !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 #ffb800 !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: #ffb800 !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: #ffb800 !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: #ffb800 !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: #ffb800 !important;
} }
.floating-img { .floating-img {
@ -3152,7 +3152,7 @@ body.o_edit_mode {
} }
.icon-circle:hover { .icon-circle:hover {
background-color: #e50000; background-color: #ffb800;
} }
.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: #ffb800;" 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: #ffb800; 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: #ffb800; 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: #ffb800; 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: #ffb800; 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: #ffb800; 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: #ffb800;
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: #ffb800;" 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: #ffb800;" 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: #ffb800; 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: #ffb800; 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: #ffb800;" 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: #ffb800; 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: #ffb800; 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: #ffb800; 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: #ffb800; 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: #ffb800; 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: #ffb800;"></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: #ffb800; 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: #ffb800;" 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: #ffb800; 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: #ffb800; 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: #ffb800; 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>

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

@ -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: #ffb800;">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: #ffb800;">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: #ffb800;">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: #ffb800; 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: #ffb800; 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: #ffb800; 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 #ffb800; 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: #ffb800; 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: #ffb800; 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: #ffb800; 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: #ffb800; 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: #ffb800;"><span t-field="product.name"/></li>
</ul> </ul>
</div> --> </div> -->