1311 lines
90 KiB
XML
1311 lines
90 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&family=Jost:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"/>
|
|
<style>
|
|
/* Force hide old theme header parts that may bleed through */
|
|
html, body { overflow-x: hidden !important; max-width: 100% !important; }
|
|
</style>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ── 1. HEADER + FOOTER OVERRIDE ────────────────────────── -->
|
|
<template id="v2_header_footer_inherit" inherit_id="website.layout" priority="500" name="V2 Header and Footer">
|
|
|
|
<!-- Replace the header -->
|
|
<xpath expr="//header" position="replace">
|
|
|
|
<!-- Mobile Drawer Overlay -->
|
|
<div id="v2-drawer-overlay"></div>
|
|
|
|
<!-- Mobile Drawer Panel -->
|
|
<div id="v2-mobile-drawer">
|
|
<div class="v2-drawer-header">
|
|
<a href="/">
|
|
<img src="/theme_aakriti_v2/static/src/img/logo.png" alt="Aakriti Events" style="height:44px;width:auto;object-fit:contain;"/>
|
|
</a>
|
|
<button id="v2-drawer-close" aria-label="Close menu" style="background:none;border:none;cursor:pointer;color:#1a1206;padding:4px;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
|
|
</button>
|
|
</div>
|
|
<nav class="v2-drawer-nav">
|
|
<a href="/">Home</a>
|
|
<a href="/aboutus">About Us</a>
|
|
<a href="/rentals">Services</a>
|
|
<a href="/contactus">Contact</a>
|
|
</nav>
|
|
<div class="v2-drawer-footer">
|
|
<a href="/rental/request" class="v2-btn-gold" style="width:100%;justify-content:center;">Plan Your Event →</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Sticky Header -->
|
|
<header id="v2-header" data-anchor="true">
|
|
<div class="v2-header-inner">
|
|
<!-- Logo -->
|
|
<a class="v2-logo" href="/" aria-label="Aakriti Events Home">
|
|
<img src="/theme_aakriti_v2/static/src/img/logo.png" alt="Aakriti Events"/>
|
|
</a>
|
|
|
|
<!-- Desktop Nav -->
|
|
<nav class="v2-nav">
|
|
<a href="/">Home</a>
|
|
<a href="/aboutus">About Us</a>
|
|
<a href="/rentals">Services</a>
|
|
<a href="/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.png" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
|
|
</div>
|
|
<p class="v2-hero-sub v2-reveal v2-reveal-delay-1 hero-title">
|
|
Aakrithi Events crafts unforgettable weddings,
|
|
corporate gatherings, cultural celebrations and
|
|
luxury experiences with purpose, passion and
|
|
flawless execution.
|
|
</p>
|
|
<div class="v2-hero-btns v2-reveal v2-reveal-delay-2">
|
|
<a href="/rental/request" class="v2-btn-gold" style="display:inline-flex; align-items:center;">
|
|
PLAN YOUR EVENT
|
|
<span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
|
</span>
|
|
</a>
|
|
<a href="/rentals" class="v2-btn-play">
|
|
VIEW OUR WORK
|
|
<span class="v2-play-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- ═══════════════════════════════════════════
|
|
SECTION 2 — FEATURES BAR
|
|
═══════════════════════════════════════════ -->
|
|
<section id="v2-features">
|
|
<div class="v2-features-card">
|
|
<div class="v2-features-grid">
|
|
<div class="v2-feature-item v2-reveal">
|
|
<div class="v2-feature-icon">
|
|
<!-- Lightbulb icon -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg>
|
|
</div>
|
|
<div class="v2-feature-title">Creative Concepts</div>
|
|
<div class="v2-feature-desc">Unique ideas that<br/>bring your vision to life.</div>
|
|
</div>
|
|
<div class="v2-feature-item v2-reveal v2-reveal-delay-1">
|
|
<div class="v2-feature-icon">
|
|
<!-- Clipboard icon -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M15 2H9a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1Z"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></svg>
|
|
</div>
|
|
<div class="v2-feature-title">Flawless Planning</div>
|
|
<div class="v2-feature-desc">Every detail planned<br/>to perfection.</div>
|
|
</div>
|
|
<div class="v2-feature-item v2-reveal v2-reveal-delay-2">
|
|
<div class="v2-feature-icon">
|
|
<!-- People icon -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
|
|
</div>
|
|
<div class="v2-feature-title">Vendor Management</div>
|
|
<div class="v2-feature-desc">Trusted network,<br/>seamless coordination.</div>
|
|
</div>
|
|
<div class="v2-feature-item v2-reveal v2-reveal-delay-3">
|
|
<div class="v2-feature-icon">
|
|
<!-- Diamond icon -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13"/><path d="M12 22 16 9l-3-6"/></svg>
|
|
</div>
|
|
<div class="v2-feature-title">Premium Design</div>
|
|
<div class="v2-feature-desc">Stunning decor & styling<br/>that leaves an impression.</div>
|
|
</div>
|
|
<div class="v2-feature-item v2-reveal v2-reveal-delay-4">
|
|
<div class="v2-feature-icon">
|
|
<!-- Star icon -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
|
|
</div>
|
|
<div class="v2-feature-title">Memorable Experiences</div>
|
|
<div class="v2-feature-desc">Creating moments your<br/>guests will never forget.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- ═══════════════════════════════════════════
|
|
SECTION 3 — SERVICES
|
|
═══════════════════════════════════════════ -->
|
|
<section id="v2-services" style="background-color: var(--v2-white);">
|
|
<div class="v2-services-inner">
|
|
<div class="v2-services-left">
|
|
<div class="v2-section-header-group">
|
|
<span class="v2-eyebrow-num">02.</span>
|
|
<span class="v2-eyebrow-text">OUR SERVICES</span>
|
|
<div class="v2-eyebrow-line"></div>
|
|
</div>
|
|
<h2 class="v2-section-title v2-reveal">
|
|
<span class="v2-gold-text">WE PLAN.</span>
|
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">YOU CELEBRATE.</span>
|
|
</h2>
|
|
<div class="v2-hero-divider">
|
|
<img src="/theme_aakriti_v2/static/src/img/decorative-line.png" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
|
|
</div>
|
|
<p class="v2-reveal v2-reveal-delay-1" style="color: var(--v2-text); font-weight: 500;">
|
|
From intimate gatherings to grand celebrations,<br/>we offer end-to-end event management<br/>services tailored to your needs.
|
|
</p>
|
|
<a href="/rentals" class="v2-btn-gold v2-reveal v2-reveal-delay-2" style="margin-top: 20px; padding: 12px 20px; font-size: 0.75rem; border-radius: 6px;">
|
|
EXPLORE SERVICES
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="v2-services-grid v2-services-grid-new">
|
|
<a href="/rentals" class="v2-service-card-new">
|
|
<div class="v2-service-title-top">WEDDING</div>
|
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/wedding.png" alt="Wedding" loading="lazy"/></div>
|
|
</a>
|
|
<a href="/rentals" class="v2-service-card-new">
|
|
<div class="v2-service-title-top">CORPORATE EVENTS</div>
|
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/corporate.png" alt="Corporate" loading="lazy"/></div>
|
|
</a>
|
|
<a href="/rentals" class="v2-service-card-new">
|
|
<div class="v2-service-title-top">BIRTHDAY CELEBRATIONS</div>
|
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/birthday.png" alt="Birthday" loading="lazy"/></div>
|
|
</a>
|
|
<a href="/rentals" class="v2-service-card-new">
|
|
<div class="v2-service-title-top">CULTURAL EVENTS</div>
|
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/cultural.png" alt="Cultural" loading="lazy"/></div>
|
|
</a>
|
|
<a href="/rentals" class="v2-service-card-new">
|
|
<div class="v2-service-title-top">STAGE & DECOR DESIGN</div>
|
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/stage_decor.png" alt="Decor" loading="lazy"/></div>
|
|
</a>
|
|
<a href="/rentals" class="v2-service-card-new">
|
|
<div class="v2-service-title-top">BRAND LAUNCHES</div>
|
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/gallery1.webp" alt="Brand" loading="lazy"/></div>
|
|
</a>
|
|
<a href="/rentals" class="v2-service-card-new">
|
|
<div class="v2-service-title-top">PRIVATE PARTIES</div>
|
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Parties" loading="lazy"/></div>
|
|
</a>
|
|
<a href="/rentals" class="v2-service-card-new">
|
|
<div class="v2-service-title-top">EVENT COORDINATION</div>
|
|
<div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/hero_bg.png" alt="Coordination" loading="lazy"/></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- ═══════════════════════════════════════════
|
|
SECTION 4 — GALLERY
|
|
═══════════════════════════════════════════ -->
|
|
<section id="v2-gallery" style="background-color: var(--v2-cream);">
|
|
<div class="v2-gallery-inner">
|
|
<div class="v2-gallery-left">
|
|
<div class="v2-section-header-group">
|
|
<span class="v2-eyebrow-num">03.</span>
|
|
<span class="v2-eyebrow-text">OUR WORK SPEAKS</span>
|
|
<div class="v2-eyebrow-line"></div>
|
|
</div>
|
|
<h2 class="v2-section-title v2-reveal">
|
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">Moments</span>
|
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">We've Created</span>
|
|
</h2>
|
|
<div class="v2-hero-divider">
|
|
<img src="/theme_aakriti_v2/static/src/img/decorative-line.png" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
|
|
</div>
|
|
<p class="v2-reveal v2-reveal-delay-1" style="color: var(--v2-text); font-weight: 500;">
|
|
A glimpse of celebrations<br/>we've had the privilege<br/>to design and deliver.
|
|
</p>
|
|
<a href="/rentals" class="v2-btn-gold v2-reveal v2-reveal-delay-2" style="margin-top: 20px; padding: 12px 20px; font-size: 0.75rem; border-radius: 6px;">
|
|
VIEW FULL GALLERY
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
|
</a>
|
|
</div>
|
|
<div class="v2-gallery-right">
|
|
<div class="v2-gallery-track" id="v2-gallery-track">
|
|
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/gallery1.webp" alt="Gallery 1" loading="lazy"/></div>
|
|
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Gallery 2" loading="lazy"/></div>
|
|
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/hero_bg.png" alt="Gallery 3" loading="lazy"/></div>
|
|
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/wedding.png" alt="Gallery 4" loading="lazy"/></div>
|
|
</div>
|
|
<button class="v2-gallery-btn-next" aria-label="Next">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- ═══════════════════════════════════════════
|
|
SECTION 5 — PROCESS
|
|
═══════════════════════════════════════════ -->
|
|
<section id="v2-process">
|
|
<div class="v2-process-inner">
|
|
<span class="v2-eyebrow">OUR PROCESS</span>
|
|
<h2 class="v2-section-title v2-reveal" style="font-family: var(--v2-font-display);">From Vision To Reality</h2>
|
|
<div class="v2-process-timeline">
|
|
<div class="v2-process-line"></div>
|
|
<div class="v2-step v2-reveal">
|
|
<div class="v2-step-icon-circle">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>
|
|
</div>
|
|
<div class="v2-step-num">1</div>
|
|
<div class="v2-step-title">DISCOVER</div>
|
|
<p class="v2-step-desc">We listen, understand<br/>and align with your goals.</p>
|
|
</div>
|
|
<div class="v2-step v2-reveal v2-reveal-delay-1">
|
|
<div class="v2-step-icon-circle">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m18 5-3-3H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z"/><path d="m14 2 4 4"/><path d="m9 15 2 2 4-4"/></svg>
|
|
</div>
|
|
<div class="v2-step-num">2</div>
|
|
<div class="v2-step-title">DESIGN</div>
|
|
<p class="v2-step-desc">We create a concept<br/>that reflects your style.</p>
|
|
</div>
|
|
<div class="v2-step v2-reveal v2-reveal-delay-2">
|
|
<div class="v2-step-icon-circle">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
|
|
</div>
|
|
<div class="v2-step-num">3</div>
|
|
<div class="v2-step-title">PLAN</div>
|
|
<p class="v2-step-desc">We plan every detail<br/>with precision.</p>
|
|
</div>
|
|
<div class="v2-step v2-reveal v2-reveal-delay-3">
|
|
<div class="v2-step-icon-circle">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/></svg>
|
|
</div>
|
|
<div class="v2-step-num">4</div>
|
|
<div class="v2-step-title">EXECUTE</div>
|
|
<p class="v2-step-desc">We execute flawlessly<br/>to bring it to life.</p>
|
|
</div>
|
|
<div class="v2-step v2-reveal v2-reveal-delay-4">
|
|
<div class="v2-step-icon-circle">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/></svg>
|
|
</div>
|
|
<div class="v2-step-num">5</div>
|
|
<div class="v2-step-title">CELEBRATE</div>
|
|
<p class="v2-step-desc">You enjoy every moment,<br/>we handle the rest.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- ═══════════════════════════════════════════
|
|
SECTION 6 — TESTIMONIALS
|
|
═══════════════════════════════════════════ -->
|
|
<section id="v2-testimonials">
|
|
<div class="v2-testimonials-inner">
|
|
<div class="v2-testimonials-left v2-reveal">
|
|
<div class="v2-section-header-group">
|
|
<span class="v2-eyebrow-num">05.</span>
|
|
<span class="v2-eyebrow-text">CLIENT LOVE</span>
|
|
</div>
|
|
<h2 class="v2-section-title">
|
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">Loved By Clients,</span><br/>
|
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">Remembered</span><br/>
|
|
<span class="v2-gold-text" style="font-family: var(--v2-font-display); font-style: italic;">By</span>
|
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);"> Guests</span>
|
|
</h2>
|
|
<div class="v2-hero-divider v2-reveal">
|
|
<img src="/theme_aakriti_v2/static/src/img/decorative-line.png" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
|
|
</div>
|
|
<a href="/contactus" class="v2-btn-outline-dark">READ MORE REVIEWS +</a>
|
|
</div>
|
|
<div class="v2-testimonials-right">
|
|
<div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-1">
|
|
<div class="v2-testimonial-top-row">
|
|
<div class="v2-quote-mark-new">“</div>
|
|
<div class="v2-stars"><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span></div>
|
|
</div>
|
|
<p class="v2-testimonial-text-new">Aakrithi Events made our dream wedding an absolute fairytale. Every detail was beyond perfect! Every detail was beyond perfect!</p>
|
|
<div class="v2-testimonial-author-new">- Priya & Arjun</div>
|
|
</div>
|
|
<div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-2">
|
|
<div class="v2-testimonial-top-row">
|
|
<div class="v2-quote-mark-new">“</div>
|
|
<div class="v2-stars"><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span></div>
|
|
</div>
|
|
<p class="v2-testimonial-text-new">Professional, creative and incredibly supportive team. They turned our vision into an unforgettable experience. Every detail was beyond perfect!</p>
|
|
<div class="v2-testimonial-author-new">- Rohit Mehta</div>
|
|
</div>
|
|
<div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-3">
|
|
<div class="v2-testimonial-top-row">
|
|
<div class="v2-quote-mark-new">“</div>
|
|
<div class="v2-stars"><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span></div>
|
|
</div>
|
|
<p class="v2-testimonial-text-new">From planning to execution, everything was seamless. Our guests are still talking about the event! Every detail was beyond perfect!</p>
|
|
<div class="v2-testimonial-author-new">- Neha Sharma</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- ═══════════════════════════════════════════
|
|
SECTION 7 — STATS STRIP
|
|
═══════════════════════════════════════════ -->
|
|
<section id="v2-stats">
|
|
<div class="v2-stats-grid">
|
|
<div class="v2-stat-item">
|
|
<div class="v2-stat-icon-wrap">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>
|
|
</div>
|
|
<div class="v2-stat-number">10+</div>
|
|
<div class="v2-stat-label">YEARS OF EXPERIENCE</div>
|
|
</div>
|
|
<div class="v2-stat-dot">•</div>
|
|
<div class="v2-stat-item">
|
|
<div class="v2-stat-icon-wrap">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2L15 12L22 15L15 18L12 22L9 18L2 15L9 12L12 2Z"/></svg>
|
|
</div>
|
|
<div class="v2-stat-number">500+</div>
|
|
<div class="v2-stat-label">EVENTS EXECUTED</div>
|
|
</div>
|
|
<div class="v2-stat-dot">•</div>
|
|
<div class="v2-stat-item">
|
|
<div class="v2-stat-icon-wrap">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
|
|
</div>
|
|
<div class="v2-stat-number">1000+</div>
|
|
<div class="v2-stat-label">HAPPY CLIENTS</div>
|
|
</div>
|
|
<div class="v2-stat-dot">•</div>
|
|
<div class="v2-stat-item">
|
|
<div class="v2-stat-icon-wrap">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
|
|
</div>
|
|
<div class="v2-stat-number">50+</div>
|
|
<div class="v2-stat-label">EXPERT TEAM MEMBERS</div>
|
|
</div>
|
|
<div class="v2-stat-dot">•</div>
|
|
<div class="v2-stat-item">
|
|
<div class="v2-stat-icon-wrap">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg>
|
|
</div>
|
|
<div class="v2-stat-number">100%</div>
|
|
<div class="v2-stat-label">CLIENT SATISFACTION</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- ═══════════════════════════════════════════
|
|
SECTION 8 — CTA + CONTACT FORM
|
|
═══════════════════════════════════════════ -->
|
|
<section id="v2-cta-new">
|
|
<div class="v2-cta-new-inner">
|
|
<div class="v2-cta-col-text">
|
|
<div class="v2-section-header-group">
|
|
<span class="v2-eyebrow-num">06.</span>
|
|
</div>
|
|
<h2 class="v2-section-title">
|
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">Ready To Create</span><br/>
|
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">Something Incredible?</span>
|
|
</h2>
|
|
<div class="v2-hero-divider">
|
|
<img src="/theme_aakriti_v2/static/src/img/decorative-line.png" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
|
|
</div>
|
|
<p>Let's make your next event an extraordinary experience that your guests will never forget.</p>
|
|
</div>
|
|
<div class="v2-cta-col-form">
|
|
<form action="/rental/request" method="get">
|
|
<div class="v2-form-row">
|
|
<div class="v2-form-group-new">
|
|
<input type="text" id="v2-fname" name="customer_name" placeholder="Your Name"/>
|
|
</div>
|
|
<div class="v2-form-group-new">
|
|
<input type="tel" id="v2-phone" name="customer_phone" placeholder="Phone Number"/>
|
|
</div>
|
|
</div>
|
|
<div class="v2-form-row">
|
|
<div class="v2-form-group-new">
|
|
<input type="email" id="v2-email" name="customer_email" placeholder="Email Address"/>
|
|
</div>
|
|
<div class="v2-form-group-new">
|
|
<select id="v2-etype" name="event_type">
|
|
<option value="">Event Type</option>
|
|
<option value="wedding">Wedding</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="v2-form-row">
|
|
<div class="v2-form-group-new">
|
|
<input type="date" id="v2-date" name="event_date"/>
|
|
</div>
|
|
<div class="v2-form-group-new">
|
|
<select id="v2-budget" name="budget">
|
|
<option value="">Budget</option>
|
|
<option value="low">Low</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="v2-form-group-new">
|
|
<textarea id="v2-message" name="message" placeholder="Message"></textarea>
|
|
</div>
|
|
<button type="submit" class="v2-btn-gold v2-btn-submit-new">
|
|
LET'S PLAN TOGETHER
|
|
<span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
|
</span>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<!-- <div class="v2-cta-col-image-info">
|
|
<div class="v2-cta-image-curve">
|
|
<img src="/theme_aakriti_v2/static/src/img/wedding.png" alt="Contact"/>
|
|
</div>
|
|
<div class="v2-cta-contact-info">
|
|
<div class="v2-contact-line">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.5 2 2 0 0 1 3.6 1.29h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.89-.89a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16z"/></svg>
|
|
<span>+91 98765 43210</span>
|
|
</div>
|
|
<div class="v2-contact-line">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
|
|
<span>hello@aakrithievents.com</span>
|
|
</div>
|
|
<div class="v2-contact-line">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
|
|
<span>123, Celebration Avenue,<br/>Bangalore, India - 560001</span>
|
|
</div>
|
|
<div class="v2-contact-social">
|
|
<span class="v2-eyebrow" style="font-size: 0.65rem;">FOLLOW US</span>
|
|
<div class="v2-social-icons">
|
|
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg></a>
|
|
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/></svg></a>
|
|
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"/></svg></a>
|
|
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33 2.78 2.78 0 0 0 1.94 2c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.33 29 29 0 0 0-.46-5.33z"/><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"/></svg></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
</section>
|
|
|
|
<hr class="v2-divider"/>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
|
|
<!-- ── 3. CATALOG PAGE OVERRIDE ───────────────────────────── -->
|
|
<template id="v2_rental_catalog_inherit" inherit_id="event_rental.rental_catalog_template" name="V2 Rental Catalog" priority="500">
|
|
<xpath expr="//div[@id='wrap']" position="replace">
|
|
<div id="wrap" class="oe_structure oe_empty" style="background-color:#fdf6e3; font-family:'Jost',sans-serif; padding-top:96px;">
|
|
<section style="max-width:1600px; margin:0 auto; padding:60px 32px 80px;">
|
|
<div style="margin-bottom:48px;">
|
|
<span class="v2-eyebrow" style="display:block; margin-bottom:12px;">Rental Collection</span>
|
|
<h1 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(2.5rem,5vw,4rem); font-weight:700; color:#1a1206; margin:0 0 16px; line-height:1.1;">Our Event Rental Products</h1>
|
|
<p style="color:#6b5e4e; font-size:0.95rem; max-width:560px; line-height:1.75; margin:0;">Browse our premium collection of event rental items to elevate your special occasion.</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3 mb-4">
|
|
<div style="background:#ffffff; border:1px solid rgba(201,151,58,0.2); border-radius:12px; padding:20px; box-shadow:0 4px 20px rgba(30,18,8,0.06);">
|
|
<h5 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:1.2rem; font-weight:700; color:#1a1206; margin:0 0 16px; padding-bottom:12px; border-bottom:2px solid #C9973A;">Categories</h5>
|
|
<div style="display:flex; flex-direction:column; gap:4px;">
|
|
<a t-att-href="'/rentals' + (search and ('?search=' + search) or '')"
|
|
t-att-style="'display:block; padding:9px 12px; border-radius:6px; font-size:0.85rem; font-weight:600; text-decoration:none; transition:all 0.2s; ' + (not current_category and 'background:#1e1208; color:#ffffff;' or 'color:#1a1206;')">
|
|
All Products
|
|
</a>
|
|
<t t-foreach="categories" t-as="cat">
|
|
<a t-att-href="'/rentals?category=' + str(cat.id) + (search and ('&search=' + search) or '')"
|
|
t-att-style="'display:block; padding:9px 12px; border-radius:6px; font-size:0.85rem; font-weight:600; text-decoration:none; transition:all 0.2s; ' + (current_category == cat.id and 'background:#1e1208; color:#ffffff;' or 'color:#1a1206;')">
|
|
<span t-field="cat.name"/>
|
|
</a>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div style="margin-bottom:24px;">
|
|
<form action="/rentals" method="get" style="display:flex; gap:12px;">
|
|
<input type="hidden" name="category" t-att-value="current_category" t-if="current_category"/>
|
|
<input type="text" name="search" class="form-control" placeholder="Search rental products…" t-att-value="search" style="border:1.5px solid rgba(201,151,58,0.3); border-radius:8px; padding:10px 16px; font-family:'Jost',sans-serif;"/>
|
|
<button type="submit" style="background:#C9973A; color:#fff; border:none; border-radius:8px; padding:10px 24px; font-weight:700; font-size:0.85rem; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; white-space:nowrap;">Search</button>
|
|
</form>
|
|
</div>
|
|
<div t-if="not products" style="text-align:center; padding:80px 20px; background:#ffffff; border-radius:12px; border:1px solid rgba(201,151,58,0.2);">
|
|
<h3 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:1.8rem; color:#1a1206; margin:0 0 8px;">No Products Found</h3>
|
|
<p style="color:#6b5e4e; font-size:0.9rem;">We couldn't find any rental products matching your filters.</p>
|
|
<a href="/rentals" style="display:inline-block; margin-top:16px; color:#C9973A; font-weight:600; text-decoration:underline; font-size:0.9rem;">Clear Filters</a>
|
|
</div>
|
|
<div class="row" t-if="products">
|
|
<t t-foreach="products" t-as="product">
|
|
<div class="col-md-4 col-sm-6 mb-4">
|
|
<div style="background:#ffffff; border:1px solid rgba(201,151,58,0.15); border-radius:12px; overflow:hidden; box-shadow:0 4px 20px rgba(30,18,8,0.06); transition:transform 0.3s ease, box-shadow 0.3s ease; height:100%; display:flex; flex-direction:column;">
|
|
<div style="height:200px; overflow:hidden; background:#f5ead0; position:relative;">
|
|
<img t-if="product.image_1920" t-att-src="image_data_uri(product.image_1920)" style="width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease;" loading="lazy"/>
|
|
<div t-else="" style="display:flex; align-items:center; justify-content:center; height:100%; color:#C9973A; font-size:3rem;">🎪</div>
|
|
</div>
|
|
<div style="padding:20px; display:flex; flex-direction:column; flex:1;">
|
|
<h3 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:1.2rem; font-weight:700; color:#1a1206; margin:0 0 8px;" t-field="product.name"/>
|
|
<p style="font-size:0.82rem; color:#6b5e4e; line-height:1.65; flex:1; margin:0 0 16px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;" t-field="product.description_sale"/>
|
|
<div style="display:flex; align-items:center; justify-content:space-between; padding-top:12px; border-top:1px solid rgba(201,151,58,0.15);">
|
|
<div>
|
|
<span style="font-family:'Cormorant Garamond',Georgia,serif; font-size:1.3rem; font-weight:700; color:#1e1208;" t-field="product.rental_price_per_day" t-options="{'widget': 'monetary', 'display_currency': res_company.currency_id}"/>
|
|
<span style="font-size:0.72rem; color:#6b5e4e; display:block;">/ day</span>
|
|
</div>
|
|
<a t-att-href="'/rentals/%s' % slug(product)" style="background:#1e1208; color:#ffffff; font-size:0.75rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:8px 16px; border-radius:6px; text-decoration:none; transition:background 0.2s;">View Details</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
|
|
<!-- ── 4. ABOUT US PAGE ───────────────────────────────────── -->
|
|
<template id="v2_aboutus" inherit_id="website.aboutus" name="V2 About Us" active="True" priority="500">
|
|
<xpath expr="//div[@id='wrap']" position="replace">
|
|
<div id="wrap" class="oe_structure oe_empty" style="background-color:#ffffff; font-family:'Jost',sans-serif;">
|
|
<!-- Inner Banner -->
|
|
<section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/about.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/hero_bg.png');
|
|
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.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/gallery1.webp" alt="Event details" style="width: 100%; height: 220px; object-fit: cover; border-radius: 12px;"/>
|
|
<img src="/theme_aakriti_v2/static/src/img/hero_bg.png" 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">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="12" r="5"/><circle cx="16" cy="12" r="5"/></svg>
|
|
</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">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M15 2H9a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1Z"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></svg>
|
|
</div>
|
|
<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">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="M4.93 4.93l1.41 1.41"/><path d="M17.66 17.66l1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="M4.93 19.07l1.41-1.41"/><path d="M17.66 6.34l1.41-1.41"/></svg>
|
|
</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">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="7"/><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"/></svg>
|
|
</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">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
|
|
</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">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" y1="9" x2="9.01" y2="9"/><line x1="15" y1="9" x2="15.01" y2="9"/></svg>
|
|
</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.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 SVG -->
|
|
<svg class="v2-flower-deco" viewBox="0 0 100 100" fill="none" stroke="#C9973A" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M50,90 Q55,70 85,60 Q65,55 60,35 Q55,55 30,60 Q45,70 50,90 Z"/>
|
|
<path d="M60,35 Q75,25 90,30 Q80,45 85,60"/>
|
|
<path d="M30,60 Q15,55 10,40 Q25,35 45,45"/>
|
|
<circle cx="56" cy="56" r="4"/>
|
|
</svg>
|
|
</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/hero_bg.png');">
|
|
<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.png" 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>
|