2533 lines
161 KiB
XML
2533 lines
161 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
||
<odoo>
|
||
|
||
<!-- Create the About Us website page record -->
|
||
<record id="aboutus_page" model="website.page">
|
||
<field name="name">About Us</field>
|
||
<field name="url">/aboutus</field>
|
||
<field name="is_published">True</field>
|
||
<field name="view_id" ref="website.aboutus"/>
|
||
<field name="track">True</field>
|
||
</record>
|
||
|
||
<!-- ============================================================
|
||
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&family=Great+Vibes&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/aakriti-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">Rentals</a>
|
||
<a href="/services">Services</a>
|
||
<a href="/portfolio">Portfolio</a>
|
||
<a href="/blog">Blog</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/aakriti-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">Rentals</a>
|
||
<a href="/services">Services</a>
|
||
<a href="/portfolio">Portfolio</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/aakriti-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">Rentals</a></li>
|
||
<li><a href="/services">Services</a></li>
|
||
<li><a href="/portfolio">Portfolio</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>
|
||
|
||
<a href="mailto:info@aakritidesign.com" style="color: inherit; text-decoration: none;">info@aakritidesign.com</a>
|
||
</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">
|
||
<style>
|
||
.v2-footer-social {
|
||
display: flex;
|
||
gap: 10px;
|
||
margin-top: 20px;
|
||
flex-wrap: wrap;
|
||
}
|
||
.v2-social-link {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 38px;
|
||
height: 38px;
|
||
border-radius: 50%;
|
||
background: rgba(255,255,255,0.08);
|
||
border: 1px solid rgba(255,255,255,0.15);
|
||
transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
|
||
color: #fff;
|
||
text-decoration: none;
|
||
}
|
||
.v2-social-link:hover {
|
||
background: #C9973A;
|
||
border-color: #C9973A;
|
||
transform: translateY(-3px);
|
||
}
|
||
.v2-social-link svg {
|
||
display: block;
|
||
}
|
||
</style>
|
||
|
||
<!-- Facebook -->
|
||
<a href="#" class="v2-social-link" aria-label="Facebook">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
|
||
<path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/>
|
||
</svg>
|
||
</a>
|
||
|
||
<!-- Instagram -->
|
||
<a href="https://www.instagram.com/your_username/"
|
||
class="v2-social-link"
|
||
aria-label="Instagram"
|
||
target="_blank"
|
||
rel="noopener noreferrer">
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
|
||
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/>
|
||
</svg>
|
||
|
||
</a>
|
||
|
||
<!-- Twitter / X -->
|
||
<a href="#" class="v2-social-link" aria-label="Twitter / X">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
|
||
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
|
||
</svg>
|
||
</a>
|
||
|
||
<!-- LinkedIn -->
|
||
<a href="#" class="v2-social-link" aria-label="LinkedIn">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
|
||
<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/>
|
||
<rect width="4" height="12" x="2" y="9"/>
|
||
<circle cx="4" cy="4" r="2"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="v2-footer-bottom">
|
||
©<span id="v2-footer-year">2024</span>
|
||
Aakriti 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.webp" 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">
|
||
Aakriti 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 1.5 — ABOUT US (OUR STORY)
|
||
═══════════════════════════════════════════ -->
|
||
<section id="v2-home-about" style="padding: 60px 0; background-color: var(--v2-cream); overflow: hidden; position: relative;">
|
||
<style>
|
||
.v2-about-wrapper {
|
||
max-width: 1600px;
|
||
margin: 0 auto;
|
||
<!-- padding: 0 32px; -->
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 20px;
|
||
flex-wrap: wrap;
|
||
}
|
||
.v2-about-text {
|
||
flex: 1;
|
||
min-width: 300px;
|
||
padding: 0 20px;
|
||
text-align: center;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
.v2-about-eyebrow {
|
||
font-family: 'Great Vibes', cursive;
|
||
color: var(--v2-gold);
|
||
font-size: 2.5rem;
|
||
margin-bottom: 10px;
|
||
line-height: 1;
|
||
}
|
||
.v2-about-title {
|
||
font-family: var(--v2-font-display);
|
||
font-size: clamp(2.5rem, 4vw, 3.8rem);
|
||
color: var(--v2-dark);
|
||
line-height: 1.15;
|
||
margin-bottom: 20px;
|
||
font-weight: 600;
|
||
}
|
||
.v2-about-desc {
|
||
color: var(--v2-text);
|
||
font-size: 1.1rem;
|
||
line-height: 1.8;
|
||
margin-bottom: 40px;
|
||
max-width: 90%;
|
||
}
|
||
.v2-about-images {
|
||
<!-- flex: 0 0 790px; -->
|
||
max-width: 100%;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
}
|
||
.v2-about-img-single {
|
||
width: 790px;
|
||
max-width: 100%;
|
||
height: auto;
|
||
display: block;
|
||
}
|
||
.v2-about-btn {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
color: var(--v2-gold);
|
||
font-size: 0.85rem;
|
||
font-weight: 600;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
text-decoration: none;
|
||
border: 1px solid var(--v2-gold);
|
||
padding: 14px 28px;
|
||
border-radius: 4px;
|
||
transition: all 0.3s ease;
|
||
}
|
||
.v2-about-btn:hover {
|
||
background-color: var(--v2-gold);
|
||
color: #fff;
|
||
}
|
||
.v2-about-btn svg {
|
||
transition: transform 0.3s ease;
|
||
}
|
||
.v2-about-btn:hover svg {
|
||
transform: translateX(4px);
|
||
}
|
||
@media (max-width: 991px) {
|
||
.v2-about-wrapper { flex-direction: column-reverse; gap: 40px; }
|
||
}
|
||
</style>
|
||
<div class="v2-about-wrapper">
|
||
<div class="v2-about-images v2-reveal v2-reveal-delay-1">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/about-us.png" alt="Our Story" class="v2-about-img-single"/>
|
||
</div>
|
||
<div class="v2-about-text v2-reveal">
|
||
<div class="v2-about-eyebrow">Our Story</div>
|
||
<h2 class="v2-about-title">From a Dream<br/>to Beautiful<br/>Realities</h2>
|
||
<div style="margin-bottom: 25px; width: 100%; display: flex; justify-content: center;">
|
||
<img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Divider" style="max-width: 200px; height: auto;" />
|
||
</div>
|
||
<p class="v2-about-desc">
|
||
Aakriti Design was born from a love for celebrations and a passion for creating unforgettable experiences. What started as a small idea has grown into a creative studio trusted by clients for life's most special moments.
|
||
</p>
|
||
<a href="/aboutus" class="v2-about-btn">
|
||
OUR JOURNEY
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 16 16 12 12 8"/><line x1="8" x2="16" y1="12" y2="12"/></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- <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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/features/creative-concepts.webp"
|
||
alt="Creative Concepts"
|
||
width="40"
|
||
height="40"/>
|
||
</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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/features/flawless-planning.webp" alt="Creative Concepts" width="40" height="40"/>
|
||
</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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/features/vendor-management.webp" alt="Creative Concepts" width="40" height="40"/>
|
||
</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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/features/premium-design.webp" alt="Creative Concepts" width="40" height="40"/>
|
||
</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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/features/memorable-experiences.webp" alt="Creative Concepts" width="40" height="40"/>
|
||
</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.webp" 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/home/services/wedding.webp" 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/home/services/corporate-events.webp" 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/home/services/birthday.webp" 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/home/services/cultural-event.webp" 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/home/services/stage-decor.webp" 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/home/services/brand-launches.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/home/services/private-parties.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/home/services/event-coordination.webp" 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.webp" 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="/portfolio" 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/home/works/1.webp" alt="Gallery 1" loading="lazy"/></div>
|
||
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/2.webp" alt="Gallery 2" loading="lazy"/></div>
|
||
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/3.webp" alt="Gallery 3" loading="lazy"/></div>
|
||
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/4.webp" alt="Gallery 4" loading="lazy"/></div>
|
||
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/5.webp" alt="Gallery 5" loading="lazy"/></div>
|
||
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/6.webp" alt="Gallery 6" loading="lazy"/></div>
|
||
</div>
|
||
<div class="v2-gallery-nav">
|
||
<button id="v2-gallery-prev" class="v2-gallery-btn-nav" aria-label="Previous">
|
||
<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="M19 12H5"/><path d="m12 19-7-7 7-7"/></svg>
|
||
</button>
|
||
<button id="v2-gallery-next" class="v2-gallery-btn-nav" 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>
|
||
</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:;">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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/process/discover.png"
|
||
alt="Discover"
|
||
width="40"
|
||
height="40"/>
|
||
</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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/process/design.png"
|
||
alt="Design"
|
||
width="40"
|
||
height="40"/>
|
||
</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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/process/plan.png"
|
||
alt="Plan"
|
||
width="40"
|
||
height="40"/>
|
||
</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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/process/execute.png"
|
||
alt="Execute"
|
||
width="40"
|
||
height="40"/>
|
||
</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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/process/celebrate.png"
|
||
alt="Celebrate"
|
||
width="40"
|
||
height="40"/>
|
||
</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 5.5 — CTA
|
||
═══════════════════════════════════════════ -->
|
||
<section id="v2-cta" class="v2-reveal">
|
||
<div class="v2-cta-inner">
|
||
<h2 class="v2-cta-title" style="font-family: var(--v2-font-display);">Where Flowers Tell Your Story</h2>
|
||
<p class="v2-cta-subtitle">Flowers for Every Chapter — Celebrate, Comfort, and<br/>Connect with the Perfect Blooms. Let's Create Something<br/>Meaningful Together.</p>
|
||
<a href="/contactus" class="v2-btn-cta">Book a consult</a>
|
||
</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.webp" 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">Aakriti 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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/counter/experience.webp"
|
||
alt="Years Experience"
|
||
width="50"
|
||
height="50"/>
|
||
</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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/counter/events-executed.webp"
|
||
alt="Events Executed"
|
||
width="50"
|
||
height="50"/>
|
||
</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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/counter/happy-clients.webp"
|
||
alt="Happy Clients"
|
||
width="50"
|
||
height="50"/>
|
||
</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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/counter/expert-team.webp"
|
||
alt="Expert Team"
|
||
width="50"
|
||
height="50"/>
|
||
</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">
|
||
<img src="/theme_aakriti_v2/static/src/img/home/counter/client-satisfaction.webp"
|
||
alt="Client Satisfaction"
|
||
width="50"
|
||
height="50"/>
|
||
</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.webp" 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@Aakritievents.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:#ffffff; font-family:'Jost',sans-serif;">
|
||
<!-- Inner Banner -->
|
||
<section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/inner-banner/2.webp');">
|
||
<div class="v2-inner-banner-content">
|
||
<h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">About Us</h1>
|
||
<div class="v2-inner-banner-breadcrumb">
|
||
<a href="/">Home</a> / <span class="v2-active">About Us</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<style>
|
||
.v2-about-section {
|
||
max-width: 1320px;
|
||
margin: 0 auto;
|
||
padding: 80px 24px;
|
||
}
|
||
.v2-story-grid {
|
||
display: grid;
|
||
gap: 60px;
|
||
align-items: center;
|
||
grid-template-columns: 1fr;
|
||
}
|
||
@media (min-width: 992px) {
|
||
.v2-story-grid {
|
||
grid-template-columns: 1fr 1fr;
|
||
}
|
||
}
|
||
.v2-about-label {
|
||
font-size: 0.75rem;
|
||
font-weight: 700;
|
||
color: #C9973A;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.15em;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 16px;
|
||
margin-bottom: 16px;
|
||
}
|
||
.v2-about-label::after, .v2-about-label.center::before {
|
||
content: "";
|
||
height: 1px;
|
||
background-color: #C9973A;
|
||
flex: 1;
|
||
max-width: 40px;
|
||
}
|
||
.v2-about-title {
|
||
font-family: 'Cormorant Garamond', Georgia, serif;
|
||
font-size: clamp(2.5rem, 4vw, 3.5rem);
|
||
color: #1a1206;
|
||
line-height: 1.1;
|
||
margin-bottom: 24px;
|
||
font-weight: 600;
|
||
}
|
||
.v2-about-title span.gold {
|
||
color: #C9973A;
|
||
}
|
||
.v2-about-text {
|
||
color: #666;
|
||
font-size: 0.95rem;
|
||
line-height: 1.8;
|
||
margin-bottom: 16px;
|
||
}
|
||
.v2-btn-gold-solid {
|
||
background-color: #C9973A;
|
||
color: white;
|
||
padding: 12px 24px;
|
||
border-radius: 4px;
|
||
text-decoration: none;
|
||
font-weight: 600;
|
||
font-size: 0.85rem;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
transition: all 0.3s ease;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.05em;
|
||
border: none;
|
||
}
|
||
.v2-btn-gold-solid:hover {
|
||
background-color: #b5852f;
|
||
color: white;
|
||
}
|
||
.v2-features-grid-about {
|
||
display: grid;
|
||
gap: 20px;
|
||
grid-template-columns: 1fr;
|
||
}
|
||
@media (min-width: 768px) {
|
||
.v2-features-grid-about {
|
||
grid-template-columns: repeat(3, 1fr);
|
||
}
|
||
}
|
||
@media (min-width: 1024px) {
|
||
.v2-features-grid-about {
|
||
grid-template-columns: repeat(6, 1fr);
|
||
}
|
||
}
|
||
.v2-feature-card {
|
||
border: 1px solid #f0e6d2;
|
||
border-radius: 12px;
|
||
padding: 32px 16px;
|
||
text-align: center;
|
||
background: #ffffff;
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
height: 100%;
|
||
}
|
||
.v2-feature-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
|
||
border-color: #C9973A;
|
||
}
|
||
.v2-feature-icon-new {
|
||
color: #C9973A;
|
||
margin-bottom: 20px;
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
.v2-feature-icon-new svg {
|
||
width: 36px;
|
||
height: 36px;
|
||
}
|
||
.v2-feature-card h4 {
|
||
font-family: 'Jost', sans-serif;
|
||
font-size: 1rem;
|
||
font-weight: 600;
|
||
color: #1a1206;
|
||
margin-bottom: 12px;
|
||
line-height: 1.3;
|
||
}
|
||
.v2-feature-card p {
|
||
font-size: 0.85rem;
|
||
color: #666;
|
||
line-height: 1.6;
|
||
margin: 0;
|
||
}
|
||
.v2-founder-section {
|
||
background-color: #fdf9f1;
|
||
padding: 80px 24px;
|
||
}
|
||
.v2-founder-grid {
|
||
max-width: 1320px;
|
||
margin: 0 auto;
|
||
display: grid;
|
||
gap: 40px;
|
||
grid-template-columns: 1fr;
|
||
align-items: center;
|
||
}
|
||
@media (min-width: 992px) {
|
||
.v2-founder-grid {
|
||
grid-template-columns: 1fr 1.2fr 1fr;
|
||
}
|
||
}
|
||
.v2-founder-img {
|
||
width: 100%;
|
||
border-radius: 12px;
|
||
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
|
||
object-fit: cover;
|
||
}
|
||
.v2-founder-quote-card {
|
||
background: #ffffff;
|
||
border-radius: 12px;
|
||
padding: 40px 32px;
|
||
box-shadow: 0 15px 40px rgba(0,0,0,0.04);
|
||
position: relative;
|
||
overflow: hidden;
|
||
height: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
}
|
||
.v2-quote-icon {
|
||
font-size: 4rem;
|
||
color: #C9973A;
|
||
font-family: Georgia, serif;
|
||
line-height: 0.6;
|
||
margin-bottom: 16px;
|
||
}
|
||
.v2-quote-text {
|
||
font-size: 0.95rem;
|
||
color: #666;
|
||
line-height: 1.7;
|
||
margin-bottom: 24px;
|
||
}
|
||
.v2-quote-author {
|
||
font-family: 'Cormorant Garamond', serif;
|
||
font-size: 1.8rem;
|
||
font-style: italic;
|
||
color: #1a1206;
|
||
font-weight: 600;
|
||
}
|
||
.v2-flower-deco {
|
||
position: absolute;
|
||
bottom: -15px;
|
||
right: -15px;
|
||
width: 120px;
|
||
opacity: 0.5;
|
||
pointer-events: none;
|
||
}
|
||
.v2-cta-banner {
|
||
position: relative;
|
||
padding: 100px 24px;
|
||
text-align: center;
|
||
background-image: url('/theme_aakriti_v2/static/src/img/about/cta.webp');
|
||
background-size: cover;
|
||
background-position: center;
|
||
<!-- background-attachment: fixed; -->
|
||
}
|
||
.v2-cta-banner::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0; left: 0; right: 0; bottom: 0;
|
||
<!-- background: linear-gradient(to right, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.98) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.98) 75%, rgba(255,255,255,0.2) 100%); -->
|
||
}
|
||
.v2-cta-banner-content {
|
||
position: relative;
|
||
max-width: 800px;
|
||
margin: 0 auto;
|
||
z-index: 1;
|
||
}
|
||
.v2-cta-banner-title {
|
||
font-family: 'Cormorant Garamond', Georgia, serif;
|
||
font-size: clamp(2.5rem, 4vw, 3.5rem);
|
||
color: #1a1206;
|
||
margin-bottom: 16px;
|
||
line-height: 1.1;
|
||
font-weight: 600;
|
||
}
|
||
.v2-cta-banner-text {
|
||
color: #666;
|
||
font-size: 1.05rem;
|
||
line-height: 1.6;
|
||
margin-bottom: 32px;
|
||
max-width: 600px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
.v2-story-images { order: 2; }
|
||
.v2-story-content { order: 1; }
|
||
|
||
/* Responsive spacing adjustments for mobile and tablet */
|
||
@media (max-width: 991.98px) {
|
||
.v2-about-section, .v2-founder-section {
|
||
padding: 48px 20px !important;
|
||
}
|
||
.v2-cta-banner {
|
||
padding: 64px 20px !important;
|
||
}
|
||
.v2-story-grid, .v2-founder-grid {
|
||
gap: 32px;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 992px) {
|
||
.v2-story-images { order: 1; }
|
||
.v2-story-content { order: 2; }
|
||
}
|
||
</style>
|
||
|
||
<!-- SECTION 1: OUR STORY -->
|
||
<section class="v2-about-section">
|
||
<div class="v2-story-grid">
|
||
<!-- Images Left -->
|
||
<div class="v2-story-images" style="display: grid; gap: 16px;">
|
||
<!-- <img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Event setup" style="width: 100%; height: 320px; object-fit: cover; border-radius: 12px;"/> -->
|
||
<div style="display: grid; gap: 16px;">
|
||
<img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-top.webp" alt="Event setup" style="width: 100%; height: 320px; object-fit: cover; border-radius: 12px;"/>
|
||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">
|
||
<img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-left.webp" alt="Event details" style="width: 100%; height: 220px; object-fit: cover; border-radius: 12px;"/>
|
||
<img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-right.webp" alt="Event setup" style="width: 100%; height: 220px; object-fit: cover; border-radius: 12px;"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Content Right -->
|
||
<div class="v2-story-content" style="padding-right: 20px;">
|
||
<div class="v2-about-label">OUR STORY</div>
|
||
<h2 class="v2-about-title">Events Made<br/><span class="gold">With Purpose</span></h2>
|
||
|
||
<!-- Small decorative divider line -->
|
||
<div style="display:flex; align-items:center; gap:8px; margin-bottom:24px; color:#C9973A;">
|
||
<div style="width:5px; height:5px; background:#C9973A; transform:rotate(45deg);"></div>
|
||
<div style="height:1px; width:60px; background:#C9973A;"></div>
|
||
<div style="width:5px; height:5px; background:#C9973A; transform:rotate(45deg);"></div>
|
||
</div>
|
||
|
||
<p class="v2-about-text">Custom event decor and wedding design created with meaning, intention, and cultural understanding.</p>
|
||
<p class="v2-about-text">Aakriti Design specializes in creating environments that reflect your story, your culture, and the experience you want every guest to remember.</p>
|
||
<p class="v2-about-text">Every celebration carries emotion, movement, and energy. We believe beautiful events are designed not only to look extraordinary but to feel effortless.</p>
|
||
<p class="v2-about-text">From intimate gatherings to large multicultural weddings, our approach blends creativity with flawless execution.</p>
|
||
|
||
<div style="margin-top: 36px;">
|
||
<a href="/rental/request" class="v2-btn-gold-solid">
|
||
LET'S CREATE TOGETHER
|
||
<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>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECTION 2: WHAT MAKES US DIFFERENT -->
|
||
<section class="v2-about-section" style="padding-top: 40px; padding-bottom: 120px;">
|
||
<div style="text-align: center; margin-bottom: 60px;">
|
||
<div class="v2-about-label center" style="justify-content: center;">WHAT MAKES US DIFFERENT</div>
|
||
<h2 class="v2-about-title">The Aakriti Difference</h2>
|
||
</div>
|
||
|
||
<div class="v2-features-grid-about">
|
||
|
||
<!-- Card 1 -->
|
||
<div class="v2-feature-card">
|
||
<div class="v2-feature-icon-new">
|
||
<img src="/theme_aakriti_v2/static/src/img/about/icons/fusion-weddings.webp"
|
||
alt="Fusion Weddings"
|
||
width="40"
|
||
height="40"/>
|
||
</div>
|
||
<h4>Fusion Weddings</h4>
|
||
<p>Blending traditions beautifully while respecting every culture.</p>
|
||
</div>
|
||
|
||
<!-- Card 2 -->
|
||
<div class="v2-feature-card">
|
||
<div class="v2-feature-icon-new">
|
||
<img src="/theme_aakriti_v2/static/src/img/about/icons/intentional-design.webp"
|
||
alt="Intentional Design"
|
||
width="40"
|
||
height="40"/>
|
||
</div>
|
||
<h4>Intentional Design</h4>
|
||
<p>Every space is planned around guest experience and flow.</p>
|
||
</div>
|
||
|
||
<!-- Card 3 -->
|
||
<div class="v2-feature-card">
|
||
<div class="v2-feature-icon-new">
|
||
<img src="/theme_aakriti_v2/static/src/img/about/icons/creative-styling.webp"
|
||
alt="Creative Styling"
|
||
width="40"
|
||
height="40"/>
|
||
</div>
|
||
<h4>Creative Styling</h4>
|
||
<p>Every celebration is designed from the ground up.</p>
|
||
</div>
|
||
|
||
<!-- Card 4 -->
|
||
<div class="v2-feature-card">
|
||
<div class="v2-feature-icon-new">
|
||
<img src="/theme_aakriti_v2/static/src/img/about/icons/execution-expertise.webp"
|
||
alt="Execution Expertise"
|
||
width="40"
|
||
height="40"/>
|
||
</div>
|
||
<h4>Execution Expertise</h4>
|
||
<p>Over a decade of practical planning experience.</p>
|
||
</div>
|
||
|
||
<!-- Card 5 -->
|
||
<div class="v2-feature-card">
|
||
<div class="v2-feature-icon-new">
|
||
<img src="/theme_aakriti_v2/static/src/img/about/icons/personalized-service.webp"
|
||
alt="Personalized Service"
|
||
width="40"
|
||
height="40"/>
|
||
</div>
|
||
<h4>Personalized Service</h4>
|
||
<p>No templates. Every design is uniquely yours.</p>
|
||
</div>
|
||
|
||
<!-- Card 6 -->
|
||
<div class="v2-feature-card">
|
||
<div class="v2-feature-icon-new">
|
||
<img src="/theme_aakriti_v2/static/src/img/about/icons/stress-free-process.webp"
|
||
alt="Stress-Free Process"
|
||
width="40"
|
||
height="40"/>
|
||
</div>
|
||
<h4>Stress-Free Process</h4>
|
||
<p>Calm guidance from concept to celebration.</p>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECTION 3: MEET THE FOUNDER -->
|
||
<section class="v2-founder-section">
|
||
<div class="v2-founder-grid">
|
||
<!-- Left: Image -->
|
||
<div>
|
||
<img src="/theme_aakriti_v2/static/src/img/about/meet-the-founder.webp" alt="Founder" class="v2-founder-img" style="aspect-ratio: 4/5;"/>
|
||
</div>
|
||
|
||
<!-- Middle: Content -->
|
||
<div>
|
||
<div class="v2-about-label">MEET THE FOUNDER</div>
|
||
<h2 class="v2-about-title" style="margin-bottom: 16px;">Meet The Creative<br/>Behind <span class="gold">Aakriti</span></h2>
|
||
|
||
<div style="margin-bottom: 16px;">
|
||
<h4 style="font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; color: #C9973A; font-weight: 600; margin: 0;">Paarul Ladd</h4>
|
||
<p style="font-size: 0.85rem; color: #666; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; margin: 4px 0 0;">Founder & Creative Director</p>
|
||
</div>
|
||
|
||
<p class="v2-about-text">With over 10 years of experience in event decor, space planning, and multicultural celebrations, Paarul brings together creativity, precision, and calm leadership.</p>
|
||
<p class="v2-about-text">Her passion is creating spaces that feel beautiful, intentional, and deeply personal.</p>
|
||
|
||
<div style="margin-top: 32px;">
|
||
<a href="/contactus" class="v2-btn-gold-solid">
|
||
READ HER STORY
|
||
<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>
|
||
|
||
<!-- Right: Quote Card -->
|
||
<div class="v2-founder-quote-card">
|
||
<div class="v2-quote-icon">“</div>
|
||
|
||
<p class="v2-quote-text">
|
||
At Aakriti Design, we don't just design events—we create experiences that you and your guests will cherish forever.
|
||
</p>
|
||
|
||
<div class="v2-quote-author">Paarul Ladd</div>
|
||
|
||
<!-- Flower Decoration Image -->
|
||
<img class="v2-flower-deco"
|
||
src="/theme_aakriti_v2/static/src/img/about/meet-the-founder-flower.webp"
|
||
alt="Flower Decoration"
|
||
width="120"
|
||
height="120"/>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECTION 4: CTA BANNER -->
|
||
<section class="v2-cta-banner">
|
||
<div class="v2-cta-banner-content">
|
||
<h2 class="v2-cta-banner-title">Let's Create Something<br/><span style="color:#C9973A;">Beautiful</span> Together</h2>
|
||
<p class="v2-cta-banner-text">Whether you're planning an intimate celebration or a grand wedding, we'll bring your vision to life.</p>
|
||
<a href="/contactus" class="v2-btn-gold-solid" style="display:inline-flex; align-items:center; gap:8px;">
|
||
BOOK A CONSULTATION
|
||
<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>
|
||
</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:var(--v2-cream); font-family:'Jost',sans-serif;">
|
||
<!-- Inner Banner -->
|
||
<section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/inner-banner/3.webp');">
|
||
<div class="v2-inner-banner-content">
|
||
<h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">Contact Us</h1>
|
||
<div class="v2-inner-banner-breadcrumb">
|
||
<a href="/">Home</a> / <span class="v2-active">Contact</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<div class="v2-contact-page">
|
||
<!-- Top section -->
|
||
<div class="v2-contact-hero-grid">
|
||
<div class="v2-contact-hero-left">
|
||
<span class="v2-eyebrow-text" style="color: #c9973a; font-weight: 600; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 2px;">GET IN TOUCH</span>
|
||
<h1 class="v2-contact-title">
|
||
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">LET'S CREATE</span><br/>
|
||
<span class="v2-gold-text" style="font-family: var(--v2-font-display);">SOMETHING</span><br/>
|
||
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">INCREDIBLE TOGETHER</span>
|
||
</h1>
|
||
<div class="v2-hero-divider" style="margin-left: 0; margin-bottom: 25px;">
|
||
<img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 150px; display: block;"/>
|
||
</div>
|
||
<p class="v2-contact-desc">
|
||
Have a question or ready to start planning your<br/>event? We'd love to hear from you.
|
||
</p>
|
||
<div class="v2-contact-details">
|
||
<!-- <div class="v2-contact-item">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" 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.07 19.5 19.5 0 0 1-6.5-6.5A19.79 19.79 0 0 1 1.08 4.18 2 2 0 0 1 3.06 2h3a2 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"></path></svg>
|
||
<span>+91 98765 43210</span>
|
||
</div> -->
|
||
<div class="v2-contact-item">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-10 6L2 7"></path></svg>
|
||
<a href="mailto:info@aakritidesign.com" style="color: inherit; text-decoration: none;">info@aakritidesign.com</a>
|
||
</div>
|
||
<!-- <div class="v2-contact-item">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
|
||
<span>123 Celebration Avenue,<br/>Bangalore, India - 560001</span>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
|
||
<div class="v2-contact-hero-right">
|
||
<div class="v2-contact-form-card">
|
||
<h3 class="v2-form-title">SEND US A MESSAGE</h3>
|
||
<form action="/website/form/crm.lead" method="post" data-model_name="crm.lead" data-success_page="/contactus-thank-you" class="s_website_form">
|
||
<div class="v2-form-grid">
|
||
<div class="v2-form-group">
|
||
<input type="text" name="contact_name" class="v2-form-input" placeholder="Your Name" required="1"/>
|
||
</div>
|
||
<div class="v2-form-group">
|
||
<input type="tel" name="phone" class="v2-form-input" placeholder="Phone Number"/>
|
||
</div>
|
||
<div class="v2-form-group">
|
||
<input type="email" name="email_from" class="v2-form-input" placeholder="Email Address" required="1"/>
|
||
</div>
|
||
<div class="v2-form-group" style="position:relative;">
|
||
<select name="event_type" class="v2-form-select">
|
||
<option value="" disabled="1" selected="1">Event Type</option>
|
||
<option value="Wedding">Wedding</option>
|
||
<option value="Corporate">Corporate</option>
|
||
<option value="Birthday">Birthday</option>
|
||
<option value="Other">Other</option>
|
||
</select>
|
||
<div class="v2-select-arrow">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m6 9 6 6 6-6"/></svg>
|
||
</div>
|
||
</div>
|
||
<div class="v2-form-group" style="position:relative;">
|
||
<select name="budget" class="v2-form-select">
|
||
<option value="" disabled="1" selected="1">Budget</option>
|
||
<option value="Under 5L">Under 5L</option>
|
||
<option value="5L - 10L">5L - 10L</option>
|
||
<option value="10L+">10L+</option>
|
||
</select>
|
||
<div class="v2-select-arrow">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m6 9 6 6 6-6"/></svg>
|
||
</div>
|
||
</div>
|
||
<div class="v2-form-group" style="position:relative;">
|
||
<input type="text" name="event_date" class="v2-form-input" placeholder="Event Date" onfocus="(this.type='date')" onblur="if(!this.value)this.type='text'"/>
|
||
</div>
|
||
<div class="v2-form-group v2-form-full-width">
|
||
<textarea name="description" class="v2-form-textarea" placeholder="Message" rows="5"></textarea>
|
||
</div>
|
||
<div class="v2-form-group v2-form-full-width">
|
||
<button type="submit" class="v2-btn-gold" style="display:inline-flex; align-items:center; font-size: 0.75rem; padding: 12px 10px; text-transform: uppercase; border-radius: 4px; border: none; cursor: pointer;">
|
||
LET'S PLAN TOGETHER
|
||
<span style="display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" 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>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</xpath>
|
||
</template>
|
||
|
||
<!-- ── 6. SERVICES PAGE ───────────────────────────────────── -->
|
||
<template id="v2_services_template" name="Services">
|
||
<t t-call="website.layout">
|
||
<div id="wrap" class="oe_structure oe_empty" style="background-color:#faf8f5; font-family:'Jost',sans-serif;">
|
||
|
||
<!-- Inner Banner -->
|
||
<section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/inner-banner/service-banner.png');">
|
||
<div class="v2-inner-banner-content">
|
||
<h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">Our Services</h1>
|
||
<div class="v2-inner-banner-breadcrumb">
|
||
<a href="/">Home</a> / <span class="v2-active">Services</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ═══════════════════════════════════════════════
|
||
SECTION 1 — EVENT THEMES & DECOR (Full-Width Tabbed Hero View)
|
||
═══════════════════════════════════════════════ -->
|
||
<section class="svc-themes-section">
|
||
<style>
|
||
/* ── Services Page Themes (Full-Width Tabbed Hero View) ── */
|
||
.svc-themes-section {
|
||
padding: 80px 20px 100px !important;
|
||
background-color: #faf8f5 !important;
|
||
width: 100% !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
.svc-fw-themes-container {
|
||
max-width: 1240px !important;
|
||
margin: 0 auto !important;
|
||
width: 100% !important;
|
||
}
|
||
|
||
.svc-fw-header {
|
||
text-align: center !important;
|
||
margin-bottom: 40px !important;
|
||
}
|
||
|
||
.svc-fw-header .svc-eyebrow {
|
||
font-size: 0.85rem !important;
|
||
font-weight: 600 !important;
|
||
color: #C9973A !important;
|
||
letter-spacing: 0.12em !important;
|
||
text-transform: uppercase !important;
|
||
margin-bottom: 12px !important;
|
||
display: inline-block !important;
|
||
}
|
||
|
||
.svc-fw-header .svc-themes-title {
|
||
font-size: 3.2rem !important;
|
||
font-weight: 600 !important;
|
||
color: #1a1206 !important;
|
||
line-height: 1.15 !important;
|
||
margin-bottom: 16px !important;
|
||
text-align: center !important;
|
||
}
|
||
|
||
.svc-fw-header .svc-themes-intro {
|
||
font-size: 1.1rem !important;
|
||
color: #5a4a35 !important;
|
||
line-height: 1.6 !important;
|
||
margin: 0 auto !important;
|
||
max-width: 760px !important;
|
||
text-align: center !important;
|
||
}
|
||
|
||
/* Nav Pills Bar */
|
||
.svc-theme-pills-nav {
|
||
display: flex !important;
|
||
flex-wrap: wrap !important;
|
||
justify-content: center !important;
|
||
align-items: center !important;
|
||
gap: 8px !important;
|
||
margin: 0 auto 50px auto !important;
|
||
padding: 12px 18px !important;
|
||
background: #ffffff !important;
|
||
border-radius: 50px !important;
|
||
border: 1px solid #e8dece !important;
|
||
box-shadow: 0 6px 25px rgba(26, 18, 6, 0.05) !important;
|
||
max-width: 1150px !important;
|
||
}
|
||
|
||
.svc-pill-btn {
|
||
background: transparent !important;
|
||
border: 1px solid transparent !important;
|
||
outline: none !important;
|
||
padding: 10px 22px !important;
|
||
border-radius: 30px !important;
|
||
font-size: 0.95rem !important;
|
||
font-weight: 500 !important;
|
||
color: #5a4a35 !important;
|
||
cursor: pointer !important;
|
||
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
|
||
margin: 0 !important;
|
||
line-height: 1.2 !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
.svc-pill-btn:hover {
|
||
color: #C9973A !important;
|
||
background: rgba(201, 151, 58, 0.08) !important;
|
||
}
|
||
|
||
.svc-pill-btn.active {
|
||
background: #C9973A !important;
|
||
color: #ffffff !important;
|
||
border-color: #C9973A !important;
|
||
box-shadow: 0 4px 18px rgba(201, 151, 58, 0.35) !important;
|
||
font-weight: 600 !important;
|
||
}
|
||
|
||
/* Panels Container */
|
||
.svc-fw-theme-content-wrapper {
|
||
position: relative !important;
|
||
width: 100% !important;
|
||
}
|
||
|
||
.svc-fw-theme-panel {
|
||
display: none !important;
|
||
opacity: 0 !important;
|
||
transition: opacity 0.4s ease-in-out !important;
|
||
}
|
||
|
||
.svc-fw-theme-panel.active {
|
||
display: block !important;
|
||
opacity: 1 !important;
|
||
}
|
||
|
||
/* Hero Banner (Full-Width Image on Top) */
|
||
.svc-fw-hero-banner {
|
||
position: relative !important;
|
||
width: 100% !important;
|
||
height: 480px !important;
|
||
border-radius: 24px !important;
|
||
overflow: hidden !important;
|
||
margin-bottom: 40px !important;
|
||
box-shadow: 0 20px 45px rgba(26, 18, 6, 0.14) !important;
|
||
background-color: #e8dece !important;
|
||
}
|
||
|
||
.svc-fw-hero-img {
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
object-fit: cover !important;
|
||
object-position: center !important;
|
||
display: block !important;
|
||
transition: transform 0.6s ease !important;
|
||
}
|
||
|
||
.svc-fw-hero-banner:hover .svc-fw-hero-img {
|
||
transform: scale(1.03) !important;
|
||
}
|
||
|
||
.svc-fw-hero-overlay {
|
||
position: absolute !important;
|
||
bottom: 0 !important;
|
||
left: 0 !important;
|
||
right: 0 !important;
|
||
padding: 60px 40px 35px !important;
|
||
background: linear-gradient(to top, rgba(26, 18, 6, 0.85) 0%, rgba(26, 18, 6, 0.35) 60%, transparent 100%) !important;
|
||
color: #ffffff !important;
|
||
z-index: 2 !important;
|
||
pointer-events: none !important;
|
||
}
|
||
|
||
.svc-fw-hero-badge {
|
||
display: inline-block !important;
|
||
background: #C9973A !important;
|
||
color: #ffffff !important;
|
||
padding: 6px 16px !important;
|
||
border-radius: 20px !important;
|
||
font-size: 0.75rem !important;
|
||
font-weight: 600 !important;
|
||
letter-spacing: 0.1em !important;
|
||
text-transform: uppercase !important;
|
||
margin-bottom: 12px !important;
|
||
}
|
||
|
||
.svc-fw-hero-title {
|
||
font-family: var(--v2-font-display), serif !important;
|
||
font-size: 2.8rem !important;
|
||
font-weight: 500 !important;
|
||
color: #ffffff !important;
|
||
margin: 0 !important;
|
||
line-height: 1.15 !important;
|
||
text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
|
||
}
|
||
|
||
/* Text Content Below */
|
||
.svc-fw-body {
|
||
padding: 10px 0 !important;
|
||
}
|
||
|
||
.svc-fw-lead {
|
||
font-size: 1.2rem !important;
|
||
line-height: 1.75 !important;
|
||
color: #3d3122 !important;
|
||
margin-bottom: 35px !important;
|
||
max-width: 950px !important;
|
||
font-weight: 400 !important;
|
||
}
|
||
|
||
/* Structured Grid */
|
||
.svc-fw-grid {
|
||
display: grid !important;
|
||
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
|
||
gap: 24px !important;
|
||
margin-top: 30px !important;
|
||
}
|
||
|
||
.svc-fw-grid-item {
|
||
background: #ffffff !important;
|
||
border: 1px solid #f0e6d8 !important;
|
||
border-radius: 18px !important;
|
||
padding: 26px 28px !important;
|
||
box-shadow: 0 4px 18px rgba(26, 18, 6, 0.04) !important;
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
|
||
}
|
||
|
||
.svc-fw-grid-item:hover {
|
||
transform: translateY(-4px) !important;
|
||
box-shadow: 0 12px 30px rgba(201, 151, 58, 0.14) !important;
|
||
border-color: #C9973A !important;
|
||
}
|
||
|
||
.svc-fw-grid-item h4 {
|
||
font-family: var(--v2-font-display), serif !important;
|
||
font-size: 1.25rem !important;
|
||
font-weight: 600 !important;
|
||
color: #1a1206 !important;
|
||
margin: 0 0 10px 0 !important;
|
||
}
|
||
|
||
.svc-fw-grid-item p {
|
||
font-size: 0.96rem !important;
|
||
line-height: 1.65 !important;
|
||
color: #5a4a35 !important;
|
||
margin: 0 !important;
|
||
}
|
||
|
||
@media (max-width: 991px) {
|
||
.svc-fw-hero-banner {
|
||
height: 360px !important;
|
||
}
|
||
.svc-fw-hero-title {
|
||
font-size: 2.2rem !important;
|
||
}
|
||
.svc-theme-pills-nav {
|
||
border-radius: 24px !important;
|
||
}
|
||
.svc-fw-grid {
|
||
grid-template-columns: 1fr !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 575px) {
|
||
.svc-fw-hero-banner {
|
||
height: 280px !important;
|
||
border-radius: 16px !important;
|
||
}
|
||
.svc-fw-hero-title {
|
||
font-size: 1.7rem !important;
|
||
}
|
||
.svc-fw-hero-overlay {
|
||
padding: 30px 20px 20px !important;
|
||
}
|
||
.svc-pill-btn {
|
||
padding: 8px 16px !important;
|
||
font-size: 0.85rem !important;
|
||
}
|
||
}
|
||
</style>
|
||
|
||
<div class="svc-fw-themes-container">
|
||
|
||
<!-- Header -->
|
||
<div class="svc-fw-header">
|
||
<span class="svc-eyebrow">EXPLORE OUR THEMES</span>
|
||
<h2 class="svc-themes-title" style="font-family:var(--v2-font-display);">Event Themes & Decor</h2>
|
||
<p class="svc-themes-intro">Every event deserves a story. Explore our curated themes and let us bring your vision to life with stunning Decor, florals, and design that leave lasting impressions.</p>
|
||
</div>
|
||
|
||
<!-- Tab Navigation Pills -->
|
||
<div class="svc-theme-pills-nav">
|
||
<button class="svc-pill-btn active" type="button" data-target="theme-bohemian">Bohemian</button>
|
||
<button class="svc-pill-btn" type="button" data-target="theme-elegance">Elegance</button>
|
||
<button class="svc-pill-btn" type="button" data-target="theme-fairytale">Fairy Tale</button>
|
||
<button class="svc-pill-btn" type="button" data-target="theme-hollywood">Hollywood Glamour</button>
|
||
<button class="svc-pill-btn" type="button" data-target="theme-romance">Romance</button>
|
||
<button class="svc-pill-btn" type="button" data-target="theme-royal">Royal Wedding</button>
|
||
<button class="svc-pill-btn" type="button" data-target="theme-rustic">Rustic</button>
|
||
<button class="svc-pill-btn" type="button" data-target="theme-shimmer">Shimmer & Bling</button>
|
||
<button class="svc-pill-btn" type="button" data-target="theme-vintage">Vintage</button>
|
||
<button class="svc-pill-btn" type="button" data-target="theme-seasonal">Seasonal</button>
|
||
<button class="svc-pill-btn" type="button" data-target="theme-cultural">Cultural Themes</button>
|
||
<button class="svc-pill-btn" type="button" data-target="theme-blacktie">Black Tie</button>
|
||
<button class="svc-pill-btn" type="button" data-target="theme-simplistic">Simplistic</button>
|
||
</div>
|
||
|
||
<!-- Panels Container -->
|
||
<div class="svc-fw-theme-content-wrapper">
|
||
|
||
<!-- 1. Bohemian -->
|
||
<div class="svc-fw-theme-panel active" id="theme-bohemian">
|
||
<div class="svc-fw-hero-banner">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/theme/Bohemian.webp" alt="Bohemian Event Decor" class="svc-fw-hero-img"/>
|
||
<div class="svc-fw-hero-overlay">
|
||
<span class="svc-fw-hero-badge">CURATED THEME</span>
|
||
<h3 class="svc-fw-hero-title">Bohemian Event Decor</h3>
|
||
</div>
|
||
</div>
|
||
<div class="svc-fw-body">
|
||
<p class="svc-fw-lead">Creating a bohemian-inspired event is all about embracing a relaxed yet artistic aesthetic, showcasing creativity, and incorporating natural elements. Below are key elements and ideas to consider when designing your bohemian event Decor.</p>
|
||
|
||
<div class="svc-fw-grid">
|
||
<div class="svc-fw-grid-item">
|
||
<h4>1. Natural Textures</h4>
|
||
<p>Utilise a variety of textures to bring depth and interest to your space. Consider using organic materials such as wood, wicker, and linen. Throw rugs and macramé hangings can add warmth and a touch of boho flair.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>2. Earthy Colour Palette</h4>
|
||
<p>Opt for a colour scheme that reflects nature, such as muted tones of greens, browns, and soft pastels. Layer these colours in your textiles, flowers, and table settings to create a harmonious look.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>3. Layered Textiles</h4>
|
||
<p>Incorporate a mix of fabrics, such as flowing drapes, patterned cushions, and eclectic blankets. Drape fabric from ceilings or use it to create canopies over seating areas, fostering an inviting atmosphere.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>4. Wildflower Arrangements</h4>
|
||
<p>Choose loose, wildflower floral arrangements for centrepieces and other displays. Seasonal blooms and foraged greenery can enhance the natural vibe, making each display unique.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>5. Vintage Furnishings</h4>
|
||
<p>Source vintage or antique furniture pieces to create an effortlessly chic setting. Low tables, poufs, and floor cushions along with a mix of old and new items can help set the tone.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>6. Ambient Lighting</h4>
|
||
<p>Use soft, warm lighting to create a magical ambiance. String lights, candles, and lanterns can illuminate your space beautifully, especially during evening events. Intertwine fairy lights with greenery for charm.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>7. Artistic Touches</h4>
|
||
<p>Encourage artistic expression in your Decor. Incorporate handmade elements, like painted signs or DIY decorations, that reflect personal touches and foster a creative atmosphere.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>8. Nature-Inspired Elements</h4>
|
||
<p>Bring the outside in by using elements such as stones, feathers, and wood in your Decor. These natural details connect your event with nature and reinforce the bohemian ethos.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>9. Unique Seating</h4>
|
||
<p>Move away from traditional seating models. Use a mix of benches, pouffs, and floor cushions arranged in circles or casual clusters to encourage social interaction and a relaxed vibe.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>10. Personalisation</h4>
|
||
<p>Add personal touches that reflect the host's personality and story. Incorporate items that hold sentimental value, such as family heirlooms or travel souvenirs, to create a warm atmosphere.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 2. Elegance -->
|
||
<div class="svc-fw-theme-panel" id="theme-elegance">
|
||
<div class="svc-fw-hero-banner">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/theme/Elegance.webp" alt="Elegant Event Decor" class="svc-fw-hero-img"/>
|
||
<div class="svc-fw-hero-overlay">
|
||
<span class="svc-fw-hero-badge">CURATED THEME</span>
|
||
<h3 class="svc-fw-hero-title">Elegant Event Decor</h3>
|
||
</div>
|
||
</div>
|
||
<div class="svc-fw-body">
|
||
<p class="svc-fw-lead">Creating an ambiance of elegance for your event requires careful consideration of various elements that not only enhance the aesthetic appeal but also create a memorable experience for guests.</p>
|
||
|
||
<div class="svc-fw-grid">
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Colour Palette</h4>
|
||
<p>Choose a sophisticated colour palette that complements the theme of your event. Soft neutrals, muted pastels, and rich jewel tones convey elegance. Metallics like gold or silver add luxury.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Centrepieces</h4>
|
||
<p>Opt for tall floral arrangements featuring exquisite blossoms like orchids, hydrangeas, or peonies, arranged in elegant vases. Simple candle arrangements with greenery accents offer minimalist elegance.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Table Settings</h4>
|
||
<p>Use fine table linens, such as satin or brocade, for an upscale look. Layer table settings with exquisite china, crystal glassware, and polished cutlery with personalised place cards.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Lighting</h4>
|
||
<p>Utilize soft uplighting, chandeliers, or fairy lights to create a warm and inviting atmosphere. Dimmed lights during the evening enhance the elegance while highlighting key space features.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Floral Arrangements</h4>
|
||
<p>Incorporate lush floral arrangements throughout the venue with a mix of seasonal flowers with varying heights to create visual interest. Elegant greenery adds depth.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Styling Spaces</h4>
|
||
<p>Designate areas for guests to relax and mingle, furnished with stylish lounge seating, elegant draping, and decorative accessories that reflect the overall theme.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 3. Fairy Tale -->
|
||
<div class="svc-fw-theme-panel" id="theme-fairytale">
|
||
<div class="svc-fw-hero-banner">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/theme/Fairy-Tale.webp" alt="Fairy Tale Event Decor" class="svc-fw-hero-img"/>
|
||
<div class="svc-fw-hero-overlay">
|
||
<span class="svc-fw-hero-badge">CURATED THEME</span>
|
||
<h3 class="svc-fw-hero-title">Fairy Tale Event Decor</h3>
|
||
</div>
|
||
</div>
|
||
<div class="svc-fw-body">
|
||
<p class="svc-fw-lead">Transform your special occasion into a whimsical fairy tale with exquisite decor that evokes magic and romance. Every event deserves an enchanting atmosphere that tells a story.</p>
|
||
|
||
<div class="svc-fw-grid">
|
||
<div class="svc-fw-grid-item">
|
||
<h4>1. Venue Selection</h4>
|
||
<p>Choose a venue that embodies fairy tale charm, such as a castle, lush garden, or grand ballroom. The setting itself should evoke a sense of wonder.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>2. Ethereal Palette</h4>
|
||
<p>Opt for soft colours like blush pink, lavender, gold, and ivory. Accentuate with pops of deeper hues like royal blue or emerald green for added depth.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>3. Whimsical Florals</h4>
|
||
<p>Incorporate lush arrangements of peonies, roses, and delicate greenery. Cascading designs and fairy lights intertwined with blooms create a magical focal point.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>4. Enchanting Draping</h4>
|
||
<p>Use soft fabrics like tulle, chiffon, or silk for ceiling treatments or backdrops to make the space feel romantic, magical, and intimate.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 4. Hollywood Glamour -->
|
||
<div class="svc-fw-theme-panel" id="theme-hollywood">
|
||
<div class="svc-fw-hero-banner">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/theme/Hollywood-Glamour.webp" alt="Hollywood Glamour Event Decor" class="svc-fw-hero-img"/>
|
||
<div class="svc-fw-hero-overlay">
|
||
<span class="svc-fw-hero-badge">CURATED THEME</span>
|
||
<h3 class="svc-fw-hero-title">Hollywood Glamour</h3>
|
||
</div>
|
||
</div>
|
||
<div class="svc-fw-body">
|
||
<p class="svc-fw-lead">Transform your event space into a luxurious Hollywood-inspired oasis that radiates glamour, red-carpet sophistication, and timeless elegance.</p>
|
||
|
||
<div class="svc-fw-grid">
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Classic Colour Palette</h4>
|
||
<p>Black, gold, and white evoke classic elegance while allowing accent colours like deep red or rich royal blue to shine.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Opulent Tableware</h4>
|
||
<p>Gold-rimmed plates, crystal glassware, sleek cutlery, and sequined overlays paired with feathered or crystal-adorned floral centrepieces.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Stunning Backdrops</h4>
|
||
<p>Shimmering sequin walls, lush floral installations, or vintage-style marquee signs that provide celebrity-worthy photo moments.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Dramatic Lighting</h4>
|
||
<p>Chandeliers, pendant lights, and soft spotlights to highlight key areas like the stage, dining tables, and entrance.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 5. Romance -->
|
||
<div class="svc-fw-theme-panel" id="theme-romance">
|
||
<div class="svc-fw-hero-banner">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/theme/Romance.webp" alt="Romantic Event Decor" class="svc-fw-hero-img"/>
|
||
<div class="svc-fw-hero-overlay">
|
||
<span class="svc-fw-hero-badge">CURATED THEME</span>
|
||
<h3 class="svc-fw-hero-title">Romantic Event Decor</h3>
|
||
</div>
|
||
</div>
|
||
<div class="svc-fw-body">
|
||
<p class="svc-fw-lead">Creating a romantic atmosphere involves a careful selection of decor elements that evoke intimacy, softness, and elegance.</p>
|
||
|
||
<div class="svc-fw-grid">
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Soft Palette</h4>
|
||
<p>Blush pinks, ivory, and light greys, complemented by deeper shades like burgundy or navy blue to create a warm backdrop.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Lush Blooms</h4>
|
||
<p>Full arrangements featuring romantic roses, peonies, and hydrangeas with natural greenery for texture and organic feel.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Sensory Textures</h4>
|
||
<p>Layering silk, lace, and velvet across table runners, chair sashes, and drapery for visual and tactile depth.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Ambient Candlelight</h4>
|
||
<p>String lights, fairy lights, and candle clusters that add a soft, magical glow throughout your venue.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 6. Royal Wedding -->
|
||
<div class="svc-fw-theme-panel" id="theme-royal">
|
||
<div class="svc-fw-hero-banner">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/theme/Royal-Wedding.webp" alt="Royal Wedding Event Decor" class="svc-fw-hero-img"/>
|
||
<div class="svc-fw-hero-overlay">
|
||
<span class="svc-fw-hero-badge">CURATED THEME</span>
|
||
<h3 class="svc-fw-hero-title">The Royal Wedding</h3>
|
||
</div>
|
||
</div>
|
||
<div class="svc-fw-body">
|
||
<p class="svc-fw-lead">Transforming your celebration into a royal affair requires meticulous attention to detail, grand scale design, and opulent finishing touches.</p>
|
||
|
||
<div class="svc-fw-grid">
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Regal Palette</h4>
|
||
<p>Deep burgundy, navy blue, gold, and emerald green paired with soft whites or blush tones for high-impact luxury.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Extravagant Florals</h4>
|
||
<p>Cascading floral arches, tall centrepieces of peonies, roses, and orchids, and grand altar installations.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Majestic Table Settings</h4>
|
||
<p>Silk or satin linens, fine china, crystal glassware, and polished gold or silver cutlery.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Statement Cake & Decor</h4>
|
||
<p>Tiered wedding cakes with sugar flowers and gold accents, complemented by candelabras and ornate mirrors.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 7. Rustic -->
|
||
<div class="svc-fw-theme-panel" id="theme-rustic">
|
||
<div class="svc-fw-hero-banner">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/theme/Rustic.webp" alt="Rustic Event Decor" class="svc-fw-hero-img"/>
|
||
<div class="svc-fw-hero-overlay">
|
||
<span class="svc-fw-hero-badge">CURATED THEME</span>
|
||
<h3 class="svc-fw-hero-title">Rustic Event Decor</h3>
|
||
</div>
|
||
</div>
|
||
<div class="svc-fw-body">
|
||
<p class="svc-fw-lead">Rustic decor embodies a warm, inviting atmosphere inspired by the outdoors, featuring earthy tones, natural textures, and handcrafted elements.</p>
|
||
|
||
<div class="svc-fw-grid">
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Natural Materials</h4>
|
||
<p>Reclaimed wood, burlap, wrought iron, and metal accents that bring authentic down-to-earth character.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Wildflower & Mason Jar Florals</h4>
|
||
<p>Organic arrangements of wildflowers, greenery, and dried florals placed in wooden crates, mason jars, or vintage tins.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Farmhouse Tables</h4>
|
||
<p>Long banquet-style wooden tables and mismatched seating that foster community, warmth, and conversation.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Cozy Lighting</h4>
|
||
<p>Overhead string lights, lanterns, candles, and warm Edison bulbs that create a welcoming retreat.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 8. Shimmer & Bling -->
|
||
<div class="svc-fw-theme-panel" id="theme-shimmer">
|
||
<div class="svc-fw-hero-banner">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/theme/Shimmer.webp" alt="Shimmer Sparkle and Bling Decor" class="svc-fw-hero-img"/>
|
||
<div class="svc-fw-hero-overlay">
|
||
<span class="svc-fw-hero-badge">CURATED THEME</span>
|
||
<h3 class="svc-fw-hero-title">Shimmer, Sparkle & Bling</h3>
|
||
</div>
|
||
</div>
|
||
<div class="svc-fw-body">
|
||
<p class="svc-fw-lead">Transform your venue into a dazzling wonderland with sequined overlays, crystal centrepieces, and reflective metallic accents that catch every beam of light.</p>
|
||
|
||
<div class="svc-fw-grid">
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Shimmering Fabrics</h4>
|
||
<p>Satin, silk, organza, and sequined tablecloths paired with metallic draping for an opulent foundation.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Crystal Centrepieces</h4>
|
||
<p>Mirrored surfaces, glass, and crystal installations combined with glitter-accented branches and florals.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Reflective Lighting</h4>
|
||
<p>Up-lighting, chandeliers, and LED-accented arrangements designed to refract and maximize sparkle.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Glittering Details</h4>
|
||
<p>Shimmer-infused candles, metallic place cards, and sparkling signage for a cohesive, dazzling look.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 9. Vintage -->
|
||
<div class="svc-fw-theme-panel" id="theme-vintage">
|
||
<div class="svc-fw-hero-banner">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/theme/Vintage.webp" alt="Vintage Event Decor" class="svc-fw-hero-img"/>
|
||
<div class="svc-fw-hero-overlay">
|
||
<span class="svc-fw-hero-badge">CURATED THEME</span>
|
||
<h3 class="svc-fw-hero-title">Vintage Event Decor</h3>
|
||
</div>
|
||
</div>
|
||
<div class="svc-fw-body">
|
||
<p class="svc-fw-lead">Vintage decor blends nostalgia with understated elegance, featuring antique furnishings, lace runners, mismatched china, and soft nostalgic color tones.</p>
|
||
|
||
<div class="svc-fw-grid">
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Nostalgic Palette</h4>
|
||
<p>Soft pastels, creams, dusty blues, sage greens, and warm gold or brass accents evoking a bygone era.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Antique Seating & Tables</h4>
|
||
<p>Victorian settees, curated antique side tables, and mismatched china with lace runners and doilies.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Classic Florals</h4>
|
||
<p>Peonies, hydrangeas, and daisies in vintage glassware, complemented by dried floral accents.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Period Props</h4>
|
||
<p>Antique frames, classic typewriters, gramophones, and vintage book stacks adding authentic nostalgic charm.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 10. Seasonal -->
|
||
<div class="svc-fw-theme-panel" id="theme-seasonal">
|
||
<div class="svc-fw-hero-banner">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/theme/Winter.webp" alt="Seasonal Event Decor" class="svc-fw-hero-img"/>
|
||
<div class="svc-fw-hero-overlay">
|
||
<span class="svc-fw-hero-badge">CURATED THEME</span>
|
||
<h3 class="svc-fw-hero-title">Winter, Spring, Summer & Fall</h3>
|
||
</div>
|
||
</div>
|
||
<div class="svc-fw-body">
|
||
<p class="svc-fw-lead">Celebrate nature's offerings with seasonal decor tailored specifically to the unique beauty, color palette, and textures of each time of year.</p>
|
||
|
||
<div class="svc-fw-grid">
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Winter Sparkle</h4>
|
||
<p>Twinkling lights, frosted greenery, deep jewel tones, faux fur accents, and cozy candlelight.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Spring Awakening</h4>
|
||
<p>Fresh pastel blooms, botanical prints, rustic garden tables, and delicate floral arrangements.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Summer Sun</h4>
|
||
<p>Vibrant colors, airy fabrics, tropical motifs, outdoor setting styling, and festive fruit displays.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Fall Harvest</h4>
|
||
<p>Deep reds, warm oranges, rustic wooden accents, harvest florals, pumpkins, and cozy throw blankets.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 11. Cultural -->
|
||
<div class="svc-fw-theme-panel" id="theme-cultural">
|
||
<div class="svc-fw-hero-banner">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/theme/Culturally-specific-themes.webp" alt="Culturally Specific Event Decor" class="svc-fw-hero-img"/>
|
||
<div class="svc-fw-hero-overlay">
|
||
<span class="svc-fw-hero-badge">CURATED THEME</span>
|
||
<h3 class="svc-fw-hero-title">Culturally-Specific Themes</h3>
|
||
</div>
|
||
</div>
|
||
<div class="svc-fw-body">
|
||
<p class="svc-fw-lead">Authentic, respectful, and visually rich decor honoring traditional ceremonies, vibrant rituals, and cultural heritage across diverse traditions.</p>
|
||
|
||
<div class="svc-fw-grid">
|
||
<div class="svc-fw-grid-item">
|
||
<h4>South Asian & Indian</h4>
|
||
<p>Rich textiles, elaborate mandaps, intricate florals, Haldi/Mehndi setups, and vibrant ceremonial backdrops.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>East Asian & Chinese</h4>
|
||
<p>Red and gold hues, paper lanterns, dragon motifs, and symbolic table centrepieces signifying luck and joy.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Jewish Ceremonies</h4>
|
||
<p>Custom chuppahs draped with meaningful fabrics and delicate florals reflecting family heritage.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Bespoke Cultural Design</h4>
|
||
<p>Custom-crafted setups tailored to your specific heritage, family traditions, and ritual requirements.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 12. Black Tie -->
|
||
<div class="svc-fw-theme-panel" id="theme-blacktie">
|
||
<div class="svc-fw-hero-banner">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/theme/Black-Tie-Affair.webp" alt="Black Tie Affair Decor" class="svc-fw-hero-img"/>
|
||
<div class="svc-fw-hero-overlay">
|
||
<span class="svc-fw-hero-badge">CURATED THEME</span>
|
||
<h3 class="svc-fw-hero-title">Black Tie Affair</h3>
|
||
</div>
|
||
</div>
|
||
<div class="svc-fw-body">
|
||
<p class="svc-fw-lead">Formal sophistication at its finest — sleek black and gold palettes, white satin linens, monochromatic floral displays, and formal calligraphic place settings.</p>
|
||
|
||
<div class="svc-fw-grid">
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Refined Palette</h4>
|
||
<p>Black, crisp white, gold, and silver accented with deep emerald or royal blue for modern formal charm.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Monochromatic Florals</h4>
|
||
<p>Sophisticated arrangements of classic white roses or orchids in tall or low crystal vessels.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Chiavari & Satin Styling</h4>
|
||
<p>Black satin napkins, silver or gold charger plates, calligraphic menu cards, and elegant Chiavari seating.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Architectural Uplighting</h4>
|
||
<p>Dimmable chandeliers and strategic uplighting highlighting architectural features for upscale evening ambiance.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 13. Simplistic -->
|
||
<div class="svc-fw-theme-panel" id="theme-simplistic">
|
||
<div class="svc-fw-hero-banner">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/theme/Simplistic.webp" alt="Simplistic Event Decor" class="svc-fw-hero-img"/>
|
||
<div class="svc-fw-hero-overlay">
|
||
<span class="svc-fw-hero-badge">CURATED THEME</span>
|
||
<h3 class="svc-fw-hero-title">Simplistic Decor</h3>
|
||
</div>
|
||
</div>
|
||
<div class="svc-fw-body">
|
||
<p class="svc-fw-lead">Embracing a minimalist aesthetic focuses on clean lines, subtle neutral palettes, open spaces, and understated natural elements that radiate calm elegance.</p>
|
||
|
||
<div class="svc-fw-grid">
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Neutral Tones</h4>
|
||
<p>Whites, creams, and soft muted pastels creating a calm, uncluttered backdrop for celebration.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Understated Greenery</h4>
|
||
<p>Simple foliage arrangements or singular focal blooms showcasing natural beauty without clutter.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Minimalist Linens</h4>
|
||
<p>Sleek tableware, delicate glassware, and subtle table runners paired with soft ambient candle flame.</p>
|
||
</div>
|
||
<div class="svc-fw-grid-item">
|
||
<h4>Spacious Layouts</h4>
|
||
<p>Open, airy spatial arrangements that allow guests to move freely and connect in a tranquil environment.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div><!-- /svc-fw-theme-content-wrapper -->
|
||
|
||
</div><!-- /svc-fw-themes-container -->
|
||
</section>
|
||
|
||
<!-- ═══════════════════════════════════════════════
|
||
SECTION 2 — CTA BANNER
|
||
═══════════════════════════════════════════════ -->
|
||
<section id="v2-cta" class="svc-cta-section">
|
||
<div class="v2-cta-inner">
|
||
<h2 class="v2-cta-title" style="font-family: var(--v2-font-display);">Let's Create Your<br/>Perfect Event</h2>
|
||
<p class="v2-cta-subtitle">From intimate gatherings to grand celebrations — every detail, beautifully crafted.<br/>Share your vision and let us bring it to life.</p>
|
||
<a href="/contactus" class="v2-btn-cta">Plan Your Event →</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ═══════════════════════════════════════════════
|
||
SECTION 3 — SERVICE CARDS (Circle + Content)
|
||
═══════════════════════════════════════════════ -->
|
||
<section class="svc-cards-section">
|
||
<div class="svc-cards-wrap">
|
||
<span class="svc-eyebrow" style="text-align:center; display:block;">WHAT WE OFFER</span>
|
||
<h2 class="svc-cards-title" style="font-family:var(--v2-font-display); text-align:center;">Experiences We Craft</h2>
|
||
<p class="svc-cards-subtitle">Every service is tailored to tell your unique story.</p>
|
||
|
||
<div class="svc-cards-grid">
|
||
|
||
<!-- Card 1 -->
|
||
<div class="svc-card" style="--card-color: #f9e8e8;">
|
||
<div class="svc-card-circle" style="--circle-color: #f9e8e8;">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/offer/bridal-bouquet.webp" alt="Fusion Weddings"/>
|
||
</div>
|
||
<div class="svc-card-content">
|
||
<h3 class="svc-card-title">Bridal Bouquet</h3>
|
||
<p class="svc-card-desc">Carefully arranged bunch of flowers carried by the bride.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Card 2 -->
|
||
<div class="svc-card" style="--card-color: #e8f3e8;">
|
||
<div class="svc-card-circle" style="--circle-color: #e8f3e8;">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/offer/bridal-party-bouquet.webp" alt="Home Decor"/>
|
||
</div>
|
||
<div class="svc-card-content">
|
||
<h3 class="svc-card-title">Bridal Party Bouquets</h3>
|
||
<p class="svc-card-desc">Smaller, coordinated floral arrangements carried by bridesmaids, maid of honour etc.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Card 3 -->
|
||
<div class="svc-card" style="--card-color: #fef3e2;">
|
||
<div class="svc-card-circle" style="--circle-color: #fef3e2;">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/offer/Boutonnieres.webp" alt="Haldi Mehndi"/>
|
||
</div>
|
||
<div class="svc-card-content">
|
||
<h3 class="svc-card-title">Boutonnieres</h3>
|
||
<p class="svc-card-desc">Small floral decorations worn on the lapel of a suit or tuxedo jacket.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Card 4 -->
|
||
<div class="svc-card" style="--card-color: #e8eaf9;">
|
||
<div class="svc-card-circle" style="--circle-color: #e8eaf9;">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/offer/Corsages.webp" alt="Stage Decor"/>
|
||
</div>
|
||
<div class="svc-card-content">
|
||
<h3 class="svc-card-title">Corsages</h3>
|
||
<p class="svc-card-desc">Small floral arrangements worn on the wrist or pinned to clothing.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Card 5 -->
|
||
<div class="svc-card" style="--card-color: #fce8f3;">
|
||
<div class="svc-card-circle" style="--circle-color: #fce8f3;">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/offer/Flower-Girl-Bouquet.webp" alt="Entrance Styling"/>
|
||
</div>
|
||
<div class="svc-card-content">
|
||
<h3 class="svc-card-title">Flower Girl Bouquet</h3>
|
||
<p class="svc-card-desc">Smaller, charming floral arrangement carried by the flower girl.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Card 6 -->
|
||
<div class="svc-card" style="--card-color: #e8f6fc;">
|
||
<div class="svc-card-circle" style="--circle-color: #e8f6fc;">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/offer/Floral-Headpieces,-Wreaths,-and-Fascinators.webp" alt="Table Styling"/>
|
||
</div>
|
||
<div class="svc-card-content">
|
||
<h3 class="svc-card-title">Floral Headpieces, Wreaths, and Fascinators</h3>
|
||
<p class="svc-card-desc">Beautiful floral accessories worn in the hair to add elegance and style.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Card 7 -->
|
||
<div class="svc-card" style="--card-color: #f9e8e8;">
|
||
<div class="svc-card-circle" style="--circle-color: #f9e8e8;">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/offer/Garlands.webp" alt="Engagement"/>
|
||
</div>
|
||
<div class="svc-card-content">
|
||
<h3 class="svc-card-title">Garlands</h3>
|
||
<p class="svc-card-desc">Decorative strands made of flowers for venues, arches, or tables.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Card 8 -->
|
||
<div class="svc-card" style="--card-color: #e8f3e8;">
|
||
<div class="svc-card-circle" style="--circle-color: #e8f3e8;">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/offer/Centrepieces.webp" alt="Ceremony Design"/>
|
||
</div>
|
||
<div class="svc-card-content">
|
||
<h3 class="svc-card-title">Centrepieces</h3>
|
||
<p class="svc-card-desc">Decorative arrangements placed at the center of tables during weddings, often featuring flowers, candles, greenery, or themed elements.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Card 9 -->
|
||
<div class="svc-card" style="--card-color: #fef3e2;">
|
||
<div class="svc-card-circle" style="--circle-color: #fef3e2;">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/offer/Funeral-Arrangements.webp" alt="Proposal Backdrop"/>
|
||
</div>
|
||
<div class="svc-card-content">
|
||
<h3 class="svc-card-title">Funeral Arrangements</h3>
|
||
<p class="svc-card-desc">Thoughtfully crafted funeral floral arrangements designed to honor and celebrate the life of your loved one.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Card 10 -->
|
||
<div class="svc-card" style="--card-color: #e8eaf9;">
|
||
<div class="svc-card-circle" style="--circle-color: #e8eaf9;">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/offer/Milestones-&-Achievements.webp" alt="Community Events"/>
|
||
</div>
|
||
<div class="svc-card-content">
|
||
<h3 class="svc-card-title">Milestones & Achievements</h3>
|
||
<p class="svc-card-desc">Anniversary, Birthday, Baby’s arrival, Graduation/Prom, Congratulatory, Mother’s Day etc.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Card 11 -->
|
||
<div class="svc-card" style="--card-color: #fce8f3;">
|
||
<div class="svc-card-circle" style="--circle-color: #fce8f3;">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/offer/Care-&-Comfort-Collection.webp" alt="Photobooth"/>
|
||
</div>
|
||
<div class="svc-card-content">
|
||
<h3 class="svc-card-title">Care & Comfort Collection</h3>
|
||
<p class="svc-card-desc">Sympathy, Apology, Recovery/Get Well Soon, Gratitude, Just Because/Thinking of You etc.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Card 12 -->
|
||
<div class="svc-card" style="--card-color: #e8f6fc;">
|
||
<div class="svc-card-circle" style="--circle-color: #e8f6fc;">
|
||
<img src="/theme_aakriti_v2/static/src/img/services/offer/Seasonal-Arrangements.webp" alt="Celebration of Life"/>
|
||
</div>
|
||
<div class="svc-card-content">
|
||
<h3 class="svc-card-title">Seasonal Arrangements</h3>
|
||
<p class="svc-card-desc">Designed with the freshest in-season flowers, each arrangement is a reflection of the time of year—vibrant, elegant, and always meaningful.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div><!-- /grid -->
|
||
</div>
|
||
</section>
|
||
|
||
<!-- JS: Tab switcher -->
|
||
<script>
|
||
(function() {
|
||
var pills = document.querySelectorAll('.svc-pill-btn');
|
||
var panels = document.querySelectorAll('.svc-fw-theme-panel');
|
||
|
||
pills.forEach(function(pill) {
|
||
pill.addEventListener('click', function() {
|
||
var targetId = this.getAttribute('data-target');
|
||
|
||
pills.forEach(function(p) { p.classList.remove('active'); });
|
||
panels.forEach(function(pan) { pan.classList.remove('active'); });
|
||
|
||
this.classList.add('active');
|
||
var activePanel = document.getElementById(targetId);
|
||
if (activePanel) {
|
||
activePanel.classList.add('active');
|
||
}
|
||
});
|
||
});
|
||
})();
|
||
</script>
|
||
|
||
</div>
|
||
</t>
|
||
</template>
|
||
|
||
|
||
</odoo>
|