addons/theme_aakriti_events/views/website_templates.xml

@@ -194,10 +194,10 @@
                                 <span class="aakriti-cursive mb-1 d-block" style="font-size: 1.5rem;">Bespoke Design Collection</span>
                                 <h1 class="display-5 mb-3" style="font-size: 2.2rem;" t-field="product.name"/>
                                 
-                                <!-- <div class="mb-4">
+                                <div class="mb-4">
                                     <span t-if="product.qty_available &gt; 0" class="badge badge-pill badge-success p-2 px-3" style="background-color: #28a745; font-size: 0.8rem; font-weight: 600;">In Stock &amp; Available</span>
                                     <span t-else="" class="badge badge-pill badge-warning p-2 px-3" style="font-size: 0.8rem; font-weight: 600;">Custom Order - Checking Dates</span>
-                                </div> -->
+                                </div>
 
                                 <div class="my-4 py-3 border-top border-bottom d-flex align-items-baseline">
                                     <span class="detail-price">
@@ -508,34 +508,51 @@
         <xpath expr="//div[@id='wrap']" position="replace">
             <div id="wrap" class="oe_structure oe_empty tailwind-wrapper bg-cream" style="background-color: #fcf6e9;">
                 <main class="flex-1">
-                    <section class="relative overflow-hidden" style="border-bottom: 1px solid #e0d6c6; overflow: hidden;">
+                    <section class="relative overflow-hidden" style="border-bottom: 1px solid #e0d6c6;">
                         <div class="pointer-events-none absolute inset-0 -z-10">
                             <div class="absolute -right-32 top-10 h-[420px] w-[420px] rounded-full bg-gold-soft/40 blur-3xl"></div>
                             <div class="absolute -left-40 top-1/3 h-[360px] w-[360px] rounded-full bg-sage/15 blur-3xl"></div>
                         </div>
-                        <div class="mx-auto grid max-w-6xl gap-10 px-4 pt-20 pb-16 md:grid-cols-[1.1fr_1fr] md:items-center md:gap-16 md:pt-32 md:pb-28 md:px-6">
+                        <div class="mx-auto grid max-w-6xl gap-12 px-6 pt-24 pb-20 md:grid-cols-[1.1fr_1fr] md:items-center md:gap-16 md:pt-32 md:pb-28">
-                            <div class="md:text-left">
+                            <div>
-                                <p class="mb-6 text-xs uppercase tracking-[0.4em] text-gold" style="margin-bottom: 1.5rem;">Aakriti Design · Events</p>
+                                <p class="mb-6 text-xs uppercase tracking-[0.4em] text-gold" style="margin-bottom: 1.5rem;">Aakriti Design · with Parul</p>
-                                <h1 class="font-serif text-3xl leading-[1.1] text-navy sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl" style="margin:0;">
+                                <h1 class="font-serif text-5xl leading-[1.05] text-navy md:text-6xl lg:text-7xl" style="margin:0;">
-                                    Live Life Through
+                                    Vastu Consultations for Spaces that hold you,<br/>
-Design and Purpose —
+                                    <span style="font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400; color: #d4a14a; letter-spacing: 0.01em;">gently and well.</span>
-Events that tell
-your story,<br/>
-                                    <span style="font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400; color: #d4a14a; letter-spacing: 0.01em;">beautifully and meaningfully.</span>
                                 </h1>
-                                <p class="mt-6 text-base text-muted-foreground" style="margin-top: 1.5rem;">Thoughtful wedding and event design for fusion and multicultural celebrations — crafted with creativity, intention, and emotion.</p>
+                                <p class="mt-8 max-w-xl text-lg text-muted-foreground" style="margin-top: 2rem;">Personal Vastu consultations for homes, businesses, and wellness spaces - guidance that feels modern, grounded, and quietly transformative.</p>
-                                <div class="mt-8 flex flex-wrap justify-center gap-4 md:justify-start" style="margin-top: 2rem;">
+                                <div class="mt-10 flex flex-wrap gap-4" style="margin-top: 2.5rem;">
-                                    <a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer transition-colors shadow rounded-md h-11 bg-navy px-6 text-cream hover:bg-navy/90" style="color: #fcf6e9;">
+                                    <a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer transition-colors shadow rounded-md h-12 bg-navy px-7 text-cream hover:bg-navy/90" style="color: #fcf6e9;">
-                                        Book Consultation 
+                                        Book a Vastu Consultation 
                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
                                     </a>
-                                    <a href="/rentals" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer transition-colors border shadow-sm rounded-md h-11 border-navy/30 px-6 text-navy hover:bg-navy/5">
+                                    <a href="/rentals" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer transition-colors border shadow-sm rounded-md h-12 border-navy/30 px-7 text-navy hover:bg-navy/5">
-                                        Explore Design
+                                        Explore services
                                     </a>
                                 </div>
                             </div>
-                            <div class="relative mx-auto w-full max-w-sm md:max-w-none">
+                            <div class="relative">
-                                <img alt="Aakriti Design - Events and Celebrations" class="w-full rounded-2xl shadow-2xl ring-1 ring-navy/10" loading="eager" src="/theme_aakriti_events/static/src/img/right-img.webp" style="display: block;"/>
+                                <div class="absolute -inset-4 -z-10 rounded-3xl bg-gradient-to-br from-gold-soft/40 to-sage/15 blur-2xl"></div>
+                                <img alt="Aakriti Design - Create a space that supports your life." class="w-full rounded-2xl shadow-2xl ring-1 ring-navy/10" loading="eager" src="/theme_aakriti_events/static/src/img/vastu-poster.png"/>
+                                <!-- Injected text over image as in previous step if desired, or just image -->
+                                <!-- <div style="position: absolute; top: 10%; left: 0; width: 100%; text-align: center;">
+                                    <h3 class="font-serif" style="color: #0b223e; font-size: 2.5rem; margin: 0; font-weight: 400;">Create a space</h3>
+                                    <h3 class="font-serif" style="color: #5a5a5a; font-size: 2rem; font-style: italic; font-weight: 400; margin: 0;">that supports your life.</h3>
+                                    <p style="color: #0b223e; font-size: 0.9rem; letter-spacing: 1px; margin-top: 20px;">Aligned for modern living.</p>
+                                </div> -->
+                                <!-- <div style="position: absolute; bottom: 20px; left: 20px; right: 20px; display: flex; justify-content: space-between; background: rgba(252, 246, 233, 0.95); padding: 15px; border-radius: 10px;">
+                                    <div class="flex items-center">
+                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#d4a14a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-3 h-6 w-6"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
+                                        <span style="font-size: 0.85rem; color: #0b223e; line-height: 1.4;">Vastu Consultations<br/>in person and online</span>
+                                    </div>
+                                    <div class="flex flex-col justify-center text-right" style="font-size: 0.85rem; color: #0b223e; line-height: 1.6;">
+                                        <span class="flex items-center justify-end"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#d4a14a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>info@aakritidesign.com</span>
+                                        <span class="flex items-center justify-end"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#d4a14a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-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-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>DM or WhatsApp 647 284 1811</span>
+                                    </div>
+                                </div> -->
+                                <!-- <div style="position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 80px; height: 80px; background: #fcf6e9; border-radius: 50%; border: 1px solid #d4a14a; display: flex; align-items: center; justify-content: center; flex-direction: column;">
+                                    <span style="font-family: 'Playfair Display', serif; font-size: 1.8rem; color: #d4a14a; line-height: 1;">AD</span>
+                                </div> -->
                             </div>
                         </div>
                     </section>
@@ -543,47 +560,41 @@ your story,<br/>
                     <section style="background-color: #fefaef; border-top: 1px solid #e0d6c6; border-bottom: 1px solid #e0d6c6;">
                         <div class="mx-auto max-w-6xl px-6 py-20">
                             <div class="mb-14 max-w-2xl">
-                                <p class="mb-3 text-xs uppercase tracking-[0.3em] text-gold" style="margin-bottom: 0.75rem;">What We Offer</p>
+                                <p class="mb-3 text-xs uppercase tracking-[0.3em] text-gold" style="margin-bottom: 0.75rem;">What I offer</p>
-                                <h2 class="font-serif text-4xl text-navy md:text-5xl" style="margin: 0;">Five ways to bring your celebration to life</h2>
+                                <h2 class="font-serif text-4xl text-navy md:text-5xl" style="margin: 0;">Five ways to bring your space into balance</h2>
                             </div>
                             <div class="grid gap-px overflow-hidden rounded-xl border border-border/60 bg-border/60 md:grid-cols-2 lg:grid-cols-3">
-                                <!-- Wedding Decor & Styling -->
                                 <div class="group bg-cream p-8 transition-colors hover:bg-card">
-                                    <img src="/theme_aakriti_events/static/src/img/1.webp" alt="Wedding Decor &amp; Styling icon" style="width: 35px; height: 35px; object-fit: contain; margin-bottom: 1.25rem;"/>
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house mb-5 h-7 w-7 text-gold" aria-hidden="true" style="margin-bottom: 1.25rem;"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg>
-                                    <h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Wedding Decor &amp; Styling</h3>
+                                    <h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Vastu for Homes</h3>
-                                    <p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Creating personalized wedding environments designed around your story, traditions, and vision.</p>
+                                    <p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Bring harmony, ease, and grounded energy to the rooms you live in.</p>
                                 </div>
-                                <!-- Fusion Weddings -->
                                 <div class="group bg-cream p-8 transition-colors hover:bg-card">
-                                    <img src="/theme_aakriti_events/static/src/img/2.webp" alt="Fusion Weddings icon" style="width: 35px; height: 35px; object-fit: contain; margin-bottom: 1.25rem;"/>
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase mb-5 h-7 w-7 text-gold" aria-hidden="true" style="margin-bottom: 1.25rem;"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg>
-                                    <h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Fusion Weddings</h3>
+                                    <h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Business Vastu</h3>
-                                    <p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Thoughtfully blending cultures and traditions into seamless, meaningful celebrations.</p>
+                                    <p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Align your workspace for growth, clarity, and steady prosperity.</p>
                                 </div>
-                                <!-- Ceremony & Reception Design -->
                                 <div class="group bg-cream p-8 transition-colors hover:bg-card">
-                                    <img src="/theme_aakriti_events/static/src/img/3.webp" alt="Ceremony &amp; Reception Design icon" style="width: 35px; height: 35px; object-fit: contain; margin-bottom: 1.25rem;"/>
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles mb-5 h-7 w-7 text-gold" aria-hidden="true" style="margin-bottom: 1.25rem;"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>
-                                    <h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Ceremony &amp; Reception Design</h3>
+                                    <h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Wellness Spaces</h3>
-                                    <p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Designing elegant experiences that balance aesthetics, guest comfort, and flow.</p>
+                                    <p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Create healing environments for studios, clinics, and retreats.</p>
                                 </div>
-                                <!-- Stage & Mandap Design -->
                                 <div class="group bg-cream p-8 transition-colors hover:bg-card">
-                                    <img src="/theme_aakriti_events/static/src/img/4.webp" alt="Stage &amp; Mandap Design icon" style="width: 35px; height: 35px; object-fit: contain; margin-bottom: 1.25rem;"/>
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame mb-5 h-7 w-7 text-gold" aria-hidden="true" style="margin-bottom: 1.25rem;"><path d="M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4"></path></svg>
-                                    <h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Stage &amp; Mandap Design</h3>
+                                    <h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Altar Placement</h3>
-                                    <p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Custom focal spaces crafted with intention and visual impact.</p>
+                                    <p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Honour your sacred corner with thoughtful, intentional placement.</p>
                                 </div>
-                                <!-- Event Styling & Rentals -->
                                 <div class="group bg-cream p-8 transition-colors hover:bg-card">
-                                    <img src="/theme_aakriti_events/static/src/img/5.webp" alt="Event Styling &amp; Rentals icon" style="width: 35px; height: 35px; object-fit: contain; margin-bottom: 1.25rem;"/>
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass mb-5 h-7 w-7 text-gold" aria-hidden="true" style="margin-bottom: 1.25rem;"><circle cx="12" cy="12" r="10"></circle><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path></svg>
-                                    <h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Event Styling &amp; Rentals</h3>
+                                    <h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Energy Balancing</h3>
-                                    <p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Decor elements, floral styling, and curated details that complete the experience.</p>
+                                    <p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Subtle remedies - colour, element, light - that shift how a space feels.</p>
                                 </div>
-                                <!-- BEGIN card -->
                                 <div class="bg-navy p-8 text-cream">
                                     <p class="text-xs uppercase tracking-[0.3em] text-gold-soft" style="margin: 0;">Begin</p>
-                                    <h3 class="mt-4 font-serif text-2xl text-cream" style="margin: 1rem 0 0 0; color: #fcf6e9;">Start planning your celebration</h3>
+                                    <h3 class="mt-4 font-serif text-2xl text-cream" style="margin: 1rem 0 0 0; color: #fcf6e9;">Start with a conversation</h3>
-                                    <p class="mt-2 text-sm leading-relaxed text-cream/70" style="margin: 0.5rem 0 0 0; color: rgba(252, 246, 233, 0.7);">Tell us about your vision — we'll help bring your ideas into a beautifully designed experience.</p>
+                                    <p class="mt-2 text-sm leading-relaxed text-cream/70" style="margin: 0.5rem 0 0 0; color: rgba(252, 246, 233, 0.7);">Tell me about your space - I'll guide you to the right session.</p>
                                     <a href="/rental/request" class="mt-6 inline-flex items-center gap-2 text-sm hover:gap-3 transition-all" style="margin-top: 1.5rem; color: #d4a14a;" onmouseover="this.style.color='#d4a14a'" onmouseout="this.style.color='#d4a14a'">
-                                        Book a Consultation
+                                        Book a consultation 
                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
                                     </a>
                                 </div>
@@ -593,8 +604,8 @@ your story,<br/>
                     
                     <section class="mx-auto max-w-4xl px-6 py-24 text-center" style="background-color: #fcf6e9;">
                         <p class="mb-4 text-xs uppercase tracking-[0.3em] text-gold" style="margin-bottom: 1rem;">Meet Parul</p>
-                        <h2 class="font-serif text-4xl text-navy md:text-5xl" style="margin: 0;">&#8220;Every celebration should feel like a reflection of the people at its center.&#8221;</h2>
+                        <h2 class="font-serif text-4xl text-navy md:text-5xl" style="margin: 0;">&#8220;A balanced space is the quietest kind of luxury.&#8221;</h2>
-                        <p class="mx-auto mt-8 max-w-2xl text-muted-foreground" style="margin-top: 2rem;">With over 10 years of experience in event design, logistics, and space planning, Paarul brings a thoughtful approach that balances creativity, culture, and practical execution.</p>
+                        <p class="mx-auto mt-8 max-w-2xl text-muted-foreground" style="margin-top: 2rem;">I bring a calm, modern lens to Vastu - pairing traditional principles with how you actually live and work today. Every consultation is tailored, kind, and deeply practical.</p>
                         <div class="mt-8" style="margin-top: 2rem;">
                             <a href="/aboutus" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer underline-offset-4 hover:underline h-9 px-4 py-2 text-gold">Read more about Parul &#8594;</a>
                         </div>
@@ -603,8 +614,8 @@ your story,<br/>
                     <section class="border-t border-border/60 bg-navy">
                         <div class="mx-auto max-w-5xl px-6 py-20 text-center text-cream">
                             <h2 class="font-serif text-4xl md:text-5xl" style="margin: 0; color: #fcf6e9;">Ready to begin?</h2>
-                            <p class="mx-auto mt-4 max-w-xl text-cream/70" style="margin-top: 1rem; color: rgba(252, 246, 233, 0.7);">Book a consultation online and let's create an event experience designed with intention, beauty, and meaning — tailored specifically for your celebration.</p>
+                            <p class="mx-auto mt-4 max-w-xl text-cream/70" style="margin-top: 1rem; color: rgba(252, 246, 233, 0.7);">Book a session online or in person, and receive a personalised report with clear, actionable recommendations.</p>
-                            <a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer shadow rounded-md mt-8 h-12 bg-gold px-8 text-navy hover:bg-gold/90" style="margin-top: 2rem; color: #0b223e;">Book a Design Consultation</a>
+                            <a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer shadow rounded-md mt-8 h-12 bg-gold px-8 text-navy hover:bg-gold/90" style="margin-top: 2rem; color: #0b223e;">Book a Vastu Consultation</a>
                         </div>
                     </section>
                 </main>
@@ -673,36 +684,6 @@ your story,<br/>
                   max-width: 100%;
                   height: auto;
               }
-              /* =====================================================
-                 GLOBAL HORIZONTAL OVERFLOW FIX
-                 Prevent any element from causing horizontal scroll
-              ===================================================== */
-              html, body {
-                  overflow-x: hidden !important;
-                  max-width: 100% !important;
-              }
-              #wrap, #wrapwrap {
-                  overflow-x: hidden !important;
-                  max-width: 100% !important;
-              }
-              /* Mobile drawer: start fully off-canvas to the right */
-              #mobileDrawer {
-                  right: -100% !important;
-                  transform: none !important;
-                  transition: right 0.3s ease, visibility 0.3s ease !important;
-              }
-              #mobileDrawer.drawer-open {
-                  right: 0 !important;
-              }
-              #mobileDrawerOverlay {
-                  pointer-events: none;
-              }
-              #mobileDrawerOverlay.overlay-active {
-                  pointer-events: auto;
-              }
-              @media (min-width: 768px) {
-                  #mobileDrawer, #mobileDrawerOverlay { display: none !important; }
-              }
             </style>
         </xpath>
     </template>
@@ -711,10 +692,15 @@ your story,<br/>
     <template id="theme_aakriti_events_header_inherit" inherit_id="website.layout" priority="99">
         <!-- Header Override -->
         <xpath expr="//header" position="replace">
-            <!-- Overflow and drawer CSS is now in the head style block (theme_aakriti_events_tailwind template) -->
+            <!-- Fix horizontal scroll caused by off-screen fixed drawer -->
+            <style>
+                html, body { overflow-x: hidden !important; }
+                @media (min-width: 768px) {
+                    #mobileDrawer, #mobileDrawerOverlay { display: none !important; }
+                }
+            </style>
             <header class="sticky top-0 z-40 backdrop-blur-md tailwind-wrapper" id="top" data-anchor="true" style="background-color: rgba(252, 246, 233, 0.92); border-bottom: 1px solid #e0d6c6;">
                 <div class="mx-auto flex h-20 max-w-6xl items-center justify-between px-6">
-                    <!-- Old logo block (ico + text) — kept for reference
                     <a class="group inline-flex items-center gap-3 active" href="/" data-status="active" aria-current="page">
                         <img alt="Aakriti Design" class="h-12 w-12 object-contain transition-transform duration-700 group-hover:rotate-6" src="/theme_aakriti_events/static/src/img/logo-aakriti.ico"/>
                         <span class="flex flex-col leading-none">
@@ -722,10 +708,6 @@ your story,<br/>
                             <span class="text-[10px] uppercase tracking-[0.25em] text-muted-foreground">Vastu Consultation</span>
                         </span>
                     </a>
-                    -->
-                    <a class="group inline-flex items-center active" href="/" data-status="active" aria-current="page">
-                        <img alt="Aakriti Design" class="object-contain transition-transform duration-700 group-hover:scale-105" src="/theme_aakriti_events/static/src/img/logo.png" style="height: 56px; width: auto; max-width: 180px;"/>
-                    </a>
                     <nav class="hidden items-center gap-8 md:flex">
                         <a t-attf-class="text-sm font-medium transition-colors hover:text-gold #{'text-gold' if request.httprequest.path == '/' else 'text-navy/80'}" t-attf-style="#{'color: #d4a14a; font-weight: 600;' if request.httprequest.path == '/' else ''}" href="/">Home</a>
                         <a t-attf-class="text-sm font-medium transition-colors hover:text-gold #{'text-gold' if request.httprequest.path == '/rentals' else 'text-navy/80'}" t-attf-style="#{'color: #d4a14a; font-weight: 600;' if request.httprequest.path == '/rentals' else ''}" href="/rentals">Services</a>
@@ -748,7 +730,6 @@ your story,<br/>
                 <div id="mobileDrawer" style="position: fixed; top: 0; right: 0; height: 100vh; width: min(320px, 90vw); background-color: #fcf6e9; z-index: 999; transform: translateX(100%); visibility: hidden; transition: transform 0.3s ease, visibility 0.3s ease; display: flex; flex-direction: column; box-shadow: -4px 0 24px rgba(11,34,62,0.12);">
                     <!-- Drawer Header -->
                     <div style="display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; border-bottom: 1px solid #e0d6c6;">
-                        <!-- Old mobile drawer logo (ico + text) — kept for reference
                         <a href="/" style="display: inline-flex; align-items: center; gap: 0.75rem; text-decoration: none;">
                             <img alt="Aakriti Design" src="/theme_aakriti_events/static/src/img/logo-aakriti.ico" style="height: 2.75rem; width: 2.75rem; object-fit: contain;"/>
                             <span style="display: flex; flex-direction: column; line-height: 1;">
@@ -756,10 +737,6 @@ your story,<br/>
                                 <span style="font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.25em; color: #94a3b8;">Vastu Consultation</span>
                             </span>
                         </a>
-                        -->
-                        <a href="/" style="display: inline-flex; align-items: center; text-decoration: none;">
-                            <img alt="Aakriti Design" src="/theme_aakriti_events/static/src/img/logo.png" style="height: 48px; width: auto; max-width: 160px; object-fit: contain;"/>
-                        </a>
                         <button id="mobileDrawerCloseBtn" aria-label="Close menu" style="background: none; border: none; cursor: pointer; color: #0b223e; 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>
@@ -785,29 +762,23 @@ your story,<br/>
                         var btn = document.getElementById('mobileMenuBtn');
 
                         function openDrawer() {
-                            drawer.classList.add('drawer-open');
+                            drawer.style.transform = 'translateX(0)';
                             drawer.style.visibility = 'visible';
-                            if (overlay) {
+                            overlay.style.display = 'block';
-                                overlay.style.display = 'block';
-                                overlay.classList.add('overlay-active');
-                            }
                             document.body.style.overflow = 'hidden';
                         }
 
                         function closeDrawer() {
-                            drawer.classList.remove('drawer-open');
+                            drawer.style.transform = 'translateX(100%)';
                             drawer.style.visibility = 'hidden';
-                            if (overlay) {
+                            overlay.style.display = 'none';
-                                overlay.classList.remove('overlay-active');
-                                overlay.style.display = 'none';
-                            }
                             document.body.style.overflow = '';
                         }
 
                         if (btn) {
                             btn.addEventListener('click', function() {
                                 if (window.innerWidth > 767) return;
-                                var isOpen = drawer.classList.contains('drawer-open');
+                                var isOpen = drawer.style.transform === 'translateX(0px)' || drawer.style.transform === 'translateX(0)';
                                 if (isOpen) { closeDrawer(); } else { openDrawer(); }
                             });
                         }
@@ -853,7 +824,6 @@ your story,<br/>
                     <div class="mx-auto max-w-6xl px-6 py-14">
                         <div class="grid gap-10 md:grid-cols-4">
                             <div class="md:col-span-2">
-                                <!-- Old footer logo (ico + text) — kept for reference
                                 <a class="group inline-flex items-center gap-3 active" href="/">
                                     <img alt="Aakriti Design" class="h-12 w-12 object-contain transition-transform duration-700 group-hover:rotate-6" src="/theme_aakriti_events/static/src/img/logo-aakriti.ico"/>
                                     <span class="flex flex-col leading-none">
@@ -861,11 +831,7 @@ your story,<br/>
                                         <span class="text-[10px] uppercase tracking-[0.25em] text-muted-foreground">Vastu Consultation</span>
                                     </span>
                                 </a>
-                                -->
+                                <p class="mt-4 max-w-sm text-sm" style="margin-top: 1rem; color: #000000;">Thoughtful Vastu guidance for homes, businesses, and wellness spaces - by Parul.</p>
-                                <a class="group inline-flex items-center active" href="/">
-                                    <img alt="Aakriti Design" class="object-contain transition-transform duration-700 group-hover:scale-105" src="/theme_aakriti_events/static/src/img/logo.png" style="height: 56px; width: auto; max-width: 180px;"/>
-                                </a>
-                                <p class="mt-4 max-w-sm text-sm" style="margin-top: 1rem; color: #000000;">Premium wedding and event design with thoughtful styling, meaningful experiences, and seamless execution.</p>
                             </div>
                             <div>
                                 <h2 class="mb-3 text-base font-serif font-bold uppercase tracking-wider" style="color: #0b223e; margin-bottom: 0.75rem; font-family: 'Playfair Display', Georgia, serif;">Explore</h2>
@@ -873,31 +839,20 @@ your story,<br/>
                                 <ul class="space-y-2 text-sm" style="list-style: none; padding: 0; margin: 0; gap: 0.5rem; display: flex; flex-direction: column; color: #000000;">
                                     <li><a href="/rentals" class="text-black footer-link" style="transition: color 0.2s; text-decoration: none;">Services</a></li>
                                     <li><a href="/aboutus" class="text-black footer-link" style="transition: color 0.2s; text-decoration: none;">About Parul</a></li>
-                                    <li><a href="/rental/request" class="text-black footer-link" style="transition: color 0.2s; text-decoration: none;">Book a Consultation</a></li>
+                                    <li><a href="/rental/request" class="text-black footer-link" style="transition: color 0.2s; text-decoration: none;">Book a session</a></li>
                                     <li><a href="/contactus" class="text-black footer-link" style="transition: color 0.2s; text-decoration: none;">Contact</a></li>
                                 </ul>
                             </div>
                             <div>
                                 <h2 class="mb-3 text-base font-serif font-bold uppercase tracking-wider" style="color: #0b223e; margin-bottom: 0.75rem; font-family: 'Playfair Display', Georgia, serif;">Connect</h2>
-                                <style> .footer-connect-link:hover { color: #d4a14a !important; } </style>
                                 <ul class="space-y-2 text-sm" style="list-style: none; padding: 0; margin: 0; gap: 0.5rem; display: flex; flex-direction: column; color: #000000;">
-                                    <li><a href="mailto:info@aakritidesign.com" class="footer-connect-link" style="color: #000000; text-decoration: none; transition: color 0.2s;">info@aakritidesign.com</a></li>
+                                    <li>info@aakritidesign.com</li>
-                                    <li><a href="/contactus" class="footer-connect-link" style="color: #000000; text-decoration: none; transition: color 0.2s;">By appointment</a></li>
+                                    <li>By appointment</li>
                                 </ul>
                             </div>
                         </div>
                         <div class="mt-12" style="margin-top: 3rem; height: 1.5px; border: none; background: linear-gradient(to right, transparent, #d4a14a, transparent);"></div>
-                        <p class="mt-6 text-center text-xs" style="margin-top: 1.5rem; color: #000000;">
+                        <p class="mt-6 text-center text-xs" style="margin-top: 1.5rem; color: #000000;">@ 2026 Aakriti Design. Vastu guidance is advisory in nature.</p>
-                            &#169; <span id="aakriti-footer-year">2026</span> Aakriti Design. Premium Wedding &amp; Event Decor.
-                        </p>
-                        <script type="text/javascript">
-                            //<![CDATA[
-                            (function() {
-                                var el = document.getElementById('aakriti-footer-year');
-                                if (el) { el.textContent = new Date().getFullYear(); }
-                            })();
-                            //]]>
-                        </script>
                     </div>
                 </footer>
             </div>
@@ -912,11 +867,12 @@ your story,<br/>
                     <section class="mx-auto grid max-w-6xl gap-12 px-6 py-24 md:grid-cols-[1fr_0.85fr] md:items-start md:gap-16">
                         <div>
                             <p class="mb-4 text-xs uppercase tracking-[0.4em] text-gold">About</p>
-                            <h1 class="font-serif text-5xl text-navy md:text-6xl">About Aakriti Design Events</h1>
+                            <h1 class="font-serif text-5xl text-navy md:text-6xl">About Parul - Vastu Consultant</h1>
-                            <div class="my-10 w-full max-w-2xl" style="height: 1.5px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.4), transparent);"></div>
+                            <div class="my-10 w-full max-w-2xl" style="height: 1px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.4), transparent);"></div>
                             <div class="space-y-6 text-lg leading-relaxed text-muted-foreground">
-                                <p>Aakriti Design specializes in event decor and wedding design that goes beyond surface-level styling. We create environments that reflect your story, your culture, and the experience you want your guests to remember. Every celebration carries emotion, movement, and energy, and our approach begins with understanding how people gather, how spaces flow, and how each element supports the overall experience.</p>
+                                <p>Aakriti Design was founded on a simple belief - that the spaces we inhabit shape how we feel, work, rest, and grow.</p>
-                                <p>With over 10 years of experience in event design, logistics, and space management, Paarul Ladd brings a thoughtful understanding of how celebrations unfold and how environments shape experiences. Known for seamlessly blending cultures and creating beautifully balanced events, her work spans intimate weddings, large-scale celebrations, and complex fusion events.</p>
+                                <p>I combine traditional Vastu principles with a modern, design-led sensibility. My consultations are warm, practical, and never prescriptive - guidance you can actually live with.</p>
+                                <p>Whether you're settling into a new home, opening a wellness studio, or wanting to gently reset the energy of a space you've known for years, I'd be honoured to help.</p>
                             </div>
                             <div class="mt-12">
                                 <a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 bg-navy text-cream hover:bg-navy/90">Book a consultation</a>
@@ -924,7 +880,7 @@ your story,<br/>
                         </div>
                         <div class="relative md:sticky md:top-24" id="__FPSC_ID_2_1781584228681" style="">
                             <div class="absolute -inset-4 -z-10 rounded-3xl bg-gradient-to-br from-gold-soft/40 to-sage/15 blur-2xl"></div>
-                            <img alt="Aakriti Design - Create a space that supports your life." class="w-full rounded-2xl shadow-2xl ring-1 ring-navy/10" loading="lazy" src="/theme_aakriti_events/static/src/img/about.webp"/>
+                            <img alt="Aakriti Design - Create a space that supports your life." class="w-full rounded-2xl shadow-2xl ring-1 ring-navy/10" loading="lazy" src="/theme_aakriti_events/static/src/img/vastu-poster.png"/>
                         </div>
                     </section>
                 </main>
@@ -940,10 +896,10 @@ your story,<br/>
                     <p class="mb-4 text-xs uppercase tracking-[0.4em] text-gold w-full" style="color: #d4a14a; letter-spacing: 0.4em; text-transform: uppercase; font-size: 0.75rem;">Contact</p>
                     <h1 class="font-serif text-5xl text-navy md:text-6xl w-full mt-2 mb-10" style="color: #0b223e;">Let's connect</h1>
                     
-                    <div class="my-10 w-full max-w-2xl mx-auto" style="height: 1.5px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.4), transparent);"></div>
+                    <div class="my-10 w-full max-w-2xl mx-auto" style="height: 1px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.4), transparent);"></div>
                     
                     <p class="max-w-xl mx-auto text-muted-foreground leading-relaxed mt-10" style="color: #64748b;">
-                        For inquiries, collaborations, wedding consultations, or event planning questions, send us a message. We respond personally within two business days.
+                        For enquiries, collaborations, or general questions, send a note. I respond personally within two business days.
                     </p>
                     
                     <div class="mt-12 flex items-center justify-center gap-3 text-lg font-serif text-navy" style="color: #0b223e; margin-top: 3rem;">