Events home page updated
This commit is contained in:
parent
e470d730ed
commit
3d8621e6ab
1
addons/theme_aakriti_v2/__init__.py
Normal file
1
addons/theme_aakriti_v2/__init__.py
Normal file
@ -0,0 +1 @@
|
|||||||
|
# -*- coding: utf-8 -*-
|
||||||
26
addons/theme_aakriti_v2/__manifest__.py
Normal file
26
addons/theme_aakriti_v2/__manifest__.py
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
# -*- coding: utf-8 -*-
|
||||||
|
{
|
||||||
|
'name': 'Aakriti Events - Premium Theme V2',
|
||||||
|
'version': '17.0.1.0.0',
|
||||||
|
'category': 'Theme/Creative',
|
||||||
|
'summary': 'Premium dark-gold events theme for Aakriti Events website',
|
||||||
|
'description': """
|
||||||
|
Aakriti Events Premium Theme V2.
|
||||||
|
A fully standalone, luxurious dark-gold events theme featuring:
|
||||||
|
- Dramatic hero section with event photography
|
||||||
|
- Services grid (Wedding, Corporate, Birthday, Cultural, Stage, Brand Launch, Private Parties, Event Coordination)
|
||||||
|
- Gallery carousel, process steps, testimonials, stats and contact form
|
||||||
|
- Sticky header with gold CTA button and mobile-responsive drawer nav
|
||||||
|
- Dark footer with 4-column grid
|
||||||
|
Can be switched to from Website > Theme settings.
|
||||||
|
""",
|
||||||
|
'author': 'Antigravity',
|
||||||
|
'depends': ['website', 'event_rental'],
|
||||||
|
'data': [
|
||||||
|
'views/website_v2_templates.xml',
|
||||||
|
],
|
||||||
|
'installable': True,
|
||||||
|
'application': False,
|
||||||
|
'auto_install': False,
|
||||||
|
'license': 'LGPL-3',
|
||||||
|
}
|
||||||
BIN
addons/theme_aakriti_v2/__pycache__/__init__.cpython-310.pyc
Normal file
BIN
addons/theme_aakriti_v2/__pycache__/__init__.cpython-310.pyc
Normal file
Binary file not shown.
2477
addons/theme_aakriti_v2/static/src/css/theme_v2.css
Normal file
2477
addons/theme_aakriti_v2/static/src/css/theme_v2.css
Normal file
File diff suppressed because it is too large
Load Diff
BIN
addons/theme_aakriti_v2/static/src/img/about.webp
Normal file
BIN
addons/theme_aakriti_v2/static/src/img/about.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
addons/theme_aakriti_v2/static/src/img/birthday.png
Normal file
BIN
addons/theme_aakriti_v2/static/src/img/birthday.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 998 KiB |
BIN
addons/theme_aakriti_v2/static/src/img/corporate.png
Normal file
BIN
addons/theme_aakriti_v2/static/src/img/corporate.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 743 KiB |
BIN
addons/theme_aakriti_v2/static/src/img/cta-img.png
Normal file
BIN
addons/theme_aakriti_v2/static/src/img/cta-img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 237 KiB |
BIN
addons/theme_aakriti_v2/static/src/img/cultural.png
Normal file
BIN
addons/theme_aakriti_v2/static/src/img/cultural.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
addons/theme_aakriti_v2/static/src/img/decorative-line.png
Normal file
BIN
addons/theme_aakriti_v2/static/src/img/decorative-line.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
BIN
addons/theme_aakriti_v2/static/src/img/gallery1.webp
Normal file
BIN
addons/theme_aakriti_v2/static/src/img/gallery1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
addons/theme_aakriti_v2/static/src/img/hero-banner.png
Normal file
BIN
addons/theme_aakriti_v2/static/src/img/hero-banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
BIN
addons/theme_aakriti_v2/static/src/img/hero_bg.png
Normal file
BIN
addons/theme_aakriti_v2/static/src/img/hero_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
addons/theme_aakriti_v2/static/src/img/logo.png
Normal file
BIN
addons/theme_aakriti_v2/static/src/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
addons/theme_aakriti_v2/static/src/img/stage_decor.png
Normal file
BIN
addons/theme_aakriti_v2/static/src/img/stage_decor.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
addons/theme_aakriti_v2/static/src/img/wedding.png
Normal file
BIN
addons/theme_aakriti_v2/static/src/img/wedding.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
189
addons/theme_aakriti_v2/static/src/js/theme_v2.js
Normal file
189
addons/theme_aakriti_v2/static/src/js/theme_v2.js
Normal file
@ -0,0 +1,189 @@
|
|||||||
|
/** @odoo-module **/
|
||||||
|
/**
|
||||||
|
* Aakriti Events – Premium Theme V2 JS
|
||||||
|
* Handles: sticky header, mobile drawer, gallery carousel, scroll reveal, counter animation
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
/* ── Helpers ──────────────────────────────────────────── */
|
||||||
|
function qs(sel, ctx) { return (ctx || document).querySelector(sel); }
|
||||||
|
function qsa(sel, ctx) { return (ctx || document).querySelectorAll(sel); }
|
||||||
|
function onReady(fn) {
|
||||||
|
if (document.readyState !== 'loading') { fn(); }
|
||||||
|
else { document.addEventListener('DOMContentLoaded', fn); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Sticky Header ────────────────────────────────────── */
|
||||||
|
function initHeader() {
|
||||||
|
var header = qs('#v2-header');
|
||||||
|
if (!header) return;
|
||||||
|
|
||||||
|
function updateHeader() {
|
||||||
|
if (window.scrollY > 40) {
|
||||||
|
header.classList.add('scrolled');
|
||||||
|
} else {
|
||||||
|
header.classList.remove('scrolled');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener('scroll', updateHeader, { passive: true });
|
||||||
|
updateHeader();
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Mobile Drawer ────────────────────────────────────── */
|
||||||
|
function initMobileDrawer() {
|
||||||
|
var toggle = qs('#v2-mobile-toggle');
|
||||||
|
var drawer = qs('#v2-mobile-drawer');
|
||||||
|
var overlay = qs('#v2-drawer-overlay');
|
||||||
|
var closeBtn = qs('#v2-drawer-close');
|
||||||
|
if (!toggle || !drawer) return;
|
||||||
|
|
||||||
|
function openDrawer() {
|
||||||
|
drawer.classList.add('open');
|
||||||
|
if (overlay) { overlay.classList.add('active'); }
|
||||||
|
document.body.style.overflow = 'hidden';
|
||||||
|
}
|
||||||
|
function closeDrawer() {
|
||||||
|
drawer.classList.remove('open');
|
||||||
|
if (overlay) { overlay.classList.remove('active'); }
|
||||||
|
document.body.style.overflow = '';
|
||||||
|
}
|
||||||
|
|
||||||
|
toggle.addEventListener('click', openDrawer);
|
||||||
|
if (closeBtn) { closeBtn.addEventListener('click', closeDrawer); }
|
||||||
|
if (overlay) { overlay.addEventListener('click', closeDrawer); }
|
||||||
|
|
||||||
|
qsa('#v2-mobile-drawer a').forEach(function (a) {
|
||||||
|
a.addEventListener('click', closeDrawer);
|
||||||
|
});
|
||||||
|
window.addEventListener('resize', function () {
|
||||||
|
if (window.innerWidth > 991) { closeDrawer(); }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Gallery Carousel ─────────────────────────────────── */
|
||||||
|
function initGallery() {
|
||||||
|
var track = qs('#v2-gallery-track');
|
||||||
|
var prevBtn = qs('#v2-gallery-prev');
|
||||||
|
var nextBtn = qs('#v2-gallery-next');
|
||||||
|
if (!track) return;
|
||||||
|
|
||||||
|
var current = 0;
|
||||||
|
var itemWidth = 334; // item width + gap
|
||||||
|
|
||||||
|
function clamp(val, min, max) { return Math.max(min, Math.min(max, val)); }
|
||||||
|
|
||||||
|
function getMax() {
|
||||||
|
var items = track.children.length;
|
||||||
|
var visible = Math.floor(track.parentElement.offsetWidth / itemWidth);
|
||||||
|
return Math.max(0, items - visible);
|
||||||
|
}
|
||||||
|
|
||||||
|
function goTo(index) {
|
||||||
|
current = clamp(index, 0, getMax());
|
||||||
|
track.style.transform = 'translateX(-' + (current * itemWidth) + 'px)';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (prevBtn) { prevBtn.addEventListener('click', function () { goTo(current - 1); }); }
|
||||||
|
if (nextBtn) { nextBtn.addEventListener('click', function () { goTo(current + 1); }); }
|
||||||
|
|
||||||
|
// Touch/swipe support
|
||||||
|
var startX = 0;
|
||||||
|
track.addEventListener('touchstart', function (e) { startX = e.touches[0].clientX; }, { passive: true });
|
||||||
|
track.addEventListener('touchend', function (e) {
|
||||||
|
var diff = startX - e.changedTouches[0].clientX;
|
||||||
|
if (Math.abs(diff) > 50) { goTo(current + (diff > 0 ? 1 : -1)); }
|
||||||
|
}, { passive: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Scroll Reveal ────────────────────────────────────── */
|
||||||
|
function initReveal() {
|
||||||
|
var els = qsa('.v2-reveal');
|
||||||
|
if (!els.length) return;
|
||||||
|
|
||||||
|
if ('IntersectionObserver' in window) {
|
||||||
|
var io = new IntersectionObserver(function (entries) {
|
||||||
|
entries.forEach(function (entry) {
|
||||||
|
if (entry.isIntersecting) {
|
||||||
|
entry.target.classList.add('visible');
|
||||||
|
io.unobserve(entry.target);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, { threshold: 0.12 });
|
||||||
|
els.forEach(function (el) { io.observe(el); });
|
||||||
|
} else {
|
||||||
|
els.forEach(function (el) { el.classList.add('visible'); });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Counter Animation ────────────────────────────────── */
|
||||||
|
function animateCounter(el, target, suffix) {
|
||||||
|
var start = 0;
|
||||||
|
var duration = 1800;
|
||||||
|
var startTime = null;
|
||||||
|
|
||||||
|
function step(ts) {
|
||||||
|
if (!startTime) startTime = ts;
|
||||||
|
var progress = Math.min((ts - startTime) / duration, 1);
|
||||||
|
var eased = 1 - Math.pow(1 - progress, 3); // ease out cubic
|
||||||
|
var val = Math.round(eased * target);
|
||||||
|
el.textContent = val + suffix;
|
||||||
|
if (progress < 1) { requestAnimationFrame(step); }
|
||||||
|
}
|
||||||
|
requestAnimationFrame(step);
|
||||||
|
}
|
||||||
|
|
||||||
|
function initCounters() {
|
||||||
|
var counters = qsa('[data-v2-counter]');
|
||||||
|
if (!counters.length) return;
|
||||||
|
|
||||||
|
var observed = false;
|
||||||
|
|
||||||
|
if ('IntersectionObserver' in window) {
|
||||||
|
var io = new IntersectionObserver(function (entries) {
|
||||||
|
entries.forEach(function (entry) {
|
||||||
|
if (entry.isIntersecting && !observed) {
|
||||||
|
observed = true;
|
||||||
|
counters.forEach(function (el) {
|
||||||
|
var target = parseInt(el.getAttribute('data-v2-counter'), 10);
|
||||||
|
var suffix = el.getAttribute('data-v2-suffix') || '';
|
||||||
|
animateCounter(el, target, suffix);
|
||||||
|
});
|
||||||
|
io.disconnect();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, { threshold: 0.3 });
|
||||||
|
|
||||||
|
var statsSection = qs('#v2-stats');
|
||||||
|
if (statsSection) { io.observe(statsSection); }
|
||||||
|
} else {
|
||||||
|
counters.forEach(function (el) {
|
||||||
|
el.textContent = el.getAttribute('data-v2-counter') + (el.getAttribute('data-v2-suffix') || '');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Active nav link ──────────────────────────────────── */
|
||||||
|
function initActiveNav() {
|
||||||
|
var path = window.location.pathname;
|
||||||
|
qsa('.v2-nav a, .v2-drawer-nav a').forEach(function (a) {
|
||||||
|
var href = a.getAttribute('href') || '';
|
||||||
|
if (href === path || (href !== '/' && path.startsWith(href))) {
|
||||||
|
a.classList.add('active');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Bootstrap ────────────────────────────────────────── */
|
||||||
|
onReady(function () {
|
||||||
|
initHeader();
|
||||||
|
initMobileDrawer();
|
||||||
|
initGallery();
|
||||||
|
initReveal();
|
||||||
|
initCounters();
|
||||||
|
initActiveNav();
|
||||||
|
});
|
||||||
|
|
||||||
|
})();
|
||||||
843
addons/theme_aakriti_v2/views/website_v2_templates.xml
Normal file
843
addons/theme_aakriti_v2/views/website_v2_templates.xml
Normal file
@ -0,0 +1,843 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<odoo>
|
||||||
|
|
||||||
|
<!-- ============================================================
|
||||||
|
THEME AAKRITI V2 — Premium Events Theme
|
||||||
|
All templates are self-contained. Nothing in
|
||||||
|
theme_aakriti_events is modified.
|
||||||
|
============================================================ -->
|
||||||
|
|
||||||
|
<!-- ── 0. INJECT CSS + JS INTO HEAD ───────────────────────── -->
|
||||||
|
<template id="v2_assets_head" inherit_id="website.layout" priority="500" name="V2 Assets Head">
|
||||||
|
<xpath expr="//head" position="inside">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/theme_aakriti_v2/static/src/css/theme_v2.css"/>
|
||||||
|
<script type="text/javascript" src="/theme_aakriti_v2/static/src/js/theme_v2.js" defer="defer"></script>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com"/>
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Jost:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"/>
|
||||||
|
<style>
|
||||||
|
/* Force hide old theme header parts that may bleed through */
|
||||||
|
html, body { overflow-x: hidden !important; max-width: 100% !important; }
|
||||||
|
</style>
|
||||||
|
</xpath>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- ── 1. HEADER + FOOTER OVERRIDE ────────────────────────── -->
|
||||||
|
<template id="v2_header_footer_inherit" inherit_id="website.layout" priority="500" name="V2 Header and Footer">
|
||||||
|
|
||||||
|
<!-- Replace the header -->
|
||||||
|
<xpath expr="//header" position="replace">
|
||||||
|
|
||||||
|
<!-- Mobile Drawer Overlay -->
|
||||||
|
<div id="v2-drawer-overlay"></div>
|
||||||
|
|
||||||
|
<!-- Mobile Drawer Panel -->
|
||||||
|
<div id="v2-mobile-drawer">
|
||||||
|
<div class="v2-drawer-header">
|
||||||
|
<a href="/">
|
||||||
|
<img src="/theme_aakriti_v2/static/src/img/logo.png" alt="Aakriti Events" style="height:44px;width:auto;object-fit:contain;"/>
|
||||||
|
</a>
|
||||||
|
<button id="v2-drawer-close" aria-label="Close menu" style="background:none;border:none;cursor:pointer;color:#1a1206;padding:4px;">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<nav class="v2-drawer-nav">
|
||||||
|
<a href="/">Home</a>
|
||||||
|
<a href="/aboutus">About Us</a>
|
||||||
|
<a href="/rentals">Services</a>
|
||||||
|
<a href="/contactus">Contact</a>
|
||||||
|
</nav>
|
||||||
|
<div class="v2-drawer-footer">
|
||||||
|
<a href="/rental/request" class="v2-btn-gold" style="width:100%;justify-content:center;">Plan Your Event →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sticky Header -->
|
||||||
|
<header id="v2-header" data-anchor="true">
|
||||||
|
<div class="v2-header-inner">
|
||||||
|
<!-- Logo -->
|
||||||
|
<a class="v2-logo" href="/" aria-label="Aakriti Events Home">
|
||||||
|
<img src="/theme_aakriti_v2/static/src/img/logo.png" alt="Aakriti Events"/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Desktop Nav -->
|
||||||
|
<nav class="v2-nav">
|
||||||
|
<a href="/">Home</a>
|
||||||
|
<a href="/aboutus">About Us</a>
|
||||||
|
<a href="/rentals">Services</a>
|
||||||
|
<a href="/rentals">Gallery</a>
|
||||||
|
<a href="/aboutus">Experience</a>
|
||||||
|
<a href="/blog">Blog</a>
|
||||||
|
<a href="/contactus">Contact</a>
|
||||||
|
<a href="/rental/request" class="v2-nav-cta" style="display:inline-flex; align-items:center;">
|
||||||
|
Plan Your Event
|
||||||
|
<span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Mobile Toggle -->
|
||||||
|
<button id="v2-mobile-toggle" aria-label="Toggle menu">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5h16"/><path d="M4 12h16"/><path d="M4 19h16"/></svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
</xpath>
|
||||||
|
|
||||||
|
<!-- Hide Odoo default copyright -->
|
||||||
|
<xpath expr="//div[hasclass('o_footer_copyright')]" position="attributes">
|
||||||
|
<attribute name="class" add="d-none" separator=" "/>
|
||||||
|
</xpath>
|
||||||
|
|
||||||
|
<!-- Replace Footer -->
|
||||||
|
<xpath expr="//div[@id='footer']" position="replace">
|
||||||
|
<div id="footer">
|
||||||
|
<footer id="v2-footer-new">
|
||||||
|
|
||||||
|
<div class="v2-footer-new-inner">
|
||||||
|
|
||||||
|
<!-- Column 1 -->
|
||||||
|
<div class="v2-footer-col">
|
||||||
|
<div class="v2-footer-logo-new">
|
||||||
|
<img src="/theme_aakriti_v2/static/src/img/logo.png" alt="Aakriti Events"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="v2-footer-about">
|
||||||
|
Creating unforgettable celebrations with elegance,
|
||||||
|
creativity, and memorable experiences for every occasion.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Column 2 -->
|
||||||
|
<div class="v2-footer-col">
|
||||||
|
<h4>Menu</h4>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="/">Home</a></li>
|
||||||
|
<li><a href="/aboutus">About Us</a></li>
|
||||||
|
<li><a href="/rentals">Services</a></li>
|
||||||
|
<li><a href="/blog">Blog</a></li>
|
||||||
|
<li><a href="/contactus">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Column 3 -->
|
||||||
|
<div class="v2-footer-col">
|
||||||
|
<h4>Services</h4>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>Wedding Planning</li>
|
||||||
|
<li>Stage Decoration</li>
|
||||||
|
<li>Event Management</li>
|
||||||
|
<li>Corporate Events</li>
|
||||||
|
<li>Photography</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Column 4 -->
|
||||||
|
<div class="v2-footer-col">
|
||||||
|
<h4>Get In Touch</h4>
|
||||||
|
|
||||||
|
<div class="v2-footer-contact">
|
||||||
|
<p>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
|
||||||
|
viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
||||||
|
stroke-width="2">
|
||||||
|
<path d="M22 16.92v3a2 2 0 0 1-2.18 2
|
||||||
|
19.79 19.79 0 0 1-8.63-3.07
|
||||||
|
19.5 19.5 0 0 1-6.5-6.5
|
||||||
|
A19.79 19.79 0 0 1 1.08 4.18
|
||||||
|
2 2 0 0 1 3.06 2h3a2 2 0 0 1 2 1.72"/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
+91 98765 43210
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
|
||||||
|
viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
||||||
|
stroke-width="2">
|
||||||
|
<rect x="2" y="4" width="20" height="16" rx="2"/>
|
||||||
|
<path d="m22 7-10 6L2 7"/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
hello@aakrithievents.com
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
|
||||||
|
viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
||||||
|
stroke-width="2">
|
||||||
|
<path d="M21 10c0 7-9 12-9 12S3 17 3 10a9 9 0 0 1 18 0"/>
|
||||||
|
<circle cx="12" cy="10" r="3"/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
123 Celebration Avenue <br/>
|
||||||
|
Bangalore, India - 560001
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="v2-footer-social">
|
||||||
|
<!-- Facebook -->
|
||||||
|
<a href="#">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="18" height="18"
|
||||||
|
fill="white"
|
||||||
|
viewBox="0 0 24 24">
|
||||||
|
<path d="M15 3h4V0h-4c-4 0-7 3-7 7v3H5v4h3v10h4V14h4l1-4h-5V7c0-1.2.8-2 2-2"/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Instagram -->
|
||||||
|
<a href="#">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="18" height="18"
|
||||||
|
fill="white"
|
||||||
|
viewBox="0 0 24 24">
|
||||||
|
<rect x="2" y="2" width="20"
|
||||||
|
height="20" rx="5"/>
|
||||||
|
<circle cx="12" cy="12" r="4"/>
|
||||||
|
<circle cx="18" cy="6" r="1"/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Twitter/X -->
|
||||||
|
<a href="#">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="18" height="18"
|
||||||
|
fill="white"
|
||||||
|
viewBox="0 0 24 24">
|
||||||
|
<path d="M4 4L20 20M20 4L4 20"/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- YouTube -->
|
||||||
|
<a href="#">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="18" height="18"
|
||||||
|
fill="white"
|
||||||
|
viewBox="0 0 24 24">
|
||||||
|
<path d="M23 12s0-4-1-6c-.5-1-1.5-2-2.5-2.2C17.8 3.5 12 3.5 12 3.5s-5.8 0-7.5.3C3.5 4 2.5 5 2 6c-1 2-1 6-1 6s0 4 1 6c.5 1 1.5 2 2.5 2.2 1.7.3 7.5.3 7.5.3s5.8 0 7.5-.3c1-.2 2-1.2 2.5-2.2 1-2 1-6 1-6z"/>
|
||||||
|
<polygon points="10,8 16,12 10,16"/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="v2-footer-bottom">
|
||||||
|
©<span id="v2-footer-year">2024</span>
|
||||||
|
Aakrithi Events. All Rights Reserved.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
var el=document.getElementById('v2-footer-year');
|
||||||
|
if(el){
|
||||||
|
el.textContent=new Date().getFullYear();
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</xpath>
|
||||||
|
|
||||||
|
<!-- Hide Odoo's bottom footer area style -->
|
||||||
|
<xpath expr="//footer[@id='bottom']" position="attributes">
|
||||||
|
<attribute name="style">background-color: #1e1208 !important; border-top: none !important; padding: 0 !important;</attribute>
|
||||||
|
</xpath>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ── 2. HOMEPAGE TEMPLATE ───────────────────────────────── -->
|
||||||
|
<template id="v2_homepage" inherit_id="website.homepage" name="V2 Aakriti Events Homepage" active="True" customize_show="False" priority="500">
|
||||||
|
<xpath expr="//div[@id='wrap']" position="replace">
|
||||||
|
<div id="wrap" class="oe_structure oe_empty" style="background-color: #fdf6e3; font-family: 'Jost', sans-serif;">
|
||||||
|
|
||||||
|
<!-- ═══════════════════════════════════════════
|
||||||
|
FLOATING SIDEBAR
|
||||||
|
═══════════════════════════════════════════ -->
|
||||||
|
<div class="v2-floating-sidebar">
|
||||||
|
<a href="tel:+919876543210" aria-label="Phone">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.5 2 2 0 0 1 3.6 1.29h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.89-.89a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16z"/></svg>
|
||||||
|
</a>
|
||||||
|
<a href="https://wa.me/919876543210" aria-label="WhatsApp">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>
|
||||||
|
</a>
|
||||||
|
<a href="https://instagram.com" aria-label="Instagram">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/></svg>
|
||||||
|
</a>
|
||||||
|
<a href="/contactus" aria-label="Location">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ═══════════════════════════════════════════
|
||||||
|
SECTION 1 — HERO
|
||||||
|
═══════════════════════════════════════════ -->
|
||||||
|
<section id="v2-hero">
|
||||||
|
<div class="v2-hero-bg"></div>
|
||||||
|
<div class="v2-hero-overlay"></div>
|
||||||
|
<div class="v2-hero-content">
|
||||||
|
<span class="v2-hero-eyebrow hero-title">WE DON'T JUST PLAN EVENTS</span>
|
||||||
|
<h1 class="v2-hero-title v2-reveal">
|
||||||
|
<span class="v2-dark-text hero-title">WE CREATE</span><br/>
|
||||||
|
<span class="v2-gold-text hero-title">EXPERIENCES</span><br/>
|
||||||
|
<span class="v2-dark-text hero-title">TO REMEMBER</span>
|
||||||
|
</h1>
|
||||||
|
<div class="v2-hero-divider v2-reveal">
|
||||||
|
<img src="/theme_aakriti_v2/static/src/img/decorative-line.png" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
|
||||||
|
</div>
|
||||||
|
<p class="v2-hero-sub v2-reveal v2-reveal-delay-1 hero-title">
|
||||||
|
Aakrithi Events crafts unforgettable weddings,
|
||||||
|
corporate gatherings, cultural celebrations and
|
||||||
|
luxury experiences with purpose, passion and
|
||||||
|
flawless execution.
|
||||||
|
</p>
|
||||||
|
<div class="v2-hero-btns v2-reveal v2-reveal-delay-2">
|
||||||
|
<a href="/rental/request" class="v2-btn-gold" style="display:inline-flex; align-items:center;">
|
||||||
|
PLAN YOUR EVENT
|
||||||
|
<span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<a href="/rentals" class="v2-btn-play">
|
||||||
|
VIEW OUR WORK
|
||||||
|
<span class="v2-play-icon">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ═══════════════════════════════════════════
|
||||||
|
SECTION 2 — FEATURES BAR
|
||||||
|
═══════════════════════════════════════════ -->
|
||||||
|
<section id="v2-features">
|
||||||
|
<div class="v2-features-card">
|
||||||
|
<div class="v2-features-grid">
|
||||||
|
<div class="v2-feature-item v2-reveal">
|
||||||
|
<div class="v2-feature-icon">
|
||||||
|
<!-- Lightbulb icon -->
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-feature-title">Creative Concepts</div>
|
||||||
|
<div class="v2-feature-desc">Unique ideas that<br/>bring your vision to life.</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-feature-item v2-reveal v2-reveal-delay-1">
|
||||||
|
<div class="v2-feature-icon">
|
||||||
|
<!-- Clipboard icon -->
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M15 2H9a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1Z"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-feature-title">Flawless Planning</div>
|
||||||
|
<div class="v2-feature-desc">Every detail planned<br/>to perfection.</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-feature-item v2-reveal v2-reveal-delay-2">
|
||||||
|
<div class="v2-feature-icon">
|
||||||
|
<!-- People icon -->
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-feature-title">Vendor Management</div>
|
||||||
|
<div class="v2-feature-desc">Trusted network,<br/>seamless coordination.</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-feature-item v2-reveal v2-reveal-delay-3">
|
||||||
|
<div class="v2-feature-icon">
|
||||||
|
<!-- Diamond icon -->
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13"/><path d="M12 22 16 9l-3-6"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-feature-title">Premium Design</div>
|
||||||
|
<div class="v2-feature-desc">Stunning decor & styling<br/>that leaves an impression.</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-feature-item v2-reveal v2-reveal-delay-4">
|
||||||
|
<div class="v2-feature-icon">
|
||||||
|
<!-- Star icon -->
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-feature-title">Memorable Experiences</div>
|
||||||
|
<div class="v2-feature-desc">Creating moments your<br/>guests will never forget.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ═══════════════════════════════════════════
|
||||||
|
SECTION 3 — SERVICES
|
||||||
|
═══════════════════════════════════════════ -->
|
||||||
|
<section id="v2-services" style="background-color: var(--v2-white);">
|
||||||
|
<div class="v2-services-inner">
|
||||||
|
<div class="v2-services-left">
|
||||||
|
<div class="v2-section-header-group">
|
||||||
|
<span class="v2-eyebrow-num">02.</span>
|
||||||
|
<span class="v2-eyebrow-text">OUR SERVICES</span>
|
||||||
|
<div class="v2-eyebrow-line"></div>
|
||||||
|
</div>
|
||||||
|
<h2 class="v2-section-title v2-reveal">
|
||||||
|
<span class="v2-gold-text">WE PLAN.</span>
|
||||||
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">YOU CELEBRATE.</span>
|
||||||
|
</h2>
|
||||||
|
<div class="v2-hero-divider">
|
||||||
|
<img src="/theme_aakriti_v2/static/src/img/decorative-line.png" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
|
||||||
|
</div>
|
||||||
|
<p class="v2-reveal v2-reveal-delay-1" style="color: var(--v2-text); font-weight: 500;">
|
||||||
|
From intimate gatherings to grand celebrations,<br/>we offer end-to-end event management<br/>services tailored to your needs.
|
||||||
|
</p>
|
||||||
|
<a href="/rentals" class="v2-btn-gold v2-reveal v2-reveal-delay-2" style="margin-top: 20px; padding: 12px 20px; font-size: 0.75rem; border-radius: 6px;">
|
||||||
|
EXPLORE SERVICES
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="v2-services-grid v2-services-grid-new">
|
||||||
|
<a href="/rentals" class="v2-service-card-new">
|
||||||
|
<div class="v2-service-title-top">WEDDING</div>
|
||||||
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/wedding.png" alt="Wedding" loading="lazy"/></div>
|
||||||
|
</a>
|
||||||
|
<a href="/rentals" class="v2-service-card-new">
|
||||||
|
<div class="v2-service-title-top">CORPORATE EVENTS</div>
|
||||||
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/corporate.png" alt="Corporate" loading="lazy"/></div>
|
||||||
|
</a>
|
||||||
|
<a href="/rentals" class="v2-service-card-new">
|
||||||
|
<div class="v2-service-title-top">BIRTHDAY CELEBRATIONS</div>
|
||||||
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/birthday.png" alt="Birthday" loading="lazy"/></div>
|
||||||
|
</a>
|
||||||
|
<a href="/rentals" class="v2-service-card-new">
|
||||||
|
<div class="v2-service-title-top">CULTURAL EVENTS</div>
|
||||||
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/cultural.png" alt="Cultural" loading="lazy"/></div>
|
||||||
|
</a>
|
||||||
|
<a href="/rentals" class="v2-service-card-new">
|
||||||
|
<div class="v2-service-title-top">STAGE & DECOR DESIGN</div>
|
||||||
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/stage_decor.png" alt="Decor" loading="lazy"/></div>
|
||||||
|
</a>
|
||||||
|
<a href="/rentals" class="v2-service-card-new">
|
||||||
|
<div class="v2-service-title-top">BRAND LAUNCHES</div>
|
||||||
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/gallery1.webp" alt="Brand" loading="lazy"/></div>
|
||||||
|
</a>
|
||||||
|
<a href="/rentals" class="v2-service-card-new">
|
||||||
|
<div class="v2-service-title-top">PRIVATE PARTIES</div>
|
||||||
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Parties" loading="lazy"/></div>
|
||||||
|
</a>
|
||||||
|
<a href="/rentals" class="v2-service-card-new">
|
||||||
|
<div class="v2-service-title-top">EVENT COORDINATION</div>
|
||||||
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/hero_bg.png" alt="Coordination" loading="lazy"/></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ═══════════════════════════════════════════
|
||||||
|
SECTION 4 — GALLERY
|
||||||
|
═══════════════════════════════════════════ -->
|
||||||
|
<section id="v2-gallery" style="background-color: var(--v2-cream);">
|
||||||
|
<div class="v2-gallery-inner">
|
||||||
|
<div class="v2-gallery-left">
|
||||||
|
<div class="v2-section-header-group">
|
||||||
|
<span class="v2-eyebrow-num">03.</span>
|
||||||
|
<span class="v2-eyebrow-text">OUR WORK SPEAKS</span>
|
||||||
|
<div class="v2-eyebrow-line"></div>
|
||||||
|
</div>
|
||||||
|
<h2 class="v2-section-title v2-reveal">
|
||||||
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">Moments</span>
|
||||||
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">We've Created</span>
|
||||||
|
</h2>
|
||||||
|
<div class="v2-hero-divider">
|
||||||
|
<img src="/theme_aakriti_v2/static/src/img/decorative-line.png" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
|
||||||
|
</div>
|
||||||
|
<p class="v2-reveal v2-reveal-delay-1" style="color: var(--v2-text); font-weight: 500;">
|
||||||
|
A glimpse of celebrations<br/>we've had the privilege<br/>to design and deliver.
|
||||||
|
</p>
|
||||||
|
<a href="/rentals" class="v2-btn-gold v2-reveal v2-reveal-delay-2" style="margin-top: 20px; padding: 12px 20px; font-size: 0.75rem; border-radius: 6px;">
|
||||||
|
VIEW FULL GALLERY
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="v2-gallery-right">
|
||||||
|
<div class="v2-gallery-track" id="v2-gallery-track">
|
||||||
|
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/gallery1.webp" alt="Gallery 1" loading="lazy"/></div>
|
||||||
|
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Gallery 2" loading="lazy"/></div>
|
||||||
|
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/hero_bg.png" alt="Gallery 3" loading="lazy"/></div>
|
||||||
|
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/wedding.png" alt="Gallery 4" loading="lazy"/></div>
|
||||||
|
</div>
|
||||||
|
<button class="v2-gallery-btn-next" aria-label="Next">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ═══════════════════════════════════════════
|
||||||
|
SECTION 5 — PROCESS
|
||||||
|
═══════════════════════════════════════════ -->
|
||||||
|
<section id="v2-process">
|
||||||
|
<div class="v2-process-inner">
|
||||||
|
<span class="v2-eyebrow">OUR PROCESS</span>
|
||||||
|
<h2 class="v2-section-title v2-reveal" style="font-family: var(--v2-font-display);">From Vision To Reality</h2>
|
||||||
|
<div class="v2-process-timeline">
|
||||||
|
<div class="v2-process-line"></div>
|
||||||
|
<div class="v2-step v2-reveal">
|
||||||
|
<div class="v2-step-icon-circle">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-step-num">1</div>
|
||||||
|
<div class="v2-step-title">DISCOVER</div>
|
||||||
|
<p class="v2-step-desc">We listen, understand<br/>and align with your goals.</p>
|
||||||
|
</div>
|
||||||
|
<div class="v2-step v2-reveal v2-reveal-delay-1">
|
||||||
|
<div class="v2-step-icon-circle">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m18 5-3-3H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z"/><path d="m14 2 4 4"/><path d="m9 15 2 2 4-4"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-step-num">2</div>
|
||||||
|
<div class="v2-step-title">DESIGN</div>
|
||||||
|
<p class="v2-step-desc">We create a concept<br/>that reflects your style.</p>
|
||||||
|
</div>
|
||||||
|
<div class="v2-step v2-reveal v2-reveal-delay-2">
|
||||||
|
<div class="v2-step-icon-circle">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-step-num">3</div>
|
||||||
|
<div class="v2-step-title">PLAN</div>
|
||||||
|
<p class="v2-step-desc">We plan every detail<br/>with precision.</p>
|
||||||
|
</div>
|
||||||
|
<div class="v2-step v2-reveal v2-reveal-delay-3">
|
||||||
|
<div class="v2-step-icon-circle">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-step-num">4</div>
|
||||||
|
<div class="v2-step-title">EXECUTE</div>
|
||||||
|
<p class="v2-step-desc">We execute flawlessly<br/>to bring it to life.</p>
|
||||||
|
</div>
|
||||||
|
<div class="v2-step v2-reveal v2-reveal-delay-4">
|
||||||
|
<div class="v2-step-icon-circle">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-step-num">5</div>
|
||||||
|
<div class="v2-step-title">CELEBRATE</div>
|
||||||
|
<p class="v2-step-desc">You enjoy every moment,<br/>we handle the rest.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ═══════════════════════════════════════════
|
||||||
|
SECTION 6 — TESTIMONIALS
|
||||||
|
═══════════════════════════════════════════ -->
|
||||||
|
<section id="v2-testimonials">
|
||||||
|
<div class="v2-testimonials-inner">
|
||||||
|
<div class="v2-testimonials-left v2-reveal">
|
||||||
|
<div class="v2-section-header-group">
|
||||||
|
<span class="v2-eyebrow-num">05.</span>
|
||||||
|
<span class="v2-eyebrow-text">CLIENT LOVE</span>
|
||||||
|
</div>
|
||||||
|
<h2 class="v2-section-title">
|
||||||
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">Loved By Clients,</span><br/>
|
||||||
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">Remembered</span><br/>
|
||||||
|
<span class="v2-gold-text" style="font-family: var(--v2-font-display); font-style: italic;">By</span>
|
||||||
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);"> Guests</span>
|
||||||
|
</h2>
|
||||||
|
<div class="v2-hero-divider v2-reveal">
|
||||||
|
<img src="/theme_aakriti_v2/static/src/img/decorative-line.png" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
|
||||||
|
</div>
|
||||||
|
<a href="/contactus" class="v2-btn-outline-dark">READ MORE REVIEWS +</a>
|
||||||
|
</div>
|
||||||
|
<div class="v2-testimonials-right">
|
||||||
|
<div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-1">
|
||||||
|
<div class="v2-testimonial-top-row">
|
||||||
|
<div class="v2-quote-mark-new">“</div>
|
||||||
|
<div class="v2-stars"><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span></div>
|
||||||
|
</div>
|
||||||
|
<p class="v2-testimonial-text-new">Aakrithi Events made our dream wedding an absolute fairytale. Every detail was beyond perfect! Every detail was beyond perfect!</p>
|
||||||
|
<div class="v2-testimonial-author-new">- Priya & Arjun</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-2">
|
||||||
|
<div class="v2-testimonial-top-row">
|
||||||
|
<div class="v2-quote-mark-new">“</div>
|
||||||
|
<div class="v2-stars"><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span></div>
|
||||||
|
</div>
|
||||||
|
<p class="v2-testimonial-text-new">Professional, creative and incredibly supportive team. They turned our vision into an unforgettable experience. Every detail was beyond perfect!</p>
|
||||||
|
<div class="v2-testimonial-author-new">- Rohit Mehta</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-3">
|
||||||
|
<div class="v2-testimonial-top-row">
|
||||||
|
<div class="v2-quote-mark-new">“</div>
|
||||||
|
<div class="v2-stars"><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span></div>
|
||||||
|
</div>
|
||||||
|
<p class="v2-testimonial-text-new">From planning to execution, everything was seamless. Our guests are still talking about the event! Every detail was beyond perfect!</p>
|
||||||
|
<div class="v2-testimonial-author-new">- Neha Sharma</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ═══════════════════════════════════════════
|
||||||
|
SECTION 7 — STATS STRIP
|
||||||
|
═══════════════════════════════════════════ -->
|
||||||
|
<section id="v2-stats">
|
||||||
|
<div class="v2-stats-grid">
|
||||||
|
<div class="v2-stat-item">
|
||||||
|
<div class="v2-stat-icon-wrap">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-stat-number">10+</div>
|
||||||
|
<div class="v2-stat-label">YEARS OF EXPERIENCE</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-stat-dot">•</div>
|
||||||
|
<div class="v2-stat-item">
|
||||||
|
<div class="v2-stat-icon-wrap">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2L15 12L22 15L15 18L12 22L9 18L2 15L9 12L12 2Z"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-stat-number">500+</div>
|
||||||
|
<div class="v2-stat-label">EVENTS EXECUTED</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-stat-dot">•</div>
|
||||||
|
<div class="v2-stat-item">
|
||||||
|
<div class="v2-stat-icon-wrap">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-stat-number">1000+</div>
|
||||||
|
<div class="v2-stat-label">HAPPY CLIENTS</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-stat-dot">•</div>
|
||||||
|
<div class="v2-stat-item">
|
||||||
|
<div class="v2-stat-icon-wrap">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-stat-number">50+</div>
|
||||||
|
<div class="v2-stat-label">EXPERT TEAM MEMBERS</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-stat-dot">•</div>
|
||||||
|
<div class="v2-stat-item">
|
||||||
|
<div class="v2-stat-icon-wrap">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg>
|
||||||
|
</div>
|
||||||
|
<div class="v2-stat-number">100%</div>
|
||||||
|
<div class="v2-stat-label">CLIENT SATISFACTION</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ═══════════════════════════════════════════
|
||||||
|
SECTION 8 — CTA + CONTACT FORM
|
||||||
|
═══════════════════════════════════════════ -->
|
||||||
|
<section id="v2-cta-new">
|
||||||
|
<div class="v2-cta-new-inner">
|
||||||
|
<div class="v2-cta-col-text">
|
||||||
|
<div class="v2-section-header-group">
|
||||||
|
<span class="v2-eyebrow-num">06.</span>
|
||||||
|
</div>
|
||||||
|
<h2 class="v2-section-title">
|
||||||
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">Ready To Create</span><br/>
|
||||||
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">Something Incredible?</span>
|
||||||
|
</h2>
|
||||||
|
<div class="v2-hero-divider">
|
||||||
|
<img src="/theme_aakriti_v2/static/src/img/decorative-line.png" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
|
||||||
|
</div>
|
||||||
|
<p>Let's make your next event an extraordinary experience that your guests will never forget.</p>
|
||||||
|
</div>
|
||||||
|
<div class="v2-cta-col-form">
|
||||||
|
<form action="/rental/request" method="get">
|
||||||
|
<div class="v2-form-row">
|
||||||
|
<div class="v2-form-group-new">
|
||||||
|
<input type="text" id="v2-fname" name="customer_name" placeholder="Your Name"/>
|
||||||
|
</div>
|
||||||
|
<div class="v2-form-group-new">
|
||||||
|
<input type="tel" id="v2-phone" name="customer_phone" placeholder="Phone Number"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-form-row">
|
||||||
|
<div class="v2-form-group-new">
|
||||||
|
<input type="email" id="v2-email" name="customer_email" placeholder="Email Address"/>
|
||||||
|
</div>
|
||||||
|
<div class="v2-form-group-new">
|
||||||
|
<select id="v2-etype" name="event_type">
|
||||||
|
<option value="">Event Type</option>
|
||||||
|
<option value="wedding">Wedding</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-form-row">
|
||||||
|
<div class="v2-form-group-new">
|
||||||
|
<input type="date" id="v2-date" name="event_date"/>
|
||||||
|
</div>
|
||||||
|
<div class="v2-form-group-new">
|
||||||
|
<select id="v2-budget" name="budget">
|
||||||
|
<option value="">Budget</option>
|
||||||
|
<option value="low">Low</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-form-group-new">
|
||||||
|
<textarea id="v2-message" name="message" placeholder="Message"></textarea>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="v2-btn-gold v2-btn-submit-new">
|
||||||
|
LET'S PLAN TOGETHER
|
||||||
|
<span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="v2-cta-col-image-info">
|
||||||
|
<div class="v2-cta-image-curve">
|
||||||
|
<img src="/theme_aakriti_v2/static/src/img/wedding.png" alt="Contact"/>
|
||||||
|
</div>
|
||||||
|
<div class="v2-cta-contact-info">
|
||||||
|
<div class="v2-contact-line">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.5 2 2 0 0 1 3.6 1.29h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.89-.89a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16z"/></svg>
|
||||||
|
<span>+91 98765 43210</span>
|
||||||
|
</div>
|
||||||
|
<div class="v2-contact-line">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
|
||||||
|
<span>hello@aakrithievents.com</span>
|
||||||
|
</div>
|
||||||
|
<div class="v2-contact-line">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
|
||||||
|
<span>123, Celebration Avenue,<br/>Bangalore, India - 560001</span>
|
||||||
|
</div>
|
||||||
|
<div class="v2-contact-social">
|
||||||
|
<span class="v2-eyebrow" style="font-size: 0.65rem;">FOLLOW US</span>
|
||||||
|
<div class="v2-social-icons">
|
||||||
|
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg></a>
|
||||||
|
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/></svg></a>
|
||||||
|
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"/></svg></a>
|
||||||
|
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33 2.78 2.78 0 0 0 1.94 2c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.33 29 29 0 0 0-.46-5.33z"/><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"/></svg></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<hr class="v2-divider"/>
|
||||||
|
</div>
|
||||||
|
</xpath>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ── 3. CATALOG PAGE OVERRIDE ───────────────────────────── -->
|
||||||
|
<template id="v2_rental_catalog_inherit" inherit_id="event_rental.rental_catalog_template" name="V2 Rental Catalog" priority="500">
|
||||||
|
<xpath expr="//div[@id='wrap']" position="replace">
|
||||||
|
<div id="wrap" class="oe_structure oe_empty" style="background-color:#fdf6e3; font-family:'Jost',sans-serif; padding-top:96px;">
|
||||||
|
<section style="max-width:1600px; margin:0 auto; padding:60px 32px 80px;">
|
||||||
|
<div style="margin-bottom:48px;">
|
||||||
|
<span class="v2-eyebrow" style="display:block; margin-bottom:12px;">Rental Collection</span>
|
||||||
|
<h1 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(2.5rem,5vw,4rem); font-weight:700; color:#1a1206; margin:0 0 16px; line-height:1.1;">Our Event Rental Products</h1>
|
||||||
|
<p style="color:#6b5e4e; font-size:0.95rem; max-width:560px; line-height:1.75; margin:0;">Browse our premium collection of event rental items to elevate your special occasion.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3 mb-4">
|
||||||
|
<div style="background:#ffffff; border:1px solid rgba(201,151,58,0.2); border-radius:12px; padding:20px; box-shadow:0 4px 20px rgba(30,18,8,0.06);">
|
||||||
|
<h5 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:1.2rem; font-weight:700; color:#1a1206; margin:0 0 16px; padding-bottom:12px; border-bottom:2px solid #C9973A;">Categories</h5>
|
||||||
|
<div style="display:flex; flex-direction:column; gap:4px;">
|
||||||
|
<a t-att-href="'/rentals' + (search and ('?search=' + search) or '')"
|
||||||
|
t-att-style="'display:block; padding:9px 12px; border-radius:6px; font-size:0.85rem; font-weight:600; text-decoration:none; transition:all 0.2s; ' + (not current_category and 'background:#1e1208; color:#ffffff;' or 'color:#1a1206;')">
|
||||||
|
All Products
|
||||||
|
</a>
|
||||||
|
<t t-foreach="categories" t-as="cat">
|
||||||
|
<a t-att-href="'/rentals?category=' + str(cat.id) + (search and ('&search=' + search) or '')"
|
||||||
|
t-att-style="'display:block; padding:9px 12px; border-radius:6px; font-size:0.85rem; font-weight:600; text-decoration:none; transition:all 0.2s; ' + (current_category == cat.id and 'background:#1e1208; color:#ffffff;' or 'color:#1a1206;')">
|
||||||
|
<span t-field="cat.name"/>
|
||||||
|
</a>
|
||||||
|
</t>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-9">
|
||||||
|
<div style="margin-bottom:24px;">
|
||||||
|
<form action="/rentals" method="get" style="display:flex; gap:12px;">
|
||||||
|
<input type="hidden" name="category" t-att-value="current_category" t-if="current_category"/>
|
||||||
|
<input type="text" name="search" class="form-control" placeholder="Search rental products…" t-att-value="search" style="border:1.5px solid rgba(201,151,58,0.3); border-radius:8px; padding:10px 16px; font-family:'Jost',sans-serif;"/>
|
||||||
|
<button type="submit" style="background:#C9973A; color:#fff; border:none; border-radius:8px; padding:10px 24px; font-weight:700; font-size:0.85rem; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; white-space:nowrap;">Search</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div t-if="not products" style="text-align:center; padding:80px 20px; background:#ffffff; border-radius:12px; border:1px solid rgba(201,151,58,0.2);">
|
||||||
|
<h3 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:1.8rem; color:#1a1206; margin:0 0 8px;">No Products Found</h3>
|
||||||
|
<p style="color:#6b5e4e; font-size:0.9rem;">We couldn't find any rental products matching your filters.</p>
|
||||||
|
<a href="/rentals" style="display:inline-block; margin-top:16px; color:#C9973A; font-weight:600; text-decoration:underline; font-size:0.9rem;">Clear Filters</a>
|
||||||
|
</div>
|
||||||
|
<div class="row" t-if="products">
|
||||||
|
<t t-foreach="products" t-as="product">
|
||||||
|
<div class="col-md-4 col-sm-6 mb-4">
|
||||||
|
<div style="background:#ffffff; border:1px solid rgba(201,151,58,0.15); border-radius:12px; overflow:hidden; box-shadow:0 4px 20px rgba(30,18,8,0.06); transition:transform 0.3s ease, box-shadow 0.3s ease; height:100%; display:flex; flex-direction:column;">
|
||||||
|
<div style="height:200px; overflow:hidden; background:#f5ead0; position:relative;">
|
||||||
|
<img t-if="product.image_1920" t-att-src="image_data_uri(product.image_1920)" style="width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease;" loading="lazy"/>
|
||||||
|
<div t-else="" style="display:flex; align-items:center; justify-content:center; height:100%; color:#C9973A; font-size:3rem;">🎪</div>
|
||||||
|
</div>
|
||||||
|
<div style="padding:20px; display:flex; flex-direction:column; flex:1;">
|
||||||
|
<h3 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:1.2rem; font-weight:700; color:#1a1206; margin:0 0 8px;" t-field="product.name"/>
|
||||||
|
<p style="font-size:0.82rem; color:#6b5e4e; line-height:1.65; flex:1; margin:0 0 16px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;" t-field="product.description_sale"/>
|
||||||
|
<div style="display:flex; align-items:center; justify-content:space-between; padding-top:12px; border-top:1px solid rgba(201,151,58,0.15);">
|
||||||
|
<div>
|
||||||
|
<span style="font-family:'Cormorant Garamond',Georgia,serif; font-size:1.3rem; font-weight:700; color:#1e1208;" t-field="product.rental_price_per_day" t-options="{'widget': 'monetary', 'display_currency': res_company.currency_id}"/>
|
||||||
|
<span style="font-size:0.72rem; color:#6b5e4e; display:block;">/ day</span>
|
||||||
|
</div>
|
||||||
|
<a t-att-href="'/rentals/%s' % slug(product)" style="background:#1e1208; color:#ffffff; font-size:0.75rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:8px 16px; border-radius:6px; text-decoration:none; transition:background 0.2s;">View Details</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</t>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</xpath>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ── 4. ABOUT US PAGE ───────────────────────────────────── -->
|
||||||
|
<template id="v2_aboutus" inherit_id="website.aboutus" name="V2 About Us" active="True" priority="500">
|
||||||
|
<xpath expr="//div[@id='wrap']" position="replace">
|
||||||
|
<div id="wrap" class="oe_structure oe_empty" style="background-color:#fdf6e3; font-family:'Jost',sans-serif; padding-top:96px;">
|
||||||
|
<section style="max-width:1600px; margin:0 auto; padding:80px 32px; display:grid; grid-template-columns:1fr 0.85fr; gap:80px; align-items:start;">
|
||||||
|
<div>
|
||||||
|
<span class="v2-eyebrow" style="display:block; margin-bottom:16px;">About</span>
|
||||||
|
<h1 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(2.8rem,5vw,4.5rem); font-weight:700; color:#1a1206; margin:0 0 32px; line-height:1.1;">About Aakriti<br/>Design Events</h1>
|
||||||
|
<div style="height:2px; background:linear-gradient(to right,transparent,rgba(201,151,58,0.5),transparent); margin-bottom:36px;"></div>
|
||||||
|
<div style="display:flex; flex-direction:column; gap:20px; font-size:1rem; color:#6b5e4e; line-height:1.85;">
|
||||||
|
<p style="margin:0;">Aakriti Design specializes in event decor and wedding design that goes beyond surface-level styling. We create environments that reflect your story, your culture, and the experience you want your guests to remember.</p>
|
||||||
|
<p style="margin:0;">With over 10 years of experience in event design, logistics, and space management, Paarul Ladd brings a thoughtful understanding of how celebrations unfold and how environments shape experiences.</p>
|
||||||
|
</div>
|
||||||
|
<div style="margin-top:40px;">
|
||||||
|
<a href="/rental/request" class="v2-btn-dark">Book a Consultation →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="border-radius:16px; overflow:hidden; box-shadow:0 20px 60px rgba(30,18,8,0.18);">
|
||||||
|
<img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Aakriti Events" style="width:100%; display:block; object-fit:cover;"/>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</xpath>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ── 5. CONTACT US PAGE ─────────────────────────────────── -->
|
||||||
|
<template id="v2_contactus" inherit_id="website.contactus" name="V2 Contact Us" active="True" priority="500">
|
||||||
|
<xpath expr="//div[@id='wrap']" position="replace">
|
||||||
|
<div id="wrap" class="oe_structure oe_empty" style="background-color:#fdf6e3; font-family:'Jost',sans-serif; padding-top:96px; min-height:80vh; display:flex; align-items:center; justify-content:center;">
|
||||||
|
<main style="width:100%; max-width:640px; margin:0 auto; padding:80px 32px; text-align:center;">
|
||||||
|
<span class="v2-eyebrow" style="display:block; margin-bottom:16px;">Contact</span>
|
||||||
|
<h1 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(2.8rem,5vw,4.5rem); font-weight:700; color:#1a1206; margin:0 0 32px;">Let's Connect</h1>
|
||||||
|
<div style="height:2px; background:linear-gradient(to right,transparent,rgba(201,151,58,0.4),transparent); margin-bottom:36px;"></div>
|
||||||
|
<p style="color:#6b5e4e; line-height:1.8; margin:0 0 40px;">For inquiries, collaborations, wedding consultations, or event planning questions, send us a message. We respond personally within two business days.</p>
|
||||||
|
<div style="display:flex; align-items:center; justify-content:center; gap:12px; font-family:'Cormorant Garamond',Georgia,serif; font-size:1.3rem; color:#1a1206;">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
|
||||||
|
<a href="mailto:hello@aakritidesign.com" style="color:#1a1206; text-decoration:none;">hello@aakritidesign.com</a>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
</xpath>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</odoo>
|
||||||
Loading…
x
Reference in New Issue
Block a user