<?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;family=Great+Vibes&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/aakriti-logo.png" alt="Aakriti Events" style="height:44px;width:auto;object-fit:contain;"/>
                    </a>
                    <button id="v2-drawer-close" aria-label="Close menu" style="background:none;border:none;cursor:pointer;color:#1a1206;padding:4px;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
                    </button>
                </div>
                <nav class="v2-drawer-nav">
                    <a href="/">Home</a>
                    <a href="/aboutus">About Us</a>
                    <a href="/rentals">Rentals</a>
                    <!-- <a href="/services">Services</a> -->
                    <a href="/portfolio">Portfolio</a>
                    <a href="/blog">Blog</a>
                    <a href="/contactus">Contact</a>
                </nav>
                <div class="v2-drawer-footer">
                    <a href="/rental/request" class="v2-btn-gold" style="width:100%;justify-content:center;">Plan Your Event →</a>
                </div>
            </div>

            <!-- Sticky Header -->
            <header id="v2-header" data-anchor="true">
                <div class="v2-header-inner">
                    <!-- Logo -->
                    <a class="v2-logo" href="/" aria-label="Aakriti Events Home">
                        <img src="/theme_aakriti_v2/static/src/img/aakriti-logo.png" alt="Aakriti Events"/>
                    </a>

                    <!-- Desktop Nav -->
                    <nav class="v2-nav">
                        <a href="/">Home</a>
                        <a href="/aboutus">About Us</a>
                        <a href="/rentals">Rentals</a>
                        <!-- <a href="/services">Services</a> -->
                        <a href="/portfolio">Portfolio</a>
                        <!-- <a href="/aboutus">Experience</a> -->
                        <a href="/blog">Blog</a>
                        <a href="/contactus">Contact</a>
                        <a href="/rental/request" class="v2-nav-cta" style="display:inline-flex; align-items:center;">
                            Plan Your Event
                            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                            </span>
                        </a>
                    </nav>

                    <!-- Mobile Toggle -->
                    <button id="v2-mobile-toggle" aria-label="Toggle menu">
                        <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5h16"/><path d="M4 12h16"/><path d="M4 19h16"/></svg>
                    </button>
                </div>
            </header>
        </xpath>

        <!-- Hide Odoo default copyright -->
        <xpath expr="//div[hasclass('o_footer_copyright')]" position="attributes">
            <attribute name="class" add="d-none" separator=" "/>
        </xpath>

        <!-- Replace Footer -->
        <xpath expr="//div[@id='footer']" position="replace">
            <div id="footer">
                <footer id="v2-footer-new">

    <div class="v2-footer-new-inner">

        <!-- Column 1 -->
        <div class="v2-footer-col">
            <div class="v2-footer-logo-new">
                <img src="/theme_aakriti_v2/static/src/img/aakriti-logo.png" alt="Aakriti Events"/>
            </div>

            <p class="v2-footer-about">
                Creating unforgettable celebrations with elegance,
                creativity, and memorable experiences for every occasion.
            </p>
        </div>

        <!-- Column 2 -->
        <div class="v2-footer-col">
            <h4>Menu</h4>

            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/aboutus">About Us</a></li>
                <li><a href="/rentals">Rentals</a></li>
                <li><a href="/services">Services</a></li>
                <li><a href="/portfolio">Portfolio</a></li>
                <li><a href="/blog">Blog</a></li>
                <li><a href="/contactus">Contact</a></li>
            </ul>
        </div>

        <!-- Column 3 -->
        <div class="v2-footer-col">
            <h4>Services</h4>

            <ul>
                <li>Wedding Planning</li>
                <li>Stage Decoration</li>
                <li>Event Management</li>
                <li>Corporate Events</li>
                <li>Photography</li>
            </ul>
        </div>

        <!-- Column 4 -->
        <div class="v2-footer-col">
            <h4>Get In Touch</h4>

            <div class="v2-footer-contact">
                <!-- <p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
                    stroke-width="2">
                        <path d="M22 16.92v3a2 2 0 0 1-2.18 2
                        19.79 19.79 0 0 1-8.63-3.07
                        19.5 19.5 0 0 1-6.5-6.5
                        A19.79 19.79 0 0 1 1.08 4.18
                        2 2 0 0 1 3.06 2h3a2 2 0 0 1 2 1.72"/>
                    </svg>

                    +91 98765 43210
                </p> -->

                <p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
                    stroke-width="2">
                        <rect x="2" y="4" width="20" height="16" rx="2"/>
                        <path d="m22 7-10 6L2 7"/>
                    </svg>

                    <a href="mailto:info@aakritidesign.com" style="color: inherit; text-decoration: none;">info@aakritidesign.com</a>
                </p>

                <!-- <p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
                    stroke-width="2">
                        <path d="M21 10c0 7-9 12-9 12S3 17 3 10a9 9 0 0 1 18 0"/>
                        <circle cx="12" cy="10" r="3"/>
                    </svg>

                    123 Celebration Avenue <br/>
                    Bangalore, India - 560001
                </p> -->

                <div class="v2-footer-social">
                    <style>
                        .v2-footer-social {
                            display: flex;
                            gap: 10px;
                            margin-top: 20px;
                            flex-wrap: wrap;
                        }
                        .v2-social-link {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: 38px;
                            height: 38px;
                            border-radius: 50%;
                            background: rgba(255,255,255,0.08);
                            border: 1px solid rgba(255,255,255,0.15);
                            transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
                            color: #fff;
                            text-decoration: none;
                        }
                        .v2-social-link:hover {
                            background: #C9973A;
                            border-color: #C9973A;
                            transform: translateY(-3px);
                        }
                        .v2-social-link svg {
                            display: block;
                        }
                    </style>

                    <!-- Facebook -->
                    <a href="#" class="v2-social-link" aria-label="Facebook">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/>
                        </svg>
                    </a>

                 <!-- Instagram -->
                    <a href="https://www.instagram.com/your_username/"
                    class="v2-social-link"
                    aria-label="Instagram"
                    target="_blank"
                    rel="noopener noreferrer">

                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/>
                        </svg>

                    </a>

                    <!-- Twitter / X -->
                    <a href="#" class="v2-social-link" aria-label="Twitter / X">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
                        </svg>
                    </a>

                    <!-- LinkedIn -->
                    <a href="#" class="v2-social-link" aria-label="LinkedIn">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/>
                            <rect width="4" height="12" x="2" y="9"/>
                            <circle cx="4" cy="4" r="2"/>
                        </svg>
                    </a>
                </div>
            </div>

        </div>

    </div>

    <div class="v2-footer-bottom">
        <style>
            .v2-footer-bottom p {
                font-size: 1.05em;
            }
            .v2-metatron-link {
                color: var(--v2-gold, #cda557) !important;
                text-decoration: none !important;
                transition: color 0.3s ease;
            }
            .v2-metatron-link:hover {
                color: #000000 !important;
            }
        </style>
        <p>© <span id="v2-footer-year">2026</span> Aakriti Events. All rights reserved. | Powered by <a href="https://metatroncubesolutions.com/" target="_blank" rel="noopener noreferrer" class="v2-metatron-link">Metatroncube</a></p>
    </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>

                <style>
                    /* Accessibility: Increased font sizes for older people */
                    #wrap p, #wrap .v2-about-desc, #wrap .v2-hero-sub, #wrap .v2-testimonial-text-new, #wrap .v2-cta-subtitle {
                        font-size: 1.3rem !important;
                        line-height: 1.8 !important;
                    }
                    #wrap .v2-section-title {
                        font-size: clamp(3rem, 5vw, 4rem) !important;
                    }
                    #wrap .v2-hero-title {
                        font-size: clamp(3.5rem, 6vw, 5rem) !important;
                    }
                    #wrap .v2-eyebrow-text, #wrap .v2-hero-eyebrow, #wrap .v2-about-eyebrow {
                        font-size: 1.15rem !important;
                    }
                    #wrap .accordion-button {
                        font-size: 1.6rem !important;
                    }
                    #wrap .accordion-body {
                        font-size: 1.25rem !important;
                    }
                    #wrap .v2-service-title-top, #wrap .v2-testimonial-author-new {
                        font-size: 1.15rem !important;
                    }
                    
                    /* Responsive Overrides */
                    #wrap .v2-testimonials-right-override {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);
                        gap: 18px;
                    }
                    #wrap .v2-gallery-grid {
                        display: grid;
                        grid-template-columns: repeat(4, 1fr);
                        gap: 15px;
                        max-width: 1400px;
                        margin: 0 auto 40px auto;
                    }
                    #wrap .v2-gallery-grid > div {
                        aspect-ratio: 1/1;
                        overflow: hidden;
                    }
                    #wrap .v2-gallery-grid img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                    
                    @media (max-width: 991px) {
                        #wrap .v2-gallery-grid {
                            grid-template-columns: repeat(2, 1fr);
                        }
                    }
                    @media (max-width: 767px) {
                        #wrap .accordion-button {
                            font-size: 1rem !important;
                        }
                        #wrap .v2-testimonials-right-override {
                            grid-template-columns: 1fr;
                        }
                        #wrap .v2-gallery-grid {
                            grid-template-columns: 1fr;
                        }
                        #wrap .v2-hero-title {
                            font-size: 2.5rem !important;
                        }
                        #wrap .v2-hero-sub {
                            font-size: 1rem !important;
                        }
                    }
                </style>

                <!-- ═══════════════════════════════════════════
                     SECTION 1 — HERO
                ═══════════════════════════════════════════ -->
                <section id="v2-hero">
                    <div class="v2-hero-bg"></div>
                    <div class="v2-hero-overlay"></div>
                    <div class="v2-hero-content" style="text-align: left; display: flex; flex-direction: column; align-items: flex-start;">
                        <span class="v2-hero-eyebrow hero-title">WE DON'T JUST PLAN EVENTS</span>
                        <h1 class="v2-hero-title v2-reveal">
                            <span class="v2-dark-text hero-title">WE CREATE</span><br/>
                            <span class="v2-gold-text hero-title">EXPERIENCES</span><br/>
                            <span class="v2-dark-text hero-title">TO REMEMBER</span>
                        </h1>
                        <div class="v2-hero-divider v2-reveal">
                            <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
                        </div>
                        <p class="v2-hero-sub v2-reveal v2-reveal-delay-1 hero-title">
                            Aakriti Events crafts unforgettable weddings,
                            corporate gatherings, cultural celebrations and
                            luxury experiences with purpose, passion and
                            flawless execution.
                        </p>
                        <!-- <div class="v2-hero-btns v2-reveal v2-reveal-delay-2">
                            <a href="/rental/request" class="v2-btn-gold" style="display:inline-flex; align-items:center;">
                             Request an Appointment
                                <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>
                        </div> -->
                    </div>
                </section>


                <!-- ═══════════════════════════════════════════
                     SECTION 1.5 — ABOUT US (OUR STORY)
                ═══════════════════════════════════════════ -->
                <section id="v2-home-about" style="padding: 60px 0; background-color: #fff; overflow: hidden; position: relative;">
                    <style>
                        .v2-about-wrapper {
                            max-width: 1600px;
                            margin: 0 auto;
                            <!-- padding: 0 32px; -->
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            gap: 20px;
                            flex-wrap: wrap;
                        }
                        .v2-about-text {
                            flex: 1;
                            min-width: 300px;
                            padding: 0 20px;
                            text-align: center;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                        }
                        .v2-about-eyebrow {
                            font-family: 'Great Vibes', cursive;
                            color: var(--v2-gold);
                            font-size: 2.5rem;
                            margin-bottom: 10px;
                            line-height: 1;
                        }
                        .v2-about-title {
                            font-family: var(--v2-font-display);
                            font-size: clamp(2.5rem, 4vw, 3.8rem);
                            color: var(--v2-dark);
                            line-height: 1.15;
                            margin-bottom: 20px;
                            font-weight: 600;
                        }
                        .v2-about-desc {
                            color: var(--v2-text);
                            font-size: 1.1rem;
                            line-height: 1.8;
                            margin-bottom: 40px;
                            max-width: 90%;
                        }
                        .v2-about-images {
                            flex: 1;
                            min-width: 300px;
                            max-width: 100%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            padding: 20px;
                        }
                        .v2-about-img-single {
                            width: 100%;
                            max-width: 550px;
                            aspect-ratio: 1 / 1;
                            object-fit: cover;
                            display: block;
                            box-shadow: 0 10px 40px rgba(0,0,0,0.08);
                        }
                        .v2-about-btn {
                            display: inline-flex;
                            align-items: center;
                            gap: 10px;
                            color: var(--v2-gold);
                            font-size: 0.85rem;
                            font-weight: 600;
                            letter-spacing: 2px;
                            text-transform: uppercase;
                            text-decoration: none;
                            border: 1px solid var(--v2-gold);
                            padding: 14px 28px;
                            border-radius: 4px;
                            transition: all 0.3s ease;
                        }
                        .v2-about-btn:hover {
                            background-color: var(--v2-gold);
                            color: #fff;
                        }
                        .v2-about-btn svg {
                            transition: transform 0.3s ease;
                        }
                        .v2-about-btn:hover svg {
                            transform: translateX(4px);
                        }
                        @media (max-width: 991px) {
                            .v2-about-wrapper { flex-direction: column-reverse; gap: 40px; }
                        }
                    </style>
                    <div class="v2-about-wrapper">
                        <div class="v2-about-images v2-reveal v2-reveal-delay-1">
                            <img src="/theme_aakriti_v2/static/src/img/our-story.webp" alt="Our Story" class="v2-about-img-single"/>
                        </div>
                        <div class="v2-about-text v2-reveal" style="text-align: left; align-items: flex-start;">
                            <div class="v2-about-eyebrow">Our Story</div>
                            <h2 class="v2-about-title">From a Dream<br/>to Beautiful<br/>Realities</h2>
                            <div style="margin-bottom: 25px; width: 100%; display: flex; justify-content: flex-start;">
                                <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Divider" style="max-width: 200px; height: auto;" />
                            </div>
                            <p class="v2-about-desc" style="margin-bottom: 15px;">
                                Aakriti Design specializes in event decor and wedding design that goes beyond surface level styling.
                            </p>
                            <p class="v2-about-desc">
                                We design environments that reflect your story, your culture, and the experience you want your guests to remember.
                            </p>
                            <a href="/aboutus" class="v2-about-btn">
                                OUR JOURNEY 
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 16 16 12 12 8"/><line x1="8" x2="16" y1="12" y2="12"/></svg>
                            </a>
                        </div>
                    </div>
                </section>
                <!-- <section id="v2-features">
                    <div class="v2-features-card">
                        <div class="v2-features-grid">
                            <div class="v2-feature-item v2-reveal">
    <div class="v2-feature-icon">
        <img src="/theme_aakriti_v2/static/src/img/home/features/creative-concepts.webp"
             alt="Creative Concepts"
             width="40"
             height="40"/>
    </div>

    <div class="v2-feature-title">Creative Concepts</div>
    <div class="v2-feature-desc">
        Unique ideas that<br/>
        bring your vision to life.
    </div>
</div>
                            <div class="v2-feature-item v2-reveal v2-reveal-delay-1">
                                <div class="v2-feature-icon">
        <img src="/theme_aakriti_v2/static/src/img/home/features/flawless-planning.webp" alt="Creative Concepts" width="40" height="40"/>
    </div>
                                <div class="v2-feature-title">Flawless Planning</div>
                                <div class="v2-feature-desc">Every detail planned<br/>to perfection.</div>
                            </div>
                            <div class="v2-feature-item v2-reveal v2-reveal-delay-2">
                                <div class="v2-feature-icon">
        <img src="/theme_aakriti_v2/static/src/img/home/features/vendor-management.webp" alt="Creative Concepts" width="40" height="40"/>
    </div>
                                <div class="v2-feature-title">Vendor Management</div>
                                <div class="v2-feature-desc">Trusted network,<br/>seamless coordination.</div>
                            </div>
                            <div class="v2-feature-item v2-reveal v2-reveal-delay-3">
                                <div class="v2-feature-icon">
        <img src="/theme_aakriti_v2/static/src/img/home/features/premium-design.webp" alt="Creative Concepts" width="40" height="40"/>     
    </div>
                                <div class="v2-feature-title">Premium Design</div>
                                <div class="v2-feature-desc">Stunning decor &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: varvar(--v2-cream);">
                    <div class="v2-services-inner" style="display: flex; flex-direction: column; align-items: center; text-align: center;">
                        <div class="v2-services-left" style="display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; text-align: center; width: 100%;">
                            <div class="v2-section-header-group" style="justify-content: center;">
                                <span class="v2-eyebrow-num">02.</span>
                                <span class="v2-eyebrow-text">OUR SERVICES</span>
                            </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" style="display: flex; justify-content: center; width: 100%;">
                                <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-reveal v2-reveal-delay-1" style="color: var(--v2-text); font-weight: 500; max-width: 600px;">
                                From intimate gatherings to grand celebrations, we offer end-to-end event management services tailored to your needs.
                            </p>
                            <!-- <a href="/services" 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>

                        <style>
                            .v2-services-accordion .accordion-button:not(.collapsed) {
                                background-color: #fdf9f1 !important;
                                color: #C9973A !important;
                                box-shadow: inset 0 -1px 0 rgba(201, 151, 58, 0.2) !important;
                            }
                            .v2-services-accordion .accordion-button:focus {
                                border-color: rgba(201, 151, 58, 0.5);
                                box-shadow: 0 0 0 0.25rem rgba(201, 151, 58, 0.25);
                            }
                            .v2-services-accordion .accordion-item {
                                border: none;
                                border-bottom: 1px solid rgba(201, 151, 58, 0.2);
                            }
                            .v2-services-accordion .accordion-item:last-child {
                                border-bottom: none;
                            }
                            .v2-services-accordion .accordion-button {
                                background-color: #fff; 
                                color: #1a1206; 
                                font-family: 'Jost', sans-serif; 
                                font-weight: 600; 
                                font-size: 1.05rem; 
                                padding: 20px 24px; 
                                box-shadow: none;
                            }
                            .v2-services-accordion .accordion-body {
                                background-color: #fdf9f1; 
                                color: #6b5e4e; 
                                padding: 20px 24px; 
                                font-size: 0.95rem; 
                                line-height: 1.6;
                            }
                        </style>
                        <div class="accordion v2-services-accordion" id="servicesAccordion" style="box-shadow: 0 4px 15px rgba(0,0,0,0.05); border-radius: 12px; overflow: hidden; width: 100%; max-width: 1200px; margin: 0 auto;">
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingOne">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                        FUSION WEDDINGS
                                    </button>
                                </h2>
                                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#servicesAccordion">
                                    <div class="accordion-body">
                                        We seamlessly blend cultures, traditions, and contemporary styles to create a unique and harmonious wedding experience tailored just for you.
                                    </div>
                                </div>
                            </div>
                            
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                        CEREMONY &amp; RECEPTION DESIGN
                                    </button>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#servicesAccordion">
                                    <div class="accordion-body">
                                        Transform your venue into a breathtaking space. We handle every design detail from the ceremony aisle to the reception tables.
                                    </div>
                                </div>
                            </div>
                            
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingThree">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                        STAGE &amp; MANDAP DESIGN
                                    </button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#servicesAccordion">
                                    <div class="accordion-body">
                                        Exquisite, custom-built stages and mandaps that serve as the perfect focal point for your most sacred and memorable moments.
                                    </div>
                                </div>
                            </div>
                            
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFour">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                        TABLE &amp; FLORAL STYLING
                                    </button>
                                </h2>
                                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#servicesAccordion">
                                    <div class="accordion-body">
                                        Elegant centerpieces, beautiful tablescapes, and stunning floral arrangements that elevate your event's aesthetic.
                                    </div>
                                </div>
                            </div>
                            
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFive">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                        EVENT RENTALS &amp; CUSTOM BUILDS
                                    </button>
                                </h2>
                                <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#servicesAccordion">
                                    <div class="accordion-body">
                                        Access our premium inventory of furniture, decor, and custom-fabricated structures to bring your exact vision to life.
                                    </div>
                                </div>
                            </div>
                            
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingSix">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                        PRIVATE CELEBRATIONS &amp; MILESTONE EVENTS
                                    </button>
                                </h2>
                                <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#servicesAccordion">
                                    <div class="accordion-body">
                                        From luxury birthdays to anniversaries, we design intimate and grand celebrations that celebrate your milestones in style.
                                    </div>
                                </div>
                            </div>
                            
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingSeven">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                                        CORPORATE &amp; COMMUNITY EVENTS
                                    </button>
                                </h2>
                                <div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="headingSeven" data-bs-parent="#servicesAccordion">
                                    <div class="accordion-body">
                                        Professional event management and styling for galas, launches, and corporate gatherings that reflect your brand's excellence.
                                    </div>
                                </div>
                            </div>
                            
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingEight">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
                                        ON-SITE STYLING &amp; COORDINATION SUPPORT
                                    </button>
                                </h2>
                                <div id="collapseEight" class="accordion-collapse collapse" aria-labelledby="headingEight" data-bs-parent="#servicesAccordion">
                                    <div class="accordion-body">
                                        Our expert team manages setup, styling, and breakdown on the day of your event, ensuring everything is flawless.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>


                <!-- ═══════════════════════════════════════════
                     SECTION 5 — PROCESS
                ═══════════════════════════════════════════ -->
                <!-- <section id="v2-process">
                    <div class="v2-process-inner">
                        <span class="v2-eyebrow">OUR PROCESS</span>
                        <h2 class="v2-section-title v2-reveal" style="font-family:;">From Vision To Reality</h2>
                        <div class="v2-process-timeline">
    <div class="v2-process-line"></div>

    <div class="v2-step v2-reveal">
        <div class="v2-step-icon-circle">
            <img src="/theme_aakriti_v2/static/src/img/home/process/discover.png"
                 alt="Discover"
                 width="40"
                 height="40"/>
        </div>
        <div class="v2-step-num">1</div>
        <div class="v2-step-title">DISCOVER</div>
        <p class="v2-step-desc">We listen, understand<br/>and align with your goals.</p>
    </div>

    <div class="v2-step v2-reveal v2-reveal-delay-1">
        <div class="v2-step-icon-circle">
            <img src="/theme_aakriti_v2/static/src/img/home/process/design.png"
                 alt="Design"
                 width="40"
                 height="40"/>
        </div>
        <div class="v2-step-num">2</div>
        <div class="v2-step-title">DESIGN</div>
        <p class="v2-step-desc">We create a concept<br/>that reflects your style.</p>
    </div>

    <div class="v2-step v2-reveal v2-reveal-delay-2">
        <div class="v2-step-icon-circle">
            <img src="/theme_aakriti_v2/static/src/img/home/process/plan.png"
                 alt="Plan"
                 width="40"
                 height="40"/>
        </div>
        <div class="v2-step-num">3</div>
        <div class="v2-step-title">PLAN</div>
        <p class="v2-step-desc">We plan every detail<br/>with precision.</p>
    </div>

    <div class="v2-step v2-reveal v2-reveal-delay-3">
        <div class="v2-step-icon-circle">
            <img src="/theme_aakriti_v2/static/src/img/home/process/execute.png"
                 alt="Execute"
                 width="40"
                 height="40"/>
        </div>
        <div class="v2-step-num">4</div>
        <div class="v2-step-title">EXECUTE</div>
        <p class="v2-step-desc">We execute flawlessly<br/>to bring it to life.</p>
    </div>

    <div class="v2-step v2-reveal v2-reveal-delay-4">
        <div class="v2-step-icon-circle">
            <img src="/theme_aakriti_v2/static/src/img/home/process/celebrate.png"
                 alt="Celebrate"
                 width="40"
                 height="40"/>
        </div>
        <div class="v2-step-num">5</div>
        <div class="v2-step-title">CELEBRATE</div>
        <p class="v2-step-desc">You enjoy every moment,<br/>we handle the rest.</p>
    </div>

</div>
                    </div>
                </section> -->

                <!-- ═══════════════════════════════════════════
                     SECTION 5.5 — CTA
                ═══════════════════════════════════════════ -->
                <section id="v2-cta" class="v2-reveal">
                    <div class="v2-cta-inner">
                        <h2 class="v2-cta-title" style="font-family: var(--v2-font-display);">Where Flowers Tell Your Story</h2>
                        <p class="v2-cta-subtitle">Flowers for Every Chapter — Celebrate, Comfort, and<br/>Connect with the Perfect Blooms. Let's Create Something<br/>Meaningful Together.</p>
                        <a href="/contactus" class="v2-btn-cta">Enquire Now</a>
                    </div>
                </section>


                <!-- ═══════════════════════════════════════════
                     SECTION 6 — TESTIMONIALS
                ═══════════════════════════════════════════ -->
                <section id="v2-testimonials" style="background: #fff; padding: 60px 20px; text-align: center;">
                    <div style="display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; text-align: center; width: 100%;">
                        <div class="v2-section-header-group" style="justify-content: center;">
                            <span class="v2-eyebrow-num">05.</span>
                            <span class="v2-eyebrow-text">CLIENT LOVE</span>
                        </div>
                        <h2 class="v2-section-title v2-reveal">
                            <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>
                            <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" style="display: flex; justify-content: center; width: 100%;">
                            <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 150px; display: block;"/>
                        </div>
                    </div>
                    <div style="max-width: 900px; margin: 0 auto; position: relative;">
                        
                        <div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel" style="padding: 0 50px;">
                            <div class="carousel-inner">
                                <!-- Slide 1 -->
                                <div class="carousel-item active">
                                    <div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div>
                                    <p style="font-size: 2.8rem !important; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
                                        "The event decor was absolutely breathtaking! Aakriti Events completely transformed our venue in Waterloo. Their attention to detail is unmatched."
                                    </p>
                                    <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
                                        <div style="font-size: 0.95rem; font-weight: 600; color: #1a1206; font-family: 'Jost', sans-serif;">Emily &amp; James</div>
                                        <div style="font-size: 1.4rem; font-weight: 800; color: #1a1206; letter-spacing: -0.5px; margin-top: 5px; font-family: 'Jost', sans-serif;">Happy Couple</div>
                                    </div>
                                </div>
                                <!-- Slide 2 -->
                                <div class="carousel-item">
                                    <div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div>
                                    <p style="font-size: 2.8rem !important; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
                                        "Incredible rental selection and flawless execution for our corporate gala. The team made the entire process seamless from start to finish."
                                    </p>
                                    <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
                                        <div style="font-size: 0.95rem; font-weight: 600; color: #1a1206; font-family: 'Jost', sans-serif;">Michael Chen, Event Coordinator</div>
                                        <div style="font-size: 1.4rem; font-weight: 800; color: #1a1206; letter-spacing: -0.5px; margin-top: 5px; font-family: 'Jost', sans-serif;">TechHub Waterloo</div>
                                    </div>
                                </div>
                                <!-- Slide 3 -->
                                <div class="carousel-item">
                                    <div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div>
                                    <p style="font-size: 2.8rem !important; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
                                        "We rented their premium floral arches and seating for our outdoor ceremony in Kitchener-Waterloo. Everything was delivered on time and looked pristine."
                                    </p>
                                    <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
                                        <div style="font-size: 0.95rem; font-weight: 600; color: #1a1206; font-family: 'Jost', sans-serif;">Sarah Mitchell</div>
                                        <div style="font-size: 1.4rem; font-weight: 800; color: #1a1206; letter-spacing: -0.5px; margin-top: 5px; font-family: 'Jost', sans-serif;">Event Planner</div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Carousel Controls -->
                            <button class="carousel-control-prev" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="prev" style="width: 50px; filter: invert(1); opacity: 0.8;">
                                <span class="carousel-control-prev-icon" aria-hidden="true" style="width: 30px; height: 30px;"></span>
                                <span class="visually-hidden">Previous</span>
                            </button>
                            <button class="carousel-control-next" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="next" style="width: 50px; filter: invert(1); opacity: 0.8;">
                                <span class="carousel-control-next-icon" aria-hidden="true" style="width: 30px; height: 30px;"></span>
                                <span class="visually-hidden">Next</span>
                            </button>
                            
                            <!-- Indicators -->
                            <!-- <div class="carousel-indicators" style="position: static; margin-top: 40px; filter: invert(1);">
                                <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1" style="width: 8px; height: 8px; border-radius: 50%; background-color: #000; margin: 0 5px;"></button>
                                <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="1" aria-label="Slide 2" style="width: 8px; height: 8px; border-radius: 50%; background-color: #000; margin: 0 5px;"></button>
                                <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="2" aria-label="Slide 3" style="width: 8px; height: 8px; border-radius: 50%; background-color: #000; margin: 0 5px;"></button>
                            </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 4 — RECENT WORK
                ═══════════════════════════════════════════ -->
                <section id="v2-recent-work" style="background-color: #fdf6e3; padding: 60px 20px; text-align: center;">
                    <div style="margin-bottom: 30px;">
                        <span style="font-size: 0.85rem; font-weight: 700; color: #C9973A; text-transform: uppercase; letter-spacing: 0.15em;">OUR RECENT WORK</span>
                        <h2 style="font-family: var(--v2-font-display); font-size: 2.5rem; color: #1a1206; font-weight: 600; margin-top: 10px;">See Our Recent Decorations</h2>
                    </div>
                    
                    <div class="v2-gallery-grid">
                        <div>
                            <img src="/theme_aakriti_v2/static/src/img/home/works/1.webp" alt="Recent Work 1"/>
                        </div>
                        <div>
                            <img src="/theme_aakriti_v2/static/src/img/home/works/2.webp" alt="Recent Work 2"/>
                        </div>
                        <div>
                            <img src="/theme_aakriti_v2/static/src/img/home/works/3.webp" alt="Recent Work 3"/>
                        </div>
                        <div>
                            <img src="/theme_aakriti_v2/static/src/img/home/works/4.webp" alt="Recent Work 4"/>
                        </div>
                    </div>

                    <a href="/portfolio" style="display: inline-flex; align-items: center; justify-content: center; background-color: #C9973A; color: #fff; text-decoration: none; padding: 12px 30px; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 4px; transition: background 0.3s ease;">
                        VIEW FULL GALLERY 
                        <span style="display: inline-flex; align-items: center; justify-content: center; margin-left: 8px;">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                <rect width="18" height="18" x="3" y="3" rx="2" ry="2"/>
                                <circle cx="9" cy="9" r="2"/>
                                <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/>
                            </svg>
                        </span>
                    </a>
                </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>
                </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 ───────────────────────────────────── -->
    <record id="aboutus_page" model="website.page">
        <field name="name">About Us</field>
        <field name="url">/aboutus</field>
        <field name="is_published">True</field>
        <field name="view_id" ref="website.aboutus"/>
        <field name="track">True</field>
    </record>

    <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 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-color: #fff;
                        background-image: none;
                    }
                    .v2-cta-banner::before {
                        content: none;
                    }
                    .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: #111111;
                        margin-bottom: 16px;
                        line-height: 1.1;
                        font-weight: 600;
                    }
                    .v2-cta-banner-text {
                        color: #333333;
                        font-size: 1.05rem;
                        line-height: 1.6;
                        margin-bottom: 32px;
                        max-width: 600px;
                        margin-left: auto;
                        margin-right: auto;
                    }

                    .v2-story-images { order: 2; }
                    .v2-story-content { order: 1; }

                    /* Responsive spacing adjustments for mobile and tablet */
                    @media (max-width: 991.98px) {
                        .v2-about-section, .v2-founder-section {
                            padding: 48px 20px !important;
                        }
                        .v2-cta-banner {
                            padding: 64px 20px !important;
                        }
                        .v2-story-grid, .v2-founder-grid {
                            gap: 32px;
                        }
                    }

                    @media (min-width: 992px) {
                        .v2-story-images { order: 1; }
                        .v2-story-content { order: 2; }
                    }
                </style>

                <!-- SECTION 1: OUR STORY -->
                <section class="v2-about-section">
                    <div class="v2-story-grid">
                        <!-- Images Left -->
                        <div class="v2-story-images">
                            <div style="position: relative; width: 100%;">
                                <img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-top.webp" alt="Event setup" style="width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 12px; display: block;"/>
                                <!-- Remove / Change Image Button -->
                                <!-- <button onclick="this.closest('div').querySelector('img').remove(); this.remove();" title="Remove image"
                                    style="position: absolute; top: 10px; right: 10px; background: rgba(0,0,0,0.55); color: #fff; border: none; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1rem; line-height: 1; transition: background 0.2s ease;"
                                    onmouseover="this.style.background='rgba(0,0,0,0.8)'" onmouseout="this.style.background='rgba(0,0,0,0.55)'">
                                    &#x2715;
                                </button> -->
                            </div>
                        </div>
                        <!-- Content Right -->
                        <div class="v2-story-content" style="padding-right: 20px;">
                            <div class="v2-about-label">OUR STORY</div>
                            <h2 class="v2-about-title">Events Made<br/><span class="gold">With Purpose</span></h2>
                            
                            <!-- Small decorative divider line -->
                            <div style="display:flex; align-items:center; gap:8px; margin-bottom:24px; color:#C9973A;">
                                <div style="width:5px; height:5px; background:#C9973A; transform:rotate(45deg);"></div>
                                <div style="height:1px; width:60px; background:#C9973A;"></div>
                                <div style="width:5px; height:5px; background:#C9973A; transform:rotate(45deg);"></div>
                            </div>

                            <p class="v2-about-text">Custom event decor and wedding design created with meaning, intention, and cultural understanding.</p>
                            <p class="v2-about-text">Aakriti Design specializes in event decor and wedding design that goes beyond surface level styling. We design environments that reflect your story, your culture, and the experience you want your guests to remember.</p>
                            <p class="v2-about-text">Every celebration carries emotion, movement, and energy. Our approach to event design begins with understanding how people gather, how a space flows, and how each element supports the overall experience. From weddings and fusion celebrations to private and corporate events, design is considered in relation to the space, the guests, and the moment being celebrated.</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">


        <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>

       
        <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>

       
        <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>

       
        <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>

        
        <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>

       
        <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: 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">Paarul Ladd is the Founder and Creative Director of Aakriti Design Events, with over 10 years of experience in event design, logistics, and space management. She creates thoughtfully planned celebrations that are both beautiful and functional.</p>
                            <p class="v2-about-text">Known for blending cultures seamlessly, Paarul designs weddings and events that feel personal, meaningful, and timeless. Her expertise spans intimate gatherings, grand celebrations, and multicultural weddings.</p>
                            <p class="v2-about-text">Clients value Paarul for her creative vision, calm approach, and practical guidance throughout the planning process. She is committed to bringing every celebration to life with confidence and attention to detail.</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: 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/4;"/>
                        </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>Beautiful</span> Together</h2>
                        <p class="v2-cta-banner-text">Whether you're planning an intimate celebration or a grand wedding, we'll bring your vision to life.</p>
                        <a href="/contactus" class="v2-btn-gold-solid" style="display:inline-flex; align-items:center; gap:8px;">
                            BOOK A CONSULTATION
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                        </a>
                    </div>
                </section>
            </div>
        </xpath>
    </template>


    <!-- ── 5. CONTACT US PAGE ─────────────────────────────────── -->
    <template id="v2_contactus" inherit_id="website.contactus" name="V2 Contact Us" active="True" priority="500">
        <xpath expr="//div[@id='wrap']" position="replace">
            <div id="wrap" class="oe_structure oe_empty" style="background-color:var(--v2-cream); font-family:'Jost',sans-serif;">
                <!-- Inner Banner -->
                <section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/inner-banner/3.webp');">
                    <div class="v2-inner-banner-content">
                        <h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">Contact Us</h1>
                        <div class="v2-inner-banner-breadcrumb">
                            <a href="/">Home</a> / <span class="v2-active">Contact</span>
                        </div>
                    </div>
                </section>
                <div class="v2-contact-page">
                    <!-- Top section -->
                    <div class="v2-contact-hero-grid">
                        <div class="v2-contact-hero-left">
                            <span class="v2-eyebrow-text" style="color: #c9973a; font-weight: 600; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 2px;">GET IN TOUCH</span>
                            <h1 class="v2-contact-title">
                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);">LET'S CREATE</span><br/>
                                <span class="v2-gold-text" style="font-family: var(--v2-font-display);">SOMETHING</span><br/>
                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);">INCREDIBLE TOGETHER</span>
                            </h1>
                            <div class="v2-hero-divider" style="margin-left: 0; margin-bottom: 25px;">
                                <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 150px; display: block;"/>
                            </div>
                            <p class="v2-contact-desc">
                                Have a question or ready to start planning your<br/>event? We'd love to hear from you.
                            </p>
                            <div class="v2-contact-details">
                                <!-- <div class="v2-contact-item">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6.5-6.5A19.79 19.79 0 0 1 1.08 4.18 2 2 0 0 1 3.06 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.89-.89a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16z"></path></svg>
                                    <span>+91 98765 43210</span>
                                </div> -->
                                <div class="v2-contact-item">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-10 6L2 7"></path></svg>
                                    <a href="mailto:info@aakritidesign.com" style="color: inherit; text-decoration: none;">info@aakritidesign.com</a>
                                </div>
                                <!-- <div class="v2-contact-item">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
                                    <span>123 Celebration Avenue,<br/>Bangalore, India - 560001</span>
                                </div> -->
                            </div>
                        </div>
                        
                        <div class="v2-contact-hero-right">
                            <div class="v2-contact-form-card">
                                <h3 class="v2-form-title">SEND US A MESSAGE</h3>
                                <form action="/website/form/crm.lead" method="post" data-model_name="crm.lead" data-success_page="/contactus-thank-you" class="s_website_form">
                                    <div class="v2-form-grid">
                                        <div class="v2-form-group">
                                            <input type="text" name="contact_name" class="v2-form-input" placeholder="Your Name" required="1"/>
                                        </div>
                                        <div class="v2-form-group">
                                            <input type="tel" name="phone" class="v2-form-input" placeholder="Phone Number"/>
                                        </div>
                                        <div class="v2-form-group">
                                            <input type="email" name="email_from" class="v2-form-input" placeholder="Email Address" required="1"/>
                                        </div>
                                        <div class="v2-form-group" style="position:relative;">
                                            <select name="event_type" class="v2-form-select">
                                                <option value="" disabled="1" selected="1">Event Type</option>
                                                <option value="Wedding">Wedding</option>
                                                <option value="Corporate">Corporate</option>
                                                <option value="Birthday">Birthday</option>
                                                <option value="Other">Other</option>
                                            </select>
                                            <div class="v2-select-arrow">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m6 9 6 6 6-6"/></svg>
                                            </div>
                                        </div>
                                        <div class="v2-form-group" style="position:relative;">
                                            <select name="budget" class="v2-form-select">
                                                <option value="" disabled="1" selected="1">Budget</option>
                                                <option value="Under 5L">Under 5L</option>
                                                <option value="5L - 10L">5L - 10L</option>
                                                <option value="10L+">10L+</option>
                                            </select>
                                            <div class="v2-select-arrow">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m6 9 6 6 6-6"/></svg>
                                            </div>
                                        </div>
                                        <div class="v2-form-group" style="position:relative;">
                                            <input type="text" name="event_date" class="v2-form-input" placeholder="Event Date" onfocus="(this.type='date')" onblur="if(!this.value)this.type='text'"/>
                                        </div>
                                        <div class="v2-form-group v2-form-full-width">
                                            <textarea name="description" class="v2-form-textarea" placeholder="Message" rows="5"></textarea>
                                        </div>
                                        <div class="v2-form-group v2-form-full-width">
                                            <button type="submit" class="v2-btn-gold" style="display:inline-flex; align-items:center; font-size: 0.75rem; padding: 12px 10px; text-transform: uppercase; border-radius: 4px; border: none; cursor: pointer;">
                                                LET'S PLAN TOGETHER
                                                <span style="display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                                                </span>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </xpath>
    </template>

    <!-- ── 6. SERVICES PAGE ───────────────────────────────────── -->
    <template id="v2_services_template" name="Services">
        <t t-call="website.layout">
            <div id="wrap" class="oe_structure oe_empty" style="background-color:#faf8f5; font-family:'Jost',sans-serif;">
                
                <!-- Inner Banner -->
                <section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/inner-banner/service-banner.png');">
                    <div class="v2-inner-banner-content">
                        <h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">Our Services</h1>
                        <div class="v2-inner-banner-breadcrumb">
                            <a href="/">Home</a> / <span class="v2-active">Services</span>
                        </div>
                    </div>
                </section>

                <!-- ═══════════════════════════════════════════════
                     SECTION 1 — EVENT THEMES & DECOR (Full-Width Tabbed Hero View)
                ═══════════════════════════════════════════════ -->
                <section class="svc-themes-section">
                    <div class="svc-fw-themes-container">
                        
                        <!-- Header -->
                        <div class="svc-fw-header">
                            <span class="svc-eyebrow">EXPLORE OUR THEMES</span>
                            <h2 class="svc-themes-title" style="font-family:var(--v2-font-display);">Event Themes<br/>&amp; Decor</h2>
                            <p class="svc-themes-intro">Every event deserves a story. Explore our curated themes and let us bring your vision to life with stunning Decor, florals, and design that leave lasting impressions.</p>
                        </div>
                        
                        <!-- Pills Navigation -->
                        <div class="svc-theme-pills-nav">
                            <button class="svc-pill-btn active" data-target="theme-panel-0">Bohemian</button>
                            <button class="svc-pill-btn" data-target="theme-panel-1">Elegance</button>
                            <button class="svc-pill-btn" data-target="theme-panel-2">Fairy Tale</button>
                            <button class="svc-pill-btn" data-target="theme-panel-3">Hollywood Glamour</button>
                            <button class="svc-pill-btn" data-target="theme-panel-4">Romance</button>
                            <button class="svc-pill-btn" data-target="theme-panel-5">The Royal Wedding</button>
                            <button class="svc-pill-btn" data-target="theme-panel-6">Rustic</button>
                            <button class="svc-pill-btn" data-target="theme-panel-7">Shimmer, Sparkle, and Bling!</button>
                            <button class="svc-pill-btn" data-target="theme-panel-8">Vintage</button>
                            <button class="svc-pill-btn" data-target="theme-panel-9">Winter, Spring, Summer, Fall</button>
                            <button class="svc-pill-btn" data-target="theme-panel-10">Black Tie Affair</button>
                            <button class="svc-pill-btn" data-target="theme-panel-11">Simplistic</button>
                        </div>
                        
                        <!-- Content Panels -->
                        <div class="svc-fw-theme-content-wrapper">
                            <div class="svc-fw-theme-panel active" id="theme-panel-0">
                                <div class="svc-fw-hero-banner">
                                    <img src="/theme_aakriti_v2/static/src/img/services/theme/Bohemian.webp" class="svc-fw-hero-img" alt="Bohemian Event Decor" />
                                    <div class="svc-fw-hero-overlay">
                                        <span class="svc-fw-hero-badge">EXPLORE THEME</span>
                                        <h3 class="svc-fw-hero-title">Bohemian Event Decor</h3>
                                    </div>
                                </div>
                                <div class="svc-fw-body">
                                    <p class="svc-fw-lead">Creating a bohemian-inspired event is all about embracing a relaxed yet artistic aesthetic, showcasing creativity, and incorporating natural elements. Below are key elements and ideas to consider when designing your bohemian event Decor.</p>
                                    <div class="svc-fw-grid">
                                        <div class="svc-fw-grid-item">
                                            <h4>1. Natural Textures</h4>
                                            <p>Utilise a variety of textures to bring depth and interest to your space. Consider using organic materials such as wood, wicker, and linen. Throw rugs and macramé hangings can add warmth and a touch of boho flair.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>2. Earthy Colour Palette</h4>
                                            <p>Opt for a colour scheme that reflects nature, such as muted tones of greens, browns, and soft pastels. Layer these colours in your textiles, flowers, and table settings to create a harmonious look.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>3. Layered Textiles</h4>
                                            <p>Incorporate a mix of fabrics, such as flowing drapes, patterned cushions, and eclectic blankets. Drape fabric from ceilings or use it to create canopies over seating areas, fostering an inviting atmosphere.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>4. Wildflower Arrangements</h4>
                                            <p>Choose loose, wildflower floral arrangements for centrepieces and other displays. Seasonal blooms and foraged greenery can enhance the natural vibe, making each display unique.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>5. Vintage Furnishings</h4>
                                            <p>Source vintage or antique furniture pieces to create an effortlessly chic setting. Low tables, poufs, and floor cushions along with a mix of old and new items can help set the tone.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>6. Ambient Lighting</h4>
                                            <p>Use soft, warm lighting to create a magical ambiance. String lights, candles, and lanterns can illuminate your space beautifully, especially during evening events. Consider using fairy lights intertwined with greenery for added charm.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>7. Artistic Touches</h4>
                                            <p>Encourage artistic expression in your Decor. Incorporate handmade elements, like painted signs or DIY decorations, that reflect personal touches and foster a creative atmosphere.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>8. Nature-Inspired Elements</h4>
                                            <p>Bring the outside in by using elements such as stones, feathers, and wood in your Decor. These natural details can connect your event with nature and reinforce the bohemian ethos.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>9. Unique Seating Arrangements</h4>
                                            <p>Move away from traditional seating models. Use a mix of benches, pouffs, and floor cushions arranged in circles or casual clusters to encourage social interaction and a relaxed vibe.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>10. Personalisation</h4>
                                            <p>Finally, add personal touches that reflect the host's personality and story. Incorporate items that hold sentimental value, such as family heirlooms or travel souvenirs, to create a warm and inviting atmosphere.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="svc-fw-theme-panel" id="theme-panel-1">
                                <div class="svc-fw-hero-banner">
                                    <img src="/theme_aakriti_v2/static/src/img/services/theme/Elegance.webp" class="svc-fw-hero-img" alt="Elegant Event Decor" />
                                    <div class="svc-fw-hero-overlay">
                                        <span class="svc-fw-hero-badge">EXPLORE THEME</span>
                                        <h3 class="svc-fw-hero-title">Elegant Event Decor</h3>
                                    </div>
                                </div>
                                <div class="svc-fw-body">
                                    <p class="svc-fw-lead">Creating an ambiance of elegance for your event requires careful consideration of various elements that not only enhance the aesthetic appeal but also create a memorable experience for guests. Here are some key components to consider when planning elegant event Decor:</p>
                                    <div class="svc-fw-grid">
                                        <div class="svc-fw-grid-item">
                                            <h4>Colour Palette</h4>
                                            <p>Choose a sophisticated colour palette that complements the theme of your event. Soft neutrals, muted pastels, and rich jewel tones can convey elegance. Incorporating metallics, such as gold or silver, can add a touch of luxury.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Centrepieces</h4>
                                            <p>The centrepiece is often the focal point of each table. Opt for tall floral arrangements featuring exquisite blossoms like orchids, hydrangeas, or peonies, arranged in elegant vases. For a more minimalist approach, consider using simple candle arrangements with tasteful accents of greenery.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Table Settings</h4>
                                            <p>Use fine table linens, such as satin or brocade, to create an upscale look. Layer your table settings with exquisite china, crystal glassware, and polished cutlery. Adding personalised place cards can elevate the experience for each guest.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Lighting</h4>
                                            <p>Lighting is crucial in setting the mood. Utilize a combination of soft uplighting, chandeliers, or fairy lights to create a warm and inviting atmosphere. Dimmed lights during the evening enhance the elegance of the decor while highlighting key features of the event space.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Floral Arrangements</h4>
                                            <p>Incorporate lush floral arrangements throughout the venue. Use a mix of seasonal flowers with varying heights to create visual interest. Elegant greenery can serve as a beautiful contrast and add depth to the arrangements.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Styling Spaces</h4>
                                            <p>Consider designated areas for guests to relax and mingle, furnished with stylish lounge seating. Use elegant draping, stylish furniture, and decorative accessories that reflect the overall theme to enhance these spaces.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Final Touches</h4>
                                            <p>Small details can make a big impact. Incorporate elements such as bespoke signage, beautifully wrapped favours, or custom lighting to bring the overall decor together seamlessly.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="svc-fw-theme-panel" id="theme-panel-2">
                                <div class="svc-fw-hero-banner">
                                    <img src="/theme_aakriti_v2/static/src/img/services/theme/Fairy-Tale.webp" class="svc-fw-hero-img" alt="Fairy Tale Event Decor" />
                                    <div class="svc-fw-hero-overlay">
                                        <span class="svc-fw-hero-badge">EXPLORE THEME</span>
                                        <h3 class="svc-fw-hero-title">Fairy Tale Event Decor</h3>
                                    </div>
                                </div>
                                <div class="svc-fw-body">
                                    <p class="svc-fw-lead">Transform your special occasion into a whimsical fairy tale with exquisite decor that evokes magic and romance. At Wedding Dream Decor &amp; Flowers, we believe every event deserves an enchanting atmosphere that tells a story. Here are key elements to consider for a fairy tale-themed decor:</p>
                                    <div class="svc-fw-grid">
                                        <div class="svc-fw-grid-item">
                                            <h4>1. Venue Selection</h4>
                                            <p>Choose a venue that embodies the charm of a fairy tale, such as a castle, lush garden, or a grand ballroom. The setting itself should evoke a sense of wonder, enhancing the overall theme of your event.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>2. Colour Palette</h4>
                                            <p>Opt for soft, ethereal colours like blush pink, lavender, gold, and ivory. These shades can create a dreamy ambiance. Accentuate with pops of deeper hues like royal blue or emerald green for added depth and sophistication.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>3. Floral Arrangements</h4>
                                            <p>Incorporate lush floral arrangements that include peonies, roses, and delicate greenery. Consider cascading floral designs for centerpieces or statement installations that create a whimsical focal point. Add elements like fairy lights intertwined with the florals to enhance the magical feel.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>4. Lighting</h4>
                                            <p>Create an enchanting atmosphere with soft, warm lighting. Use chandeliers, fairy lights, and lanterns to illuminate your space. Uplighting can also be effective in highlighting architectural features and creating a romantic glow.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>5. Table Settings</h4>
                                            <p>Select elegant tableware that reflects a fairy tale aesthetic. Consider using vintage-inspired plates, crystal glassware, and ornate cutlery. Accentuate each place setting with personalised name cards and small tokens for your guests.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>6. Thematic Elements</h4>
                                            <p>Incorporate thematic decor items such as candelabras, vintage mirrors, and whimsical centrepieces that nod to classic fairy tales. Consider elements like enchanted forests or royal ball motifs, complete with small details that add layers to your theme.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>7. Draping and Fabrics</h4>
                                            <p>Use soft fabrics like tulle, chiffon, or silk to create draped ceiling treatments or backdrops. These elements can help create a fairytale-like environment, making the space feel intimate and romantic.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>8. Focal Points</h4>
                                            <p>Create statement areas within your venue, such as a beautifully decorated archway for the ceremony or a whimsical cake display. These components can serve as stunning photo opportunities and focal points for your guests.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="svc-fw-theme-panel" id="theme-panel-3">
                                <div class="svc-fw-hero-banner">
                                    <img src="/theme_aakriti_v2/static/src/img/services/theme/Hollywood-Glamour.webp" class="svc-fw-hero-img" alt="Hollywood Glamour Event Decor" />
                                    <div class="svc-fw-hero-overlay">
                                        <span class="svc-fw-hero-badge">EXPLORE THEME</span>
                                        <h3 class="svc-fw-hero-title">Hollywood Glamour Event Decor</h3>
                                    </div>
                                </div>
                                <div class="svc-fw-body">
                                    <p class="svc-fw-lead">Transform your event space into a luxurious Hollywood-inspired oasis that radiates glamour and sophistication. At Wedding Dream Decor &amp; Flowers, we pay attention to every detail to capture the essence of iconic film premieres and red carpet events. By blending lavish decor with attention to detail, your Hollywood glamour event will dazzle guests and create unforgettable memories. Let Wedding Dream Decor &amp; Flowers help you craft an enchanting event that truly embodies the elegance and glamour of Tinseltown.</p>
                                    <div class="svc-fw-grid">
                                        <div class="svc-fw-grid-item">
                                            <h4>Colour Palette</h4>
                                            <p>Opt for a classic colour scheme of black, gold, and white. These tones evoke elegance while allowing for various accent colours, such as deep reds or rich royal blues, to enhance your design.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Lighting</h4>
                                            <p>Emphasize dramatic lighting effects. Use chandeliers and elegant pendant lights to create a warm, inviting atmosphere. Incorporate soft spotlights to highlight key areas, such as the stage, dining tables, and entrance, ensuring a celebrity-worthy welcome.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Table Settings</h4>
                                            <p>Select opulent tableware, including gold-rimmed plates, crystal glassware, and sleek cutlery. Layer table linens with luxurious fabrics like satin or sequined overlays. Centrepieces can feature tall floral arrangements in gold vases, adorned with feathers, crystals, or pearls, reminiscent of vintage Hollywood glamour.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Backdrops</h4>
                                            <p>Create stunning backdrops that serve as photo opportunities. Options include a shimmering sequined wall, a lush floral arrangement intertwined with greenery, or a vintage-style marquee sign. These elements will not only enhance the visual interest but also provide guests with memorable photo moments.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Floral Decor</h4>
                                            <p>Choose extravagant floral arrangements with orchids, roses, and lilies, interspersed with gold accents. Consider using oversized arrangements or cascading floral installations to instil a sense of grandeur throughout the venue.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Accessories</h4>
                                            <p>Incorporate accessories that exude luxury, such as gold candelabras, art deco sculptures, and plush lounge seating. This will enhance the overall aesthetic and provide comfort for guests.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Final Touches</h4>
                                            <p>Elevate the experience with silk drapery, luxe lounge areas with rich fabrics, and plush throw pillows. For a truly immersive experience, consider offering a signature cocktails menu inspired by classic Hollywood films.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="svc-fw-theme-panel" id="theme-panel-4">
                                <div class="svc-fw-hero-banner">
                                    <img src="/theme_aakriti_v2/static/src/img/services/theme/Romance.webp" class="svc-fw-hero-img" alt="Romantic Event Decor" />
                                    <div class="svc-fw-hero-overlay">
                                        <span class="svc-fw-hero-badge">EXPLORE THEME</span>
                                        <h3 class="svc-fw-hero-title">Romantic Event Decor</h3>
                                    </div>
                                </div>
                                <div class="svc-fw-body">
                                    <p class="svc-fw-lead">Creating a romantic atmosphere for your event involves a careful selection of decor elements that evoke intimacy and elegance. Here are key aspects to consider: By meticulously crafting each element, your event decor will encapsulate the essence of romance, leaving a lasting impression on your guests.</p>
                                    <div class="svc-fw-grid">
                                        <div class="svc-fw-grid-item">
                                            <h4>Colour Palette</h4>
                                            <p>Opt for soft, muted colours such as blush pinks, ivory, and light greys, complemented by deeper shades like burgundy or navy blue. These combinations create a warm and inviting backdrop.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Lighting</h4>
                                            <p>Utilise soft lighting to enhance the romance. String lights, fairy lights, and candle arrangements can add a magical touch. Consider using dimmable fixtures to adjust the ambiance throughout the event.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Floral Arrangements</h4>
                                            <p>Choose lush and full floral arrangements with seasonal blossoms. Romantic flowers such as roses, peonies, and hydrangeas work beautifully. Incorporate greenery for added texture and to create a more organic feel.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Fabrics and Textures</h4>
                                            <p>Layer different fabrics like silk, lace, and velvet to bring depth to the decor. Table runners, chair sashes, and drapery can all be crafted from these materials for a cohesive look.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Table Settings</h4>
                                            <p>Set the scene with elegant table settings. Use fine china, crystal glassware, and polished silverware. Personalised touches, such as custom place cards or folded napkins, can enhance the overall aesthetic.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Centrepieces</h4>
                                            <p>Create striking centrepieces that not only catch the eye but also tie in the floral themes and colour palette. Tall arrangements, clusters of small vases, or lanterns filled with candles can serve as focal points.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Ambient Music</h4>
                                            <p>Finally, select a playlist that complements the romantic theme. Soft instrumental music or acoustic love songs create a serene environment conducive to connection and celebration.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="svc-fw-theme-panel" id="theme-panel-5">
                                <div class="svc-fw-hero-banner">
                                    <img src="/theme_aakriti_v2/static/src/img/services/theme/Royal-Wedding.webp" class="svc-fw-hero-img" alt="Royal Wedding Event Decor" />
                                    <div class="svc-fw-hero-overlay">
                                        <span class="svc-fw-hero-badge">EXPLORE THEME</span>
                                        <h3 class="svc-fw-hero-title">Royal Wedding Event Decor</h3>
                                    </div>
                                </div>
                                <div class="svc-fw-body">
                                    <p class="svc-fw-lead">Transforming your wedding into a royal affair requires meticulous attention to detail and a touch of grandeur. Here are some essential elements to consider for achieving that opulent look:</p>
                                    <div class="svc-fw-grid">
                                        <div class="svc-fw-grid-item">
                                            <h4>Venue Selection</h4>
                                            <p>Choose a majestic venue that evokes a sense of history and elegance. Places such as heritage manors, luxurious hotels, or sprawling gardens can serve as stunning backdrops.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Colour Palette</h4>
                                            <p>Opt for rich, regal colours like deep burgundy, navy blue, gold, or emerald green. These shades create a sophisticated atmosphere and can be wonderfully complemented with soft whites or blush tones.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Floral Arrangements</h4>
                                            <p>Luxurious blooms such as peonies, roses, and orchids can be used to create extravagant centrepieces and bouquets. Consider cascading arrangements or ornate floral arches to enhance the overall aesthetic.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Table Settings</h4>
                                            <p>Dress each table with elegant linens, perhaps in silk or satin, paired with fine china and crystal glassware. Incorporate gold or silver cutlery for that added touch of opulence.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Lighting</h4>
                                            <p>Utilize chandeliers or candelabras for ambient lighting. Warm, soft lighting can evoke a romantic feel while highlighting the intricate decor elements.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Ceremony Decor</h4>
                                            <p>For the ceremony, think grand entrance pieces and elaborate altar setups. Incorporating flowing draperies and plush seating arrangements can elevate the overall experience.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Thematic Elements</h4>
                                            <p>Consider incorporating items like vintage books, ornate mirrors, or regal seat assignments to enhance the royal theme. Personal touches, such as monogrammed items, can also add a bespoke feel.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Grand Cake</h4>
                                            <p>A tiered wedding cake adorned with intricate sugar flowers, gold accents, or regal motifs can serve as a stunning focal point.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="svc-fw-theme-panel" id="theme-panel-6">
                                <div class="svc-fw-hero-banner">
                                    <img src="/theme_aakriti_v2/static/src/img/services/theme/Rustic.webp" class="svc-fw-hero-img" alt="Rustic Event Decor: Capturing the Essence of Nature" />
                                    <div class="svc-fw-hero-overlay">
                                        <span class="svc-fw-hero-badge">EXPLORE THEME</span>
                                        <h3 class="svc-fw-hero-title">Rustic Event Decor: Capturing the Essence of Nature</h3>
                                    </div>
                                </div>
                                <div class="svc-fw-body">
                                    <p class="svc-fw-lead">Rustic event decor embodies a warm and inviting atmosphere, drawing inspiration from the great outdoors. This style is characterised by its earthy tones, natural textures, and handcrafted elements, making it ideal for weddings, birthdays, and corporate events that seek a charming and down-to-earth feel.</p>
                                    <div class="svc-fw-grid">
                                        <div class="svc-fw-grid-item">
                                            <h4>Materials and Textures</h4>
                                            <p>Utilising materials like reclaimed wood, burlap, and metal creates an authentic rustic aesthetic. Wooden pallets can serve as backdrops or display areas, while burlap table runners add warmth and texture to tablescapes. Incorporating wrought iron elements like candle holders and lanterns enhances the rugged beauty typical of rustic designs.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Floral Arrangements</h4>
                                            <p>Florals play a significant role in rustic decor. Opt for wildflowers, dried flowers, and greenery to create arrangements that feel organic and unstructured. Mason jars, wooden crates, or vintage tins can serve as unique vases, providing a charming touch while complementing the overall aesthetic.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Lighting</h4>
                                            <p>Soft, ambient lighting is crucial in setting the mood for a rustic event. String lights twinkling overhead, along with the warm glow of lanterns and candles, can transform any space into a cozy retreat. Consider using Edison bulbs for a vintage feel, as they evoke a sense of nostalgia and simplicity.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Furniture and Seating</h4>
                                            <p>Choose farmhouse-style tables and mismatched chairs to enhance the rustic vibe. Long banquet tables foster a communal atmosphere, encouraging conversation and connection among guests. If the event permits, mixing different seating options can add character and flair.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Additional Touches</h4>
                                            <p>Personalisation is key to rustic decor. Custom signage made from reclaimed wood, hand-painted details, and personal mementos can make your event memorable. Photo displays using wooden frames or string displays of memories evoke a sense of nostalgia and connection.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Conclusion</h4>
                                            <p>Rustic event decor creates a welcoming environment that allows guests to feel at ease while celebrating life's special moments. By thoughtfully integrating natural materials, warm lighting, and personal touches, you can craft an unforgettable experience that reflects the beauty of simplicity and nature.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="svc-fw-theme-panel" id="theme-panel-7">
                                <div class="svc-fw-hero-banner">
                                    <img src="/theme_aakriti_v2/static/src/img/services/theme/Shimmer.webp" class="svc-fw-hero-img" alt="Shimmer, Sparkle, and Blind Event Decor" />
                                    <div class="svc-fw-hero-overlay">
                                        <span class="svc-fw-hero-badge">EXPLORE THEME</span>
                                        <h3 class="svc-fw-hero-title">Shimmer, Sparkle, and Blind Event Decor</h3>
                                    </div>
                                </div>
                                <div class="svc-fw-body">
                                    <p class="svc-fw-lead">Elevate your event with decor that mesmerizes and enchants. Shimmer and sparkle are not just themes; they are experiences that transform your venue into a breathtaking wonderland. When meticulously designed, these elements can create an unforgettable atmosphere that captivates your guests.</p>
                                    <div class="svc-fw-grid">
                                        <div class="svc-fw-grid-item">
                                            <h4>Incorporating Shimmering Textures</h4>
                                            <p>Utilise fabrics such as satin, silk, and organza in your draping and table settings to introduce a luxurious feel. Sequined tablecloths, shimmering overlays, and metallic accents can create an opulent base for your decor. Consider pairing these with ambient lighting to reflect and amplify the sparkle throughout the space.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Dazzling Centrepieces</h4>
                                            <p>Centrepieces serve as a focal point at any gathering. Opt for designs that incorporate crystals, glass, and mirrored surfaces to capture and refract light. Floral arrangements can be enhanced with glitter or metallic-painted branches that catch the eye, providing both height and depth.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Lighting as a Key Element</h4>
                                            <p>Lighting plays a critical role in achieving a "blindly" stunning effect. Soft fairy lights, up-lighting, and chandeliers can illuminate your space, highlighting the shimmering elements. Incorporate LED lights within floral arrangements or along pathways to guide guests through a shimmering landscape.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Accents and Details</h4>
                                            <p>Don't overlook the importance of smaller details. Use shimmer-infused candles, glittering table numbers, or reflective place cards to tie in the theme subtly. Even your signage can be embellished with metallic accents or sparkling elements to ensure consistency and elegance.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Conclusion</h4>
                                            <p>Utilising shimmer, sparkle, and blind decor can elevate your event to extraordinary heights. By thoughtfully incorporating these elements, you will create an enchanting environment that leaves a lasting impression on all who attend. Ensure every detail is carefully curated for a cohesive, dazzling experience that truly shines.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="svc-fw-theme-panel" id="theme-panel-8">
                                <div class="svc-fw-hero-banner">
                                    <img src="/theme_aakriti_v2/static/src/img/services/theme/Vintage.webp" class="svc-fw-hero-img" alt="Vintage Event Decor" />
                                    <div class="svc-fw-hero-overlay">
                                        <span class="svc-fw-hero-badge">EXPLORE THEME</span>
                                        <h3 class="svc-fw-hero-title">Vintage Event Decor</h3>
                                    </div>
                                </div>
                                <div class="svc-fw-body">
                                    <p class="svc-fw-lead">Creating a vintage atmosphere for your event is an art that blends nostalgia with elegance. Here are essential elements to consider when crafting a vintage-inspired Decor:</p>
                                    <div class="svc-fw-grid">
                                        <div class="svc-fw-grid-item">
                                            <h4>1. Colour Palette</h4>
                                            <p>Opt for muted tones like pastels, creams, and earthy hues. Incorporate soft pinks, dusty blues, or sage greens to evoke a romantic, bygone era. Accents of gold or brass can add a touch of sophistication.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>2. Furniture and Seating</h4>
                                            <p>Think about incorporating antique furniture pieces such as Victorian chairs, side tables, and vintage settees. Mixing and matching different styles can create a charming, curated look. Look for items with intricate detailing and rich textures.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>3. Table Settings</h4>
                                            <p>Utilise mismatched china, vintage cutlery, and ornate glassware for table settings. Lace or burlap runners can provide the perfect foundation for your centrepieces. Consider using doilies for added texture and old-world appeal.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>4. Floral Arrangements</h4>
                                            <p>Choose flowers that were popular in vintage times, such as peonies, hydrangeas, and daisies. Use vintage vases or mason jars to hold your arrangements, and incorporate dried flowers for a rustic touch.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>5. Lighting</h4>
                                            <p>Soft, warm lighting sets the tone for any vintage event. Use strings of fairy lights, chandeliers, or lanterns to create a magical ambience. Candles, especially in vintage holders, can add a romantic glow to your space.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>6. Accessories and Props</h4>
                                            <p>Incorporate vintage props like typewriters, old books, gramophones, or globes. These small touches can greatly enhance the vintage feel. Consider using antique frames for photographs or signage to tie everything together.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>7. Themed Elements</h4>
                                            <p>Customize elements of your event to reflect the specific vintage era you wish to evoke. Whether it's the Roaring Twenties, the elegant Fifties, or the bohemian Sixties, ensure all Decor aligns with your chosen theme.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>8. Textiles</h4>
                                            <p>Incorporate vintage fabrics through table linens, drapery, or cushions. Items like lace, brocade, or patterned fabrics can create depth and interest in your Decor.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="svc-fw-theme-panel" id="theme-panel-9">
                                <div class="svc-fw-hero-banner">
                                    <img src="/theme_aakriti_v2/static/src/img/services/theme/Winter.webp" class="svc-fw-hero-img" alt="Winter, Spring, Summer, Fall Event Decor" />
                                    <div class="svc-fw-hero-overlay">
                                        <span class="svc-fw-hero-badge">EXPLORE THEME</span>
                                        <h3 class="svc-fw-hero-title">Winter, Spring, Summer, Fall Event Decor</h3>
                                    </div>
                                </div>
                                <div class="svc-fw-body">
                                    <p class="svc-fw-lead">Seasonal weddings offer a unique opportunity to reflect the beauty and charm of each time of year through decor that resonates with nature's offerings.</p>
                                    <div class="svc-fw-grid">
                                        <div class="svc-fw-grid-item">
                                            <h4>Winter Weddings</h4>
                                            <p>Embrace the cozy sparkle of winter with soft, twinkling lights that mimic the starry night. Incorporate elegant elements such as frosted greenery, deep jewel tones, and luxurious fabrics. Accents like candles and faux fur can create warmth and intimacy, inviting guests to share in the magic of the season.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Spring Weddings</h4>
                                            <p>Celebrate the vibrant awakening of spring with fresh blooms that announce the season's arrival. Pastel colors, botanical prints, and delicate floral arrangements can inspire joy and renewal. Incorporate elements like rustic wooden tables adorned with wildflowers and greenery to create an enchanting garden feel.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Summer Weddings</h4>
                                            <p>Capture the essence of summer with bright, bold colors and sun-kissed themes. Utilize outdoor settings where natural light enhances floral decor. Focus on vibrant hues, tropical motifs, and light, airy fabrics that evoke a sense of freedom and celebration. Incorporate elements like picnic-style seating, lanterns, and seasonal fruits to bring a playful, festive atmosphere.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Fall Weddings</h4>
                                            <p>Welcome the rich, rustic hues of fall with a palette of deep reds, oranges, and browns. Utilize natural elements such as pumpkins, akins, and abundant harvest florals. Create a warm ambiance with wooden accents, cozy blankets, and soft candlelight, enticing guests to feel the comforting spirit of the season.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="svc-fw-theme-panel" id="theme-panel-10">
                                <div class="svc-fw-hero-banner">
                                    <img src="/theme_aakriti_v2/static/src/img/services/theme/Black-Tie-Affair.webp" class="svc-fw-hero-img" alt="Black Tie Affair Decor" />
                                    <div class="svc-fw-hero-overlay">
                                        <span class="svc-fw-hero-badge">EXPLORE THEME</span>
                                        <h3 class="svc-fw-hero-title">Black Tie Affair Decor</h3>
                                    </div>
                                </div>
                                <div class="svc-fw-body">
                                    <p class="svc-fw-lead">Creating an enchanting atmosphere for a black tie affair involves a careful selection of decor elements that exude elegance and sophistication. Here are key components to consider for your event:</p>
                                    <div class="svc-fw-grid">
                                        <div class="svc-fw-grid-item">
                                            <h4>Colour Palette</h4>
                                            <p>Stick to a refined colour scheme that typically includes black, white, gold, or silver. These classic hues will help set the tone for a luxurious evening. Incorporating rich jewel tones like deep emerald or royal blue can also add a contemporary touch.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Table Settings</h4>
                                            <p>Opt for crisp white table linens paired with black satin napkins. Consider using gold or silver charger plates to enhance the opulence. Centrepieces can feature low arrangements of seasonal flowers in monochromatic shades, complemented by candles in elegant holders to create a warm, inviting glow.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Lighting</h4>
                                            <p>Strategic lighting plays a crucial role in establishing an upscale ambiance. Use dimmable chandeliers or candelabras that cast a soft light. Uplighting around the venue can accentuate architectural features and enhance the overall decor.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Floral Arrangements</h4>
                                            <p>Choose lavish floral arrangements that reflect your colour palette. Think about using classic blooms like roses or orchids, alongside greenery for texture. Tall centrepieces can be impactful, while low arrangements provide an intimate feel.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Chairs and Tables</h4>
                                            <p>Select sleek and stylish furniture. Chiavari chairs adorned with plush cushions offer both comfort and style. For tables, consider round setups for a cohesive look or long banquet styles for a more communal feel, dressed in elegant table runners.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Additional Touches</h4>
                                            <p>Incorporate elements such as personalised place cards, menu cards in calligraphy, and elegant floral accents at each setting. Use sophisticated glassware and cutlery to elevate the dining experience.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="svc-fw-theme-panel" id="theme-panel-11">
                                <div class="svc-fw-hero-banner">
                                    <img src="/theme_aakriti_v2/static/src/img/services/theme/Simplistic.webp" class="svc-fw-hero-img" alt="Simplistic Event Decor" />
                                    <div class="svc-fw-hero-overlay">
                                        <span class="svc-fw-hero-badge">EXPLORE THEME</span>
                                        <h3 class="svc-fw-hero-title">Simplistic Event Decor</h3>
                                    </div>
                                </div>
                                <div class="svc-fw-body">
                                    <p class="svc-fw-lead">Embracing a minimalist aesthetic can transform any event into a serene and sophisticated experience. Simplistic event decor focuses on clean lines, subtle colour palettes, and thoughtfully curated elements that highlight the beauty of simplicity.</p>
                                    <div class="svc-fw-grid">
                                        <div class="svc-fw-grid-item">
                                            <h4>Key Components of Simplistic Decor</h4>
                                            <p></p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Neutral Colour Schemes</h4>
                                            <p>Opt for soft tones like whites, creams, and pale pastels. These colours can create a calm and inviting atmosphere, allowing other elements of the decor to shine.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Natural Elements</h4>
                                            <p>Incorporate elements from nature such as greenery, flowers, and raw materials. A simple arrangement of fresh foliage or a few understated blooms can serve as a stunning focal point without overwhelming the senses.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Minimalist Table Settings</h4>
                                            <p>Use sleek tableware, understated linens, and delicate glassware. A single floral centrepiece or a stylish candle can add elegance without clutter.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Lighting</h4>
                                            <p>Soft, ambient lighting sets the tone for any event. Consider string lights, candles, or simple lanterns to create an intimate and warm environment.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Open Spaces</h4>
                                            <p>Allow for plenty of space in your layout. Avoid overcrowding tables or seating areas, which can create a chaotic feeling. Less is often more in minimalist design.</p>
                                        </div>
                                        <div class="svc-fw-grid-item">
                                            <h4>Personal Touches</h4>
                                            <p>While simplicity is key, incorporating personal elements like custom signage or small mementos can add a unique flair that resonates with guests.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- ═══════════════════════════════════════════════
                     SECTION 2 — CTA BANNER
                ═══════════════════════════════════════════════ -->
                <section id="v2-cta" class="svc-cta-section">
                    <div class="v2-cta-inner">
                        <h2 class="v2-cta-title" style="font-family: var(--v2-font-display);">Let's Create Your<br/>Perfect Event</h2>
                        <p class="v2-cta-subtitle">From intimate gatherings to grand celebrations — every detail, beautifully crafted.<br/>Share your vision and let us bring it to life.</p>
                        <a href="/contactus" class="v2-btn-cta">Plan Your Event →</a>
                    </div>
                </section>

                <!-- ═══════════════════════════════════════════════
                     SECTION 3 — SERVICE CARDS (Circle + Content)
                ═══════════════════════════════════════════════ -->
                <section class="svc-cards-section">
                    <div class="svc-cards-wrap">
                        <span class="svc-eyebrow" style="text-align:center; display:block;">WHAT WE OFFER</span>
                        <h2 class="svc-cards-title" style="font-family:var(--v2-font-display); text-align:center;">Experiences We Craft</h2>
                        <p class="svc-cards-subtitle">Every service is tailored to tell your unique story.</p>

                        <div class="svc-cards-grid">

                            <!-- Card 1 -->
                            <div class="svc-card" style="--card-color: #f9e8e8;">
                                <div class="svc-card-circle" style="--circle-color: #f9e8e8;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/bridal-bouquet.webp" alt="Fusion Weddings"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Fusion Weddings</h3>
                                </div>
                            </div>

                            <!-- Card 2 -->
                            <div class="svc-card" style="--card-color: #e8f3e8;">
                                <div class="svc-card-circle" style="--circle-color: #e8f3e8;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/bridal-party-bouquet.webp" alt="Pre-Wedding Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Pre-Wedding Decor</h3>
                                </div>
                            </div>

                            <!-- Card 3 -->
                            <div class="svc-card" style="--card-color: #fef3e2;">
                                <div class="svc-card-circle" style="--circle-color: #fef3e2;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Boutonnieres.webp" alt="Haldi, Mehndi &amp; Sangeet Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Haldi, Mehndi &amp; Sangeet Decor</h3>
                                </div>
                            </div>

                            <!-- Card 4 -->
                            <div class="svc-card" style="--card-color: #e8eaf9;">
                                <div class="svc-card-circle" style="--circle-color: #e8eaf9;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Corsages.webp" alt="Stage &amp; Mandap Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Stage &amp; Mandap Decor</h3>
                                </div>
                            </div>

                            <!-- Card 5 -->
                            <div class="svc-card" style="--card-color: #fce8f3;">
                                <div class="svc-card-circle" style="--circle-color: #fce8f3;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Flower-Girl-Bouquet.webp" alt="Entrance &amp; Welcome Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Entrance &amp; Welcome Decor</h3>
                                </div>
                            </div>

                            <!-- Card 6 -->
                            <div class="svc-card" style="--card-color: #e8f6fc;">
                                <div class="svc-card-circle" style="--circle-color: #e8f6fc;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Floral-Headpieces,-Wreaths,-and-Fascinators.webp" alt="Table &amp; Floral Styling"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Table &amp; Floral Styling</h3>
                                </div>
                            </div>

                            <!-- Card 7 -->
                            <div class="svc-card" style="--card-color: #f9e8e8;">
                                <div class="svc-card-circle" style="--circle-color: #f9e8e8;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Garlands.webp" alt="Engagement Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Engagement Decor</h3>
                                </div>
                            </div>

                            <!-- Card 8 -->
                            <div class="svc-card" style="--card-color: #e8f3e8;">
                                <div class="svc-card-circle" style="--circle-color: #e8f3e8;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Centrepieces.webp" alt="Ceremony &amp; Reception Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Ceremony &amp; Reception Decor</h3>
                                </div>
                            </div>

                            <!-- Card 9 -->
                            <div class="svc-card" style="--card-color: #fef3e2;">
                                <div class="svc-card-circle" style="--circle-color: #fef3e2;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Funeral-Arrangements.webp" alt="Proposal Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Proposal Decor</h3>
                                </div>
                            </div>

                            <!-- Card 10 -->
                            <div class="svc-card" style="--card-color: #e8eaf9;">
                                <div class="svc-card-circle" style="--circle-color: #e8eaf9;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Milestones-&amp;-Achievements.webp" alt="Cultural &amp; Community Events"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Cultural &amp; Community Events</h3>
                                </div>
                            </div>

                            <!-- Card 11 -->
                            <div class="svc-card" style="--card-color: #fce8f3;">
                                <div class="svc-card-circle" style="--circle-color: #fce8f3;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Care-&amp;-Comfort-Collection.webp" alt="Photobooth Backdrops"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Photobooth Backdrops</h3>
                                </div>
                            </div>

                            <!-- Card 12 -->
                            <div class="svc-card" style="--card-color: #e8f6fc;">
                                <div class="svc-card-circle" style="--circle-color: #e8f6fc;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Seasonal-Arrangements.webp" alt="Celebration of Life Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Celebration of Life Decor</h3>
                                </div>
                            </div>

                            <!-- Card 13 -->
                            <div class="svc-card" style="--card-color: #f9e8e8;">
                                <div class="svc-card-circle" style="--circle-color: #f9e8e8;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/bridal-bouquet.webp" alt="Themed Event Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Themed Event Decor</h3>
                                </div>
                            </div>

                            <!-- Card 14 -->
                            <div class="svc-card" style="--card-color: #e8f3e8;">
                                <div class="svc-card-circle" style="--circle-color: #e8f3e8;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/bridal-party-bouquet.webp" alt="Corporate Event Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Corporate Event Decor</h3>
                                </div>
                            </div>

                            <!-- Card 15 -->
                            <div class="svc-card" style="--card-color: #fef3e2;">
                                <div class="svc-card-circle" style="--circle-color: #fef3e2;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Boutonnieres.webp" alt="Bridal &amp; Baby Shower Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Bridal &amp; Baby Shower Decor</h3>
                                </div>
                            </div>

                            <!-- Card 16 -->
                            <div class="svc-card" style="--card-color: #e8eaf9;">
                                <div class="svc-card-circle" style="--circle-color: #e8eaf9;">
                                    <img src="/theme_aakriti_v2/static/src/img/services/offer/Corsages.webp" alt="Festival &amp; Public Event Decor"/>
                                </div>
                                <div class="svc-card-content">
                                    <h3 class="svc-card-title">Festival &amp; Public Event Decor</h3>
                                </div>
                            </div>

                        </div><!-- /grid -->
                    </div>
                </section>

                <!-- JS: Accordion image switcher -->
                <script>
                (function() {
                    var items = document.querySelectorAll('.svc-acc-item');
                    var img   = document.getElementById('svcThemeImg');
                    var lbl   = document.getElementById('svcThemeLabel');

                    items.forEach(function(item) {
                        item.querySelector('.svc-acc-btn').addEventListener('click', function() {
                            // Close all
                            items.forEach(function(i) { i.classList.remove('active'); });
                            // Open clicked
                            item.classList.add('active');
                            // Swap image
                            var newSrc = item.getAttribute('data-img');
                            var newLbl = item.querySelector('.svc-acc-label').textContent;
                            img.style.opacity = '0';
                            setTimeout(function() {
                                img.src = newSrc;
                                lbl.textContent = newLbl;
                                img.style.opacity = '1';
                            }, 250);
                        });
                    });
                })();
                </script>
                
            </div>
        </t>
    </template>


</odoo>
