2026-06-29 19:54:10 +05:30

1390 lines
86 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!-- ============================================================
THEME AAKRITI V2 — Premium Events Theme
All templates are self-contained. Nothing in
theme_aakriti_events is modified.
============================================================ -->
<!-- ── 0. INJECT CSS + JS INTO HEAD ───────────────────────── -->
<template id="v2_assets_head" inherit_id="website.layout" priority="500" name="V2 Assets Head">
<xpath expr="//head" position="inside">
<link rel="stylesheet" type="text/css" href="/theme_aakriti_v2/static/src/css/theme_v2.css"/>
<script type="text/javascript" src="/theme_aakriti_v2/static/src/js/theme_v2.js" defer="defer"></script>
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&amp;family=Jost:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet"/>
<style>
/* Force hide old theme header parts that may bleed through */
html, body { overflow-x: hidden !important; max-width: 100% !important; }
</style>
</xpath>
</template>
<!-- ── 1. HEADER + FOOTER OVERRIDE ────────────────────────── -->
<template id="v2_header_footer_inherit" inherit_id="website.layout" priority="500" name="V2 Header and Footer">
<!-- Replace the header -->
<xpath expr="//header" position="replace">
<!-- Mobile Drawer Overlay -->
<div id="v2-drawer-overlay"></div>
<!-- Mobile Drawer Panel -->
<div id="v2-mobile-drawer">
<div class="v2-drawer-header">
<a href="/">
<img src="/theme_aakriti_v2/static/src/img/logo.png" alt="Aakriti Events" style="height:44px;width:auto;object-fit:contain;"/>
</a>
<button id="v2-drawer-close" aria-label="Close menu" style="background:none;border:none;cursor:pointer;color:#1a1206;padding:4px;">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<nav class="v2-drawer-nav">
<a href="/">Home</a>
<a href="/aboutus">About Us</a>
<a href="/rentals">Services</a>
<a href="/contactus">Contact</a>
</nav>
<div class="v2-drawer-footer">
<a href="/rental/request" class="v2-btn-gold" style="width:100%;justify-content:center;">Plan Your Event →</a>
</div>
</div>
<!-- Sticky Header -->
<header id="v2-header" data-anchor="true">
<div class="v2-header-inner">
<!-- Logo -->
<a class="v2-logo" href="/" aria-label="Aakriti Events Home">
<img src="/theme_aakriti_v2/static/src/img/logo.png" alt="Aakriti Events"/>
</a>
<!-- Desktop Nav -->
<nav class="v2-nav">
<a href="/">Home</a>
<a href="/aboutus">About Us</a>
<a href="/rentals">Services</a>
<a href="/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/logo.png" alt="Aakriti Events"/>
</div>
<p class="v2-footer-about">
Creating unforgettable celebrations with elegance,
creativity, and memorable experiences for every occasion.
</p>
</div>
<!-- Column 2 -->
<div class="v2-footer-col">
<h4>Menu</h4>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/aboutus">About Us</a></li>
<li><a href="/rentals">Services</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/contactus">Contact</a></li>
</ul>
</div>
<!-- Column 3 -->
<div class="v2-footer-col">
<h4>Services</h4>
<ul>
<li>Wedding Planning</li>
<li>Stage Decoration</li>
<li>Event Management</li>
<li>Corporate Events</li>
<li>Photography</li>
</ul>
</div>
<!-- Column 4 -->
<div class="v2-footer-col">
<h4>Get In Touch</h4>
<div class="v2-footer-contact">
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2
19.79 19.79 0 0 1-8.63-3.07
19.5 19.5 0 0 1-6.5-6.5
A19.79 19.79 0 0 1 1.08 4.18
2 2 0 0 1 3.06 2h3a2 2 0 0 1 2 1.72"/>
</svg>
+91 98765 43210
</p>
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2">
<rect x="2" y="4" width="20" height="16" rx="2"/>
<path d="m22 7-10 6L2 7"/>
</svg>
hello@aakrithievents.com
</p>
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2">
<path d="M21 10c0 7-9 12-9 12S3 17 3 10a9 9 0 0 1 18 0"/>
<circle cx="12" cy="10" r="3"/>
</svg>
123 Celebration Avenue <br/>
Bangalore, India - 560001
</p>
<div class="v2-footer-social">
<!-- Facebook -->
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg"
width="18" height="18"
fill="white"
viewBox="0 0 24 24">
<path d="M15 3h4V0h-4c-4 0-7 3-7 7v3H5v4h3v10h4V14h4l1-4h-5V7c0-1.2.8-2 2-2"/>
</svg>
</a>
<!-- Instagram -->
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg"
width="18" height="18"
fill="white"
viewBox="0 0 24 24">
<rect x="2" y="2" width="20"
height="20" rx="5"/>
<circle cx="12" cy="12" r="4"/>
<circle cx="18" cy="6" r="1"/>
</svg>
</a>
<!-- Twitter/X -->
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg"
width="18" height="18"
fill="white"
viewBox="0 0 24 24">
<path d="M4 4L20 20M20 4L4 20"/>
</svg>
</a>
<!-- YouTube -->
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg"
width="18" height="18"
fill="white"
viewBox="0 0 24 24">
<path d="M23 12s0-4-1-6c-.5-1-1.5-2-2.5-2.2C17.8 3.5 12 3.5 12 3.5s-5.8 0-7.5.3C3.5 4 2.5 5 2 6c-1 2-1 6-1 6s0 4 1 6c.5 1 1.5 2 2.5 2.2 1.7.3 7.5.3 7.5.3s5.8 0 7.5-.3c1-.2 2-1.2 2.5-2.2 1-2 1-6 1-6z"/>
<polygon points="10,8 16,12 10,16"/>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="v2-footer-bottom">
©<span id="v2-footer-year">2024</span>
Aakrithi Events. All Rights Reserved.
</div>
<script>
(function(){
var el=document.getElementById('v2-footer-year');
if(el){
el.textContent=new Date().getFullYear();
}
})();
</script>
</footer>
</div>
</xpath>
<!-- Hide Odoo's bottom footer area style -->
<xpath expr="//footer[@id='bottom']" position="attributes">
<attribute name="style">background-color: #1e1208 !important; border-top: none !important; padding: 0 !important;</attribute>
</xpath>
</template>
<!-- ── 2. HOMEPAGE TEMPLATE ───────────────────────────────── -->
<template id="v2_homepage" inherit_id="website.homepage" name="V2 Aakriti Events Homepage" active="True" customize_show="False" priority="500">
<xpath expr="//div[@id='wrap']" position="replace">
<div id="wrap" class="oe_structure oe_empty" style="background-color: #fdf6e3; font-family: 'Jost', sans-serif;">
<!-- ═══════════════════════════════════════════
FLOATING SIDEBAR
═══════════════════════════════════════════ -->
<div class="v2-floating-sidebar">
<a href="tel:+919876543210" aria-label="Phone">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.5 2 2 0 0 1 3.6 1.29h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.89-.89a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16z"/></svg>
</a>
<a href="https://wa.me/919876543210" aria-label="WhatsApp">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>
</a>
<a href="https://instagram.com" aria-label="Instagram">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/></svg>
</a>
<a href="/contactus" aria-label="Location">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
</a>
</div>
<!-- ═══════════════════════════════════════════
SECTION 1 — HERO
═══════════════════════════════════════════ -->
<section id="v2-hero">
<div class="v2-hero-bg"></div>
<div class="v2-hero-overlay"></div>
<div class="v2-hero-content">
<span class="v2-hero-eyebrow hero-title">WE DON'T JUST PLAN EVENTS</span>
<h1 class="v2-hero-title v2-reveal">
<span class="v2-dark-text hero-title">WE CREATE</span><br/>
<span class="v2-gold-text hero-title">EXPERIENCES</span><br/>
<span class="v2-dark-text hero-title">TO REMEMBER</span>
</h1>
<div class="v2-hero-divider v2-reveal">
<img src="/theme_aakriti_v2/static/src/img/decorative-line.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">
Aakrithi Events crafts unforgettable weddings,
corporate gatherings, cultural celebrations and
luxury experiences with purpose, passion and
flawless execution.
</p>
<div class="v2-hero-btns v2-reveal v2-reveal-delay-2">
<a href="/rental/request" class="v2-btn-gold" style="display:inline-flex; align-items:center;">
PLAN YOUR EVENT
<span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</span>
</a>
<a href="/rentals" class="v2-btn-play">
VIEW OUR WORK
<span class="v2-play-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>
</span>
</a>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════
SECTION 2 — FEATURES BAR
═══════════════════════════════════════════ -->
<section id="v2-features">
<div class="v2-features-card">
<div class="v2-features-grid">
<div class="v2-feature-item v2-reveal">
<div class="v2-feature-icon">
<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 &amp; 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 &amp; 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: var(--v2-font-display);">From Vision To Reality</h2>
<div class="v2-process-timeline">
<div class="v2-process-line"></div>
<div class="v2-step v2-reveal">
<div class="v2-step-icon-circle">
<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 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">&#8220;</div>
<div class="v2-stars"><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span></div>
</div>
<p class="v2-testimonial-text-new">Aakrithi Events made our dream wedding an absolute fairytale. Every detail was beyond perfect! Every detail was beyond perfect!</p>
<div class="v2-testimonial-author-new">- Priya &amp; 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">&#8220;</div>
<div class="v2-stars"><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</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">&#8220;</div>
<div class="v2-stars"><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</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">&#8226;</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">&#8226;</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">&#8226;</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">&#8226;</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@aakrithievents.com</span>
</div>
<div class="v2-contact-line">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
<span>123, Celebration Avenue,<br/>Bangalore, India - 560001</span>
</div>
<div class="v2-contact-social">
<span class="v2-eyebrow" style="font-size: 0.65rem;">FOLLOW US</span>
<div class="v2-social-icons">
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg></a>
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/></svg></a>
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"/></svg></a>
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33 2.78 2.78 0 0 0 1.94 2c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.33 29 29 0 0 0-.46-5.33z"/><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"/></svg></a>
</div>
</div>
</div>
</div> -->
</div>
</section>
<hr class="v2-divider"/>
</div>
</xpath>
</template>
<!-- ── 3. CATALOG PAGE OVERRIDE ───────────────────────────── -->
<template id="v2_rental_catalog_inherit" inherit_id="event_rental.rental_catalog_template" name="V2 Rental Catalog" priority="500">
<xpath expr="//div[@id='wrap']" position="replace">
<div id="wrap" class="oe_structure oe_empty" style="background-color:#fdf6e3; font-family:'Jost',sans-serif; padding-top:96px;">
<section style="max-width:1600px; margin:0 auto; padding:60px 32px 80px;">
<div style="margin-bottom:48px;">
<span class="v2-eyebrow" style="display:block; margin-bottom:12px;">Rental Collection</span>
<h1 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(2.5rem,5vw,4rem); font-weight:700; color:#1a1206; margin:0 0 16px; line-height:1.1;">Our Event Rental Products</h1>
<p style="color:#6b5e4e; font-size:0.95rem; max-width:560px; line-height:1.75; margin:0;">Browse our premium collection of event rental items to elevate your special occasion.</p>
</div>
<div class="row">
<div class="col-md-3 mb-4">
<div style="background:#ffffff; border:1px solid rgba(201,151,58,0.2); border-radius:12px; padding:20px; box-shadow:0 4px 20px rgba(30,18,8,0.06);">
<h5 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:1.2rem; font-weight:700; color:#1a1206; margin:0 0 16px; padding-bottom:12px; border-bottom:2px solid #C9973A;">Categories</h5>
<div style="display:flex; flex-direction:column; gap:4px;">
<a t-att-href="'/rentals' + (search and ('?search=' + search) or '')"
t-att-style="'display:block; padding:9px 12px; border-radius:6px; font-size:0.85rem; font-weight:600; text-decoration:none; transition:all 0.2s; ' + (not current_category and 'background:#1e1208; color:#ffffff;' or 'color:#1a1206;')">
All Products
</a>
<t t-foreach="categories" t-as="cat">
<a t-att-href="'/rentals?category=' + str(cat.id) + (search and ('&amp;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;
}
</style>
<!-- SECTION 1: OUR STORY -->
<section class="v2-about-section">
<div class="v2-story-grid">
<!-- Images Left -->
<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>
<!-- Content Right -->
<div 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 &amp; 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>
<span>hello@aakritievents.com</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"><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>
</odoo>