diff --git a/addons/theme_aakriti_events/static/src/img/vastu-rooms.png b/addons/theme_aakriti_events/static/src/img/vastu-rooms.png
new file mode 100644
index 0000000..4af0ced
Binary files /dev/null and b/addons/theme_aakriti_events/static/src/img/vastu-rooms.png differ
diff --git a/addons/theme_aakriti_events/views/website_templates.xml b/addons/theme_aakriti_events/views/website_templates.xml
index bd79e65..9e07139 100644
--- a/addons/theme_aakriti_events/views/website_templates.xml
+++ b/addons/theme_aakriti_events/views/website_templates.xml
@@ -12,281 +12,113 @@
     <!-- Inherit and Override Catalog Page -->
     <template id="rental_catalog_template_inherit" inherit_id="event_rental.rental_catalog_template">
         <xpath expr="//div[@id='wrap']" position="replace">
-            <!-- Inject Custom Styles and Google Fonts -->
-            <style>
-                @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Outfit:wght@300;400;500;600;700;800&amp;family=Playball&amp;display=swap');
-
-                #wrap {
-                    background-color: #fcf6e9 !important;
-                    font-family: 'Inter', sans-serif !important;
-                }
-
-                h1, h2, h3, h4, h5, h6, .display-4, .display-3 {
-                    font-family: 'Outfit', sans-serif !important;
-                    font-weight: 600;
-                    color: #0f172a;
-                }
-
-                /* Signature Accent Font */
-                .aakriti-cursive {
-                    font-family: 'Playball', cursive !important;
-                    color: #d4a14a !important;
-                    font-size: 2.2rem;
-                    line-height: 1;
-                }
-
-                /* Brand colors */
-                .text-brand-plum {
-                    color: #0b223e !important;
-                }
-                .bg-brand-plum {
-                    background-color: #0b223e !important;
-                    color: #ffffff !important;
-                }
-                .text-brand-gold {
-                    color: #d4a14a !important;
-                }
-                .bg-brand-gold {
-                    background-color: #d4a14a !important;
-                    color: #ffffff !important;
-                }
-
-                /* Hero Slider Style Banner */
-                .aakriti-hero {
-                    position: relative;
-                    background: linear-gradient(rgba(113, 75, 103, 0.8), rgba(26, 21, 25, 0.9)), 
-                                url('https://images.unsplash.com/photo-1519167758481-83f550bb49b3?q=80&amp;w=1920') no-repeat center center;
-                    background-size: cover;
-                    color: white;
-                    padding: 90px 0;
-                    text-align: center;
-                }
-
-                .aakriti-hero h1 {
-                    color: #ffffff !important;
-                    font-weight: 800;
-                    letter-spacing: -1px;
-                }
-
-                .aakriti-hero p {
-                    font-weight: 300;
-                    color: #e2e8f0;
-                    max-width: 700px;
-                    margin: 15px auto 0;
-                    font-size: 1.1rem;
-                    line-height: 1.6;
-                }
-
-                /* Sidebar Filter Styling */
-                .filter-card {
-                    background: #ffffff;
-                    border: 1px solid #EAE5E8;
-                    border-radius: 16px;
-                    box-shadow: 0 4px 20px rgba(113, 75, 103, 0.03);
-                }
-
-                .filter-title {
-                    font-size: 1.1rem;
-                    font-weight: 700;
-                    letter-spacing: 0.5px;
-                    border-bottom: 2px solid #e2e8f0;
-                    padding-bottom: 15px;
-                    color: #0b223e;
-                }
-
-                .list-group-item {
-                    border: none !important;
-                    padding: 12px 16px !important;
-                    border-radius: 8px !important;
-                    margin-bottom: 4px;
-                    font-size: 0.95rem;
-                    transition: all 0.2s ease;
-                }
-
-                .list-group-item:hover {
-                    background-color: #eef2f7 !important;
-                    color: #0b223e !important;
-                    transform: translateX(3px);
-                }
-
-                .list-group-item.active-category {
-                    background-color: #0b223e !important;
-                    color: #ffffff !important;
-                    font-weight: 600;
-                }
-
-                /* Search Bar Styling */
-                .search-input {
-                    border-radius: 30px !important;
-                    border: 1.5px solid #EAE5E8 !important;
-                    padding: 24px 20px !important;
-                    font-size: 1rem !important;
-                    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
-                    transition: all 0.3s ease;
-                }
-
-                .search-input:focus {
-                    border-color: #0b223e !important;
-                    box-shadow: 0 4px 15px rgba(113, 75, 103, 0.1) !important;
-                }
-
-                .search-btn {
-                    border-radius: 30px !important;
-                    background-color: #0b223e !important;
-                    border: none !important;
-                    padding: 12px 28px !important;
-                    font-weight: 600;
-                    letter-spacing: 0.5px;
-                    transition: all 0.3s ease;
-                }
-
-                .search-btn:hover {
-                    background-color: #061528 !important;
-                    transform: translateY(-1px);
-                    box-shadow: 0 4px 12px rgba(113, 75, 103, 0.3) !important;
-                }
-
-                /* Product Card Styling */
-                .premium-card {
-                    background: #ffffff;
-                    border: 1px solid #EAE5E8;
-                    border-radius: 16px;
-                    overflow: hidden;
-                    box-shadow: 0 4px 20px rgba(113, 75, 103, 0.03);
-                    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-                }
-
-                .premium-card:hover {
-                    transform: translateY(-8px);
-                    box-shadow: 0 12px 30px rgba(113, 75, 103, 0.08);
-                    border-color: #d4a14a;
-                }
-
-                .img-container {
-                    position: relative;
-                    height: 220px;
-                    overflow: hidden;
-                    background-color: #f1f5f9;
-                }
-
-                .img-container img {
-                    width: 100%;
-                    height: 100%;
-                    object-fit: cover;
-                    transition: transform 0.5s ease;
-                }
-
-                .premium-card:hover .img-container img {
-                    transform: scale(1.08);
-                }
-
-                .card-price {
-                    font-size: 1.25rem;
-                    font-weight: 700;
-                    color: #d4a14a; /* Champagne Gold color */
-                }
-
-                .card-action-btn {
-                    border-radius: 20px;
-                    font-size: 0.8rem;
-                    font-weight: 600;
-                    text-transform: uppercase;
-                    letter-spacing: 0.5px;
-                    border: 1.5px solid #0b223e;
-                    color: #0b223e;
-                    background: transparent;
-                    transition: all 0.2s ease;
-                }
-
-                .card-action-btn:hover {
-                    background-color: #0b223e !important;
-                    color: white !important;
-                }
-            </style>
-
-            <div id="wrap" class="oe_structure oe_empty">
-                <!-- Premium Hero Section -->
-                <div class="aakriti-hero">
-                    <div class="container">
-                        <span class="aakriti-cursive mb-2 d-block">Aakriti Design | Events</span>
-                        <h1 class="display-4 text-white">Transforming Venues, Creating Memories</h1>
-                        <p>Bespoke event decoration and luxury equipment rentals curated with elegance, cultural understanding, and impeccable detail.</p>
-                    </div>
-                </div>
-
-                <!-- Main Section -->
-                <div class="container py-5">
-                    <div class="row">
-                        <!-- Filters (Left Sidebar) -->
-                        <div class="col-lg-3 mb-4">
-                            <div class="filter-card p-4">
-                                <h5 class="filter-title mb-4">RENTAL CATEGORIES</h5>
-                                <div class="list-group">
-                                    <a t-att-href="'/rentals' + (search and ('?search=' + search) or '')" 
-                                       t-att-class="'list-group-item list-group-item-action ' + (not current_category and 'active-category' or '')">
-                                        All Collections
-                                    </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-class="'list-group-item list-group-item-action ' + (current_category == cat.id and 'active-category' or '')">
-                                            <span t-field="cat.name"/>
-                                        </a>
-                                    </t>
+            <div id="wrap" class="oe_structure oe_empty tailwind-wrapper bg-cream" style="background-color: #fcf6e9;">
+                <main class="flex-1">
+                    <section class="mx-auto max-w-6xl px-6 py-20 md:py-28">
+                        <p class="mb-4 text-xs uppercase tracking-[0.4em] text-gold">Services</p>
+                        <h1 class="font-serif text-5xl text-navy md:text-6xl">Vastu Consultation Packages</h1>
+                        <p class="mt-6 max-w-2xl text-muted-foreground">Each session is personalised. If you're unsure which package suits you, start by booking and we'll find the right fit together.</p>
+                        <div class="mt-16 grid gap-6 md:grid-cols-2">
+                            <div class="group flex flex-col rounded-xl border border-border/60 bg-card p-8 transition-shadow hover:shadow-lg">
+                                <p class="text-xs uppercase tracking-[0.25em] text-gold">For the spaces you live in</p>
+                                <h2 class="mt-3 font-serif text-2xl text-navy">Home Vastu Consultation</h2>
+                                <p class="mt-3 text-sm leading-relaxed text-muted-foreground">A complete energetic review of your home - entrance, bedrooms, kitchen, and living areas - with a written report of practical, room-by-room recommendations.</p>
+                                <div class="mt-6 flex flex-wrap gap-x-5 gap-y-2 text-xs text-muted-foreground">
+                                    <span class="inline-flex items-center gap-1.5"><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-clock h-3.5 w-3.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg> 90 minutes + report</span>
+                                    <span class="inline-flex items-center gap-1.5"><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-map-pin h-3.5 w-3.5" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg> Online or in person</span>
+                                </div>
+                                <div style="margin-top: 1.5rem; height: 1px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.45), transparent);"></div>
+                                <div class="mt-6 flex items-end justify-between">
+                                    <span class="font-serif text-2xl text-navy">$ on request</span>
+                                    <a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap 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-8 rounded-md px-3 text-xs bg-navy text-cream hover:bg-navy/90" style="color: #fcf6e9;">Book</a>
+                                </div>
+                            </div>
+                            <div class="group flex flex-col rounded-xl border border-border/60 bg-card p-8 transition-shadow hover:shadow-lg">
+                                <p class="text-xs uppercase tracking-[0.25em] text-gold">For offices, studios &amp; retail</p>
+                                <h2 class="mt-3 font-serif text-2xl text-navy">Business Vastu Consultation</h2>
+                                <p class="mt-3 text-sm leading-relaxed text-muted-foreground">Align your workspace for growth, focus, and prosperity. Includes entrance, seating, cash counter, and reception placement guidance.</p>
+                                <div class="mt-6 flex flex-wrap gap-x-5 gap-y-2 text-xs text-muted-foreground">
+                                    <span class="inline-flex items-center gap-1.5"><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-clock h-3.5 w-3.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg> 90 minutes + report</span>
+                                    <span class="inline-flex items-center gap-1.5"><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-map-pin h-3.5 w-3.5" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg> Online or in person</span>
+                                </div>
+                                <div style="margin-top: 1.5rem; height: 1px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.45), transparent);"></div>
+                                <div class="mt-6 flex items-end justify-between">
+                                    <span class="font-serif text-2xl text-navy">$ on request</span>
+                                    <a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap 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-8 rounded-md px-3 text-xs bg-navy text-cream hover:bg-navy/90" style="color: #fcf6e9;">Book</a>
+                                </div>
+                            </div>
+                            <div class="group flex flex-col rounded-xl border border-border/60 bg-card p-8 transition-shadow hover:shadow-lg">
+                                <p class="text-xs uppercase tracking-[0.25em] text-gold">For clinics, studios &amp; retreats</p>
+                                <h2 class="mt-3 font-serif text-2xl text-navy">Wellness Centre Vastu Review</h2>
+                                <p class="mt-3 text-sm leading-relaxed text-muted-foreground">Create environments that support healing - for clients and practitioners alike. Treatment room placement, flow, and energetic clarity.</p>
+                                <div class="mt-6 flex flex-wrap gap-x-5 gap-y-2 text-xs text-muted-foreground">
+                                    <span class="inline-flex items-center gap-1.5"><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-clock h-3.5 w-3.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg> 2 hours + report</span>
+                                    <span class="inline-flex items-center gap-1.5"><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-map-pin h-3.5 w-3.5" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg> Online or in person</span>
+                                </div>
+                                <div style="margin-top: 1.5rem; height: 1px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.45), transparent);"></div>
+                                <div class="mt-6 flex items-end justify-between">
+                                    <span class="font-serif text-2xl text-navy">$ on request</span>
+                                    <a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap 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-8 rounded-md px-3 text-xs bg-navy text-cream hover:bg-navy/90" style="color: #fcf6e9;">Book</a>
+                                </div>
+                            </div>
+                            <div class="group flex flex-col rounded-xl border border-border/60 bg-card p-8 transition-shadow hover:shadow-lg">
+                                <p class="text-xs uppercase tracking-[0.25em] text-gold">For your sacred corner</p>
+                                <h2 class="mt-3 font-serif text-2xl text-navy">Altar Placement Guidance</h2>
+                                <p class="mt-3 text-sm leading-relaxed text-muted-foreground">A focused session on placing and arranging your altar or prayer space so it feels grounded, intentional, and alive.</p>
+                                <div class="mt-6 flex flex-wrap gap-x-5 gap-y-2 text-xs text-muted-foreground">
+                                    <span class="inline-flex items-center gap-1.5"><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-clock h-3.5 w-3.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg> 45 minutes</span>
+                                    <span class="inline-flex items-center gap-1.5"><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-map-pin h-3.5 w-3.5" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg> Online</span>
+                                </div>
+                                <div style="margin-top: 1.5rem; height: 1px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.45), transparent);"></div>
+                                <div class="mt-6 flex items-end justify-between">
+                                    <span class="font-serif text-2xl text-navy">$ on request</span>
+                                    <a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap 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-8 rounded-md px-3 text-xs bg-navy text-cream hover:bg-navy/90" style="color: #fcf6e9;">Book</a>
+                                </div>
+                            </div>
+                            <div class="group flex flex-col rounded-xl border border-border/60 bg-card p-8 transition-shadow hover:shadow-lg">
+                                <p class="text-xs uppercase tracking-[0.25em] text-gold">Before you build or move</p>
+                                <h2 class="mt-3 font-serif text-2xl text-navy">Floor Plan Review</h2>
+                                <p class="mt-3 text-sm leading-relaxed text-muted-foreground">Send across a floor plan and receive a written Vastu review with suggested adjustments before construction or move-in.</p>
+                                <div class="mt-6 flex flex-wrap gap-x-5 gap-y-2 text-xs text-muted-foreground">
+                                    <span class="inline-flex items-center gap-1.5"><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-clock h-3.5 w-3.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg> Written report</span>
+                                    <span class="inline-flex items-center gap-1.5"><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-map-pin h-3.5 w-3.5" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg> Remote review</span>
+                                </div>
+                                <div style="margin-top: 1.5rem; height: 1px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.45), transparent);"></div>
+                                <div class="mt-6 flex items-end justify-between">
+                                    <span class="font-serif text-2xl text-navy">$ on request</span>
+                                    <a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap 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-8 rounded-md px-3 text-xs bg-navy text-cream hover:bg-navy/90" style="color: #fcf6e9;">Book</a>
+                                </div>
+                            </div>
+                            <div class="group flex flex-col rounded-xl border border-border/60 bg-card p-8 transition-shadow hover:shadow-lg">
+                                <p class="text-xs uppercase tracking-[0.25em] text-gold">Continuing the work</p>
+                                <h2 class="mt-3 font-serif text-2xl text-navy">Follow-up Consultation</h2>
+                                <p class="mt-3 text-sm leading-relaxed text-muted-foreground">For existing clients - to check in on remedies applied, review new spaces, or revisit any concerns over time.</p>
+                                <div class="mt-6 flex flex-wrap gap-x-5 gap-y-2 text-xs text-muted-foreground">
+                                    <span class="inline-flex items-center gap-1.5"><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-clock h-3.5 w-3.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg> 45 minutes</span>
+                                    <span class="inline-flex items-center gap-1.5"><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-map-pin h-3.5 w-3.5" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg> Online or in person</span>
+                                </div>
+                                <div style="margin-top: 1.5rem; height: 1px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.45), transparent);"></div>
+                                <div class="mt-6 flex items-end justify-between">
+                                    <span class="font-serif text-2xl text-navy">$ on request</span>
+                                    <a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap 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-8 rounded-md px-3 text-xs bg-navy text-cream hover:bg-navy/90" style="color: #fcf6e9;">Book</a>
                                 </div>
                             </div>
                         </div>
-
-                        <!-- Catalog Grid (Right Panel) -->
-                        <div class="col-lg-9">
-                            <!-- Premium Search -->
-                            <div class="mb-5">
-                                <form action="/rentals" method="get" class="d-flex">
-                                    <input type="hidden" name="category" t-att-value="current_category" t-if="current_category"/>
-                                    <input type="text" name="search" class="form-control search-input" placeholder="Search our premium inventory..." t-att-value="search"/>
-                                    <button type="submit" class="btn btn-primary search-btn ml-2">Search</button>
-                                </form>
+                    </section>
+                    <section class="bg-card/40" style="border-top: 1px solid #e0d6c6;">
+                        <div class="mx-auto max-w-6xl px-6 py-20 md:py-28">
+                            <div class="mb-12 max-w-2xl">
+                                <p class="mb-3 text-xs uppercase tracking-[0.3em] text-gold">A quick orientation</p>
+                                <h2 class="font-serif text-4xl text-navy md:text-5xl">How Vastu maps to the rooms you live in</h2>
+                                <p class="mt-5 text-muted-foreground">A glimpse of the directional principles that shape every consultation - from the kitchen's energy of nourishment to the bedroom's call for rest.</p>
                             </div>
-
-                            <!-- Products Grid -->
-                            <div class="row" t-if="products">
-                                <t t-foreach="products" t-as="product">
-                                    <div class="col-md-4 col-sm-6 mb-4">
-                                        <div class="premium-card h-100 d-flex flex-column">
-                                            <a t-att-href="'/rentals/%s' % slug(product)">
-                                                <div class="img-container">
-                                                    <img t-if="product.image_1920" t-att-src="image_data_uri(product.image_1920)"/>
-                                                    <div t-else="" class="d-flex align-items-center justify-content-center h-100 text-muted bg-light">
-                                                        <i class="fa fa-picture-o fa-3x"></i>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                            <div class="card-body d-flex flex-column p-4">
-                                                <h5 class="font-weight-bold mb-2" style="font-size: 1.05rem; line-height: 1.4; min-height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;">
-                                                    <a t-att-href="'/rentals/%s' % slug(product)" class="text-dark text-decoration-none" t-field="product.name"/>
-                                                </h5>
-                                                <p class="text-muted flex-grow-1 mb-3" style="font-size: 0.85rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;" t-out="product.description_sale or 'Luxury styling and bespoke design options.'"/>
-                                                <div class="d-flex justify-content-between align-items-center pt-3 border-top mt-auto">
-                                                    <div>
-                                                        <span class="card-price">
-                                                            <span t-field="product.rental_price_per_day" t-options="{'widget': 'monetary', 'display_currency': res_company.currency_id}"/>
-                                                        </span>
-                                                        <span class="text-muted" style="font-size: 0.75rem;">/day</span>
-                                                    </div>
-                                                    <a t-att-href="'/rentals/%s' % slug(product)" class="btn btn-sm card-action-btn px-3">Rent</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </t>
-                            </div>
-                            <div t-else="" class="text-center py-5 filter-card p-5">
-                                <i class="fa fa-search fa-3x text-muted mb-3"></i>
-                                <h4 class="font-weight-bold">No rental items found</h4>
-                                <p class="text-muted">Modify your filter categories or search query.</p>
+                            <div class="relative">
+                                <div class="absolute -inset-6 -z-10 rounded-3xl bg-gradient-to-br from-gold-soft/30 to-sage/15 blur-2xl"></div>
+                                <img alt="Vastu-inspired room guide" class="w-full rounded-2xl shadow-2xl ring-1 ring-navy/10" loading="lazy" src="/theme_aakriti_events/static/src/img/vastu-rooms.png"/>
                             </div>
                         </div>
-                    </div>
-                </div>
+                    </section>
+                </main>
             </div>
         </xpath>
     </template>
@@ -703,7 +535,7 @@
         <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">
+                    <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>
@@ -715,7 +547,7 @@
                                     Vastu Consultations for Spaces that hold you,<br/>
                                     <span style="font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400; color: #d4a14a; letter-spacing: 0.01em;">gently and well.</span>
                                 </h1>
-                                <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>
+                                <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-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-12 bg-navy px-7 text-cream hover:bg-navy/90" style="color: #fcf6e9;">
                                         Book a Vastu Consultation 
@@ -728,7 +560,7 @@
                             </div>
                             <div class="relative">
                                 <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"/>
+                                <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>
@@ -752,7 +584,7 @@
                         </div>
                     </section>
                     
-                    <section class="border-y border-border/60" style="background-color: #fefaef;">
+                    <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 I offer</p>
@@ -782,13 +614,13 @@
                                 <div class="group bg-cream p-8 transition-colors hover:bg-card">
                                     <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;">Energy Balancing</h3>
-                                    <p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Subtle remedies — colour, element, light — that shift how a space feels.</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>
                                 <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 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 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 text-gold hover:gap-3 transition-all" style="margin-top: 1.5rem;">
+                                    <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 
                                         <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>
@@ -799,10 +631,10 @@
                     
                     <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;">“A balanced space is the quietest kind of luxury.”</h2>
-                        <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>
+                        <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;">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 →</a>
+                            <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>
                     </section>
                     
@@ -857,6 +689,24 @@
               .tailwind-wrapper a {
                   text-decoration: none;
               }
+              /* Lock text color on hover - prevent Odoo's global a:hover from overriding */
+              .tailwind-wrapper a[style*="color: #d4a14a"]:hover,
+              .tailwind-wrapper a.text-gold:hover {
+                  color: #d4a14a !important;
+              }
+              /* Navy buttons: keep cream text on hover */
+              .tailwind-wrapper a.bg-navy:hover,
+              .tailwind-wrapper a[style*="background-color: #0b223e"]:hover {
+                  color: #fcf6e9 !important;
+              }
+              /* Cream buttons with navy text: keep navy on hover */
+              .tailwind-wrapper a.text-navy:hover {
+                  color: #0b223e !important;
+              }
+              /* Any link with explicit inline color: keep it on hover */
+              .tailwind-wrapper a[style*="color:"]:hover {
+                  color: inherit;
+              }
               .tailwind-wrapper img {
                   max-width: 100%;
                   height: auto;
@@ -869,6 +719,13 @@
     <template id="theme_aakriti_events_header_inherit" inherit_id="website.layout" priority="99">
         <!-- Header Override -->
         <xpath expr="//header" position="replace">
+            <!-- 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">
                     <a class="group inline-flex items-center gap-3 active" href="/" data-status="active" aria-current="page">
@@ -879,27 +736,99 @@
                         </span>
                     </a>
                     <nav class="hidden items-center gap-8 md:flex">
-                        <a class="text-sm font-medium transition-colors hover:text-gold" style="color: #d4a14a; font-weight: 600;" href="/" data-status="active" aria-current="page">Home</a>
-                        <a href="/rentals" class="text-sm font-medium text-navy/80 transition-colors hover:text-gold">Services</a>
-                        <a href="/aboutus" class="text-sm font-medium text-navy/80 transition-colors hover:text-gold">About</a>
-                        <a href="/contactus" class="text-sm font-medium text-navy/80 transition-colors hover:text-gold">Contact</a>
+                        <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>
+                        <a t-attf-class="text-sm font-medium transition-colors hover:text-gold #{'text-gold' if request.httprequest.path == '/aboutus' else 'text-navy/80'}" t-attf-style="#{'color: #d4a14a; font-weight: 600;' if request.httprequest.path == '/aboutus' else ''}" href="/aboutus">About</a>
+                        <a t-attf-class="text-sm font-medium transition-colors hover:text-gold #{'text-gold' if request.httprequest.path == '/contactus' else 'text-navy/80'}" t-attf-style="#{'color: #d4a14a; font-weight: 600;' if request.httprequest.path == '/contactus' else ''}" href="/contactus">Contact</a>
                     </nav>
                     <div class="hidden items-center gap-3 md:flex">
                         <a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium cursor-pointer shadow h-8 rounded-md px-3 text-xs bg-navy text-cream hover:bg-navy/90" style="color: #fcf6e9;">Book a Consultation</a>
                     </div>
-                    <button class="md:hidden text-navy" aria-label="Toggle menu" data-bs-toggle="collapse" data-bs-target="#mobileNav">
-                        <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-menu" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg>
+                    <!-- Mobile Hamburger Button -->
+                    <button class="md:hidden text-navy" aria-label="Toggle menu" id="mobileMenuBtn" style="background: none; border: none; cursor: pointer; padding: 4px;">
+                        <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" aria-hidden="true"><path d="M4 5h16"/><path d="M4 12h16"/><path d="M4 19h16"/></svg>
                     </button>
                 </div>
-                <!-- Mobile Nav -->
-                <div class="collapse d-lg-none w-100 bg-cream border-t border-border/60" id="mobileNav">
-                    <ul class="flex flex-col p-4 m-0" style="list-style: none;">
-                        <li class="mb-3"><a class="text-sm font-medium text-gold" href="/">Home</a></li>
-                        <li class="mb-3"><a class="text-sm font-medium text-navy/80" href="/rentals">Services</a></li>
-                        <li class="mb-3"><a class="text-sm font-medium text-navy/80" href="/aboutus">About</a></li>
-                        <li><a class="text-sm font-medium text-navy/80" href="/contactus">Contact</a></li>
-                    </ul>
+
+                <!-- Mobile Drawer Overlay -->
+                <div id="mobileDrawerOverlay" style="display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.3); z-index: 998;"></div>
+
+                <!-- Mobile Drawer Panel -->
+                <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;">
+                        <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;">
+                                <span style="font-family: 'Playfair Display', Georgia, serif; font-size: 1.1rem; color: #0b223e;">Aakriti Design</span>
+                                <span style="font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.25em; color: #94a3b8;">Vastu Consultation</span>
+                            </span>
+                        </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>
+                    </div>
+                    <!-- Drawer Nav Links -->
+                    <nav style="flex: 1; display: flex; flex-direction: column; padding: 2rem 1.5rem; gap: 0;">
+                        <a t-attf-href="/" t-attf-style="display: block; font-family: 'Playfair Display', Georgia, serif; font-size: 1.35rem; padding: 0.9rem 0; color: #{'#d4a14a' if request.httprequest.path == '/' else '#0b223e'}; text-decoration: none; border-bottom: 1px solid #e0d6c6; transition: color 0.2s;" onmouseover="this.style.color='#d4a14a'" onmouseout="this.style.color=this.getAttribute('data-base-color')" data-base-color="#0b223e">Home</a>
+                        <a t-attf-href="/rentals" style="display: block; font-family: 'Playfair Display', Georgia, serif; font-size: 1.35rem; padding: 0.9rem 0; color: #0b223e; text-decoration: none; border-bottom: 1px solid #e0d6c6; transition: color 0.2s;" onmouseover="this.style.color='#d4a14a'" onmouseout="this.style.color='#0b223e'">Services</a>
+                        <a t-attf-href="/aboutus" style="display: block; font-family: 'Playfair Display', Georgia, serif; font-size: 1.35rem; padding: 0.9rem 0; color: #0b223e; text-decoration: none; border-bottom: 1px solid #e0d6c6; transition: color 0.2s;" onmouseover="this.style.color='#d4a14a'" onmouseout="this.style.color='#0b223e'">About</a>
+                        <a t-attf-href="/contactus" style="display: block; font-family: 'Playfair Display', Georgia, serif; font-size: 1.35rem; padding: 0.9rem 0; color: #0b223e; text-decoration: none; transition: color 0.2s;" onmouseover="this.style.color='#d4a14a'" onmouseout="this.style.color='#0b223e'">Contact</a>
+                    </nav>
+                    <!-- Drawer CTA Button -->
+                    <div style="padding: 1.5rem;">
+                        <a href="/rental/request" style="display: block; text-align: center; background-color: #0b223e; color: #fcf6e9; font-size: 0.9rem; font-weight: 500; padding: 0.9rem 1.5rem; border-radius: 0.5rem; text-decoration: none; transition: background-color 0.2s;" onmouseover="this.style.backgroundColor='#1a3a5c'" onmouseout="this.style.backgroundColor='#0b223e'">Book a Consultation</a>
+                    </div>
                 </div>
+
+                <script>
+                //<![CDATA[
+                    (function() {
+                        var overlay = document.getElementById('mobileDrawerOverlay');
+                        var drawer = document.getElementById('mobileDrawer');
+                        var btn = document.getElementById('mobileMenuBtn');
+
+                        function openDrawer() {
+                            drawer.style.transform = 'translateX(0)';
+                            drawer.style.visibility = 'visible';
+                            overlay.style.display = 'block';
+                            document.body.style.overflow = 'hidden';
+                        }
+
+                        function closeDrawer() {
+                            drawer.style.transform = 'translateX(100%)';
+                            drawer.style.visibility = 'hidden';
+                            overlay.style.display = 'none';
+                            document.body.style.overflow = '';
+                        }
+
+                        if (btn) {
+                            btn.addEventListener('click', function() {
+                                if (window.innerWidth > 767) return;
+                                var isOpen = drawer.style.transform === 'translateX(0px)' || drawer.style.transform === 'translateX(0)';
+                                if (isOpen) { closeDrawer(); } else { openDrawer(); }
+                            });
+                        }
+
+                        var closeBtn = document.getElementById('mobileDrawerCloseBtn');
+                        if (closeBtn) {
+                            closeBtn.addEventListener('click', function() { closeDrawer(); });
+                        }
+
+                        if (overlay) {
+                            overlay.addEventListener('click', function() { closeDrawer(); });
+                        }
+
+                        document.querySelectorAll('#mobileDrawer a').forEach(function(link) {
+                            link.addEventListener('click', function() { closeDrawer(); });
+                        });
+
+                        window.addEventListener('resize', function() {
+                            if (window.innerWidth > 767) { closeDrawer(); }
+                        });
+                    })();
+                //]]>
+                </script>
             </header>
         </xpath>
 
@@ -909,6 +838,7 @@
             <attribute name="class" add="tailwind-wrapper" separator=" "/>
         </xpath>
 
+
         <!-- Hide Odoo's default copyright area -->
         <xpath expr="//div[hasclass('o_footer_copyright')]" position="attributes">
             <attribute name="class" add="d-none" separator=" "/>
@@ -917,7 +847,7 @@
         <!-- Replace main footer div -->
         <xpath expr="//div[@id='footer']" position="replace">
             <div id="footer">
-                <footer class="border-t border-border/60 bg-cream tailwind-wrapper" style="background-color: #fcf6e9;">
+                <footer class="border-t border-border/60 bg-cream tailwind-wrapper" style="background-color: #fcf6e9; border-top: 1px solid #e0d6c6;">
                     <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">
@@ -928,15 +858,16 @@
                                         <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>
+                                <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>
                             </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>
+                                <style> .footer-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="/rentals" class="text-black hover:text-gold" style="transition: color 0.2s;">Services</a></li>
-                                    <li><a href="/aboutus" class="text-black hover:text-gold" style="transition: color 0.2s;">About Parul</a></li>
-                                    <li><a href="/rental/request" class="text-black hover:text-gold" style="transition: color 0.2s;">Book a session</a></li>
-                                    <li><a href="/contactus" class="text-black hover:text-gold" style="transition: color 0.2s;">Contact</a></li>
+                                    <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 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>
@@ -948,7 +879,7 @@
                             </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;">© 2026 Aakriti Design. Vastu guidance is advisory in nature.</p>
+                        <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>
                     </div>
                 </footer>
             </div>
@@ -958,416 +889,54 @@
     <!-- Inherit and Override About Us page -->
     <template id="theme_aakriti_events_aboutus" inherit_id="website.aboutus" active="True">
         <xpath expr="//div[@id='wrap']" position="replace">
-            <style>
-                @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Outfit:wght@300;400;500;600;700;800&amp;family=Playball&amp;display=swap');
-
-                .about-wrap {
-                    background-color: #fcf6e9 !important;
-                    font-family: 'Inter', sans-serif !important;
-                    color: #0f172a;
-                    overflow-x: hidden;
-                }
-
-                h1, h2, h3, h4, h5, h6 {
-                    font-family: 'Outfit', sans-serif !important;
-                    color: #0b223e;
-                    font-weight: 700;
-                }
-
-                /* Page Banner */
-                .about-banner {
-                    position: relative;
-                    background: linear-gradient(rgba(11, 34, 62, 0.5), rgba(11, 34, 62, 0.85)), 
-                                url('https://events.aakritidesign.com/inner-banners/1.webp') no-repeat center center;
-                    background-size: cover;
-                    padding: 120px 0;
-                    text-align: center;
-                    color: white;
-                }
-                .about-banner-title {
-                    font-size: 3.5rem;
-                    font-weight: 800;
-                    color: white !important;
-                    margin-bottom: 15px;
-                }
-                .about-banner-breadcrumbs {
-                    font-size: 0.95rem;
-                    font-weight: 500;
-                    letter-spacing: 1px;
-                }
-                .about-banner-breadcrumbs a {
-                    color: #d4a14a !important;
-                    text-decoration: none;
-                }
-                .about-banner-breadcrumbs span {
-                    color: rgba(255, 255, 255, 0.6);
-                }
-
-                /* Section Styles */
-                .section-padding {
-                    padding: 110px 0;
-                }
-                .section-subtitle {
-                    font-size: 0.95rem;
-                    text-transform: uppercase;
-                    letter-spacing: 4px;
-                    font-weight: 700;
-                    color: #d4a14a;
-                    margin-bottom: 15px;
-                    display: block;
-                }
-                .section-heading {
-                    font-size: 3rem;
-                    font-weight: 800;
-                    margin-bottom: 30px;
-                    color: #0b223e;
-                }
-
-                /* Section 1 About grid */
-                .about-events-section {
-                    position: relative;
-                    background-color: #fcf6e9;
-                }
-                .about-events-img-col {
-                    position: relative;
-                    height: 520px;
-                }
-                .about-events-grid-overlay {
-                    position: relative;
-                    width: 100%;
-                    height: 100%;
-                }
-                /* Offset outline box behind image */
-                .about-events-grid-overlay::before {
-                    content: '';
-                    position: absolute;
-                    top: 5%;
-                    left: 5%;
-                    width: 85%;
-                    height: 85%;
-                    border: 2px solid #d4a14a;
-                    border-radius: 16px;
-                    z-index: 0;
-                }
-                .about-events-image-wrapper {
-                    position: absolute;
-                    border-radius: 16px;
-                    box-shadow: 0 15px 40px rgba(11, 34, 62, 0.12);
-                    overflow: hidden;
-                    border: 6px solid white;
-                    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
-                }
-                .about-events-image-wrapper img {
-                    width: 100%;
-                    height: 100%;
-                    object-fit: cover;
-                }
-                .about-events-main-image {
-                    width: 62%;
-                    height: 75%;
-                    left: 0;
-                    top: 0;
-                    z-index: 2;
-                }
-                .about-events-secondary-image {
-                    width: 58%;
-                    height: 60%;
-                    right: 0;
-                    bottom: 5%;
-                    z-index: 1;
-                }
-                .about-events-image-wrapper:hover {
-                    transform: scale(1.04) translateY(-5px);
-                    z-index: 5 !important;
-                    border-color: #d4a14a;
-                }
-                
-                /* Spinning SVG Experience Badge */
-                .about-events-exp-badge {
-                    position: absolute;
-                    bottom: 22%;
-                    right: 38%;
-                    z-index: 3;
-                    background: #0b223e;
-                    color: white;
-                    border-radius: 50%;
-                    width: 135px;
-                    height: 135px;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    border: 3.5px solid #d4a14a;
-                    box-shadow: 0 12px 30px rgba(212, 161, 74, 0.35);
-                    transition: all 0.3s ease;
-                }
-                .about-events-exp-badge:hover {
-                    transform: scale(1.08);
-                }
-                .about-events-badge-inner {
-                    position: relative;
-                    width: 100%;
-                    height: 100%;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                }
-                .about-events-badge-text {
-                    text-align: center;
-                    z-index: 2;
-                    position: absolute;
-                }
-                .about-events-badge-number {
-                    font-family: 'Outfit', sans-serif;
-                    font-size: 2.2rem;
-                    font-weight: 800;
-                    color: #d4a14a;
-                    display: block;
-                    line-height: 1;
-                }
-                .about-events-badge-label {
-                    font-size: 0.65rem;
-                    text-transform: uppercase;
-                    letter-spacing: 0.5px;
-                    display: block;
-                    margin-top: 2px;
-                    color: rgba(255, 255, 255, 0.8);
-                }
-                .about-events-badge-circle {
-                    position: absolute;
-                    width: 100%;
-                    height: 100%;
-                    animation: spinSlow 20s linear infinite;
-                    pointer-events: none;
-                }
-                .about-events-rotating-text {
-                    fill: white;
-                    font-size: 8px;
-                    letter-spacing: 1.8px;
-                    font-weight: 600;
-                    text-transform: uppercase;
-                }
-
-                @keyframes spinSlow {
-                    from { transform: rotate(0deg); }
-                    to { transform: rotate(360deg); }
-                }
-
-                /* Section 2 Details Grid */
-                .about-details-section {
-                    background-color: white;
-                }
-                .about-details-architectural-grid {
-                    position: relative;
-                    height: 550px;
-                }
-                .about-details-architectural-grid::before {
-                    content: '';
-                    position: absolute;
-                    top: 10%;
-                    right: 10%;
-                    width: 80%;
-                    height: 80%;
-                    border: 2px dashed rgba(212, 161, 74, 0.3);
-                    border-radius: 16px;
-                    z-index: 0;
-                }
-                .about-details-image-box {
-                    position: absolute;
-                    border-radius: 16px;
-                    overflow: hidden;
-                    box-shadow: 0 15px 35px rgba(11, 34, 62, 0.08);
-                    border: 6px solid white;
-                    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
-                }
-                .about-details-image-box img {
-                    width: 100%;
-                    height: 100%;
-                    object-fit: cover;
-                }
-                .about-details-portrait-box {
-                    width: 50%;
-                    height: 70%;
-                    left: 0;
-                    top: 5%;
-                    z-index: 1;
-                }
-                .about-details-landscape-box {
-                    width: 55%;
-                    height: 50%;
-                    right: 0;
-                    top: 0;
-                    z-index: 2;
-                }
-                .about-details-detail-box {
-                    width: 45%;
-                    height: 45%;
-                    right: 15%;
-                    bottom: 5%;
-                    z-index: 3;
-                }
-                .about-details-image-box:hover {
-                    transform: scale(1.05) translateY(-5px);
-                    z-index: 10 !important;
-                    border-color: #d4a14a;
-                }
-                .about-details-mini-badge {
-                    position: absolute;
-                    bottom: 10px;
-                    right: 10px;
-                    width: 75px;
-                    height: 75px;
-                    background: rgba(11, 34, 62, 0.95);
-                    border-radius: 50%;
-                    border: 1.5px solid #d4a14a;
-                    animation: spinSlow 15s linear infinite reverse;
-                }
-
-                /* CTA Section with Parallax Background */
-                .about-cta-section {
-                    position: relative;
-                    padding: 140px 0;
-                    background: linear-gradient(rgba(11, 34, 62, 0.65), rgba(11, 34, 62, 0.95)), 
-                                url('https://images.unsplash.com/photo-1519225495810-7517c2965a7d?q=80&amp;w=1920') no-repeat center center;
-                    background-size: cover;
-                    background-attachment: fixed;
-                    color: white;
-                    text-align: center;
-                }
-                .about-cta-brand {
-                    font-family: 'Playball', cursive !important;
-                    font-size: 2.5rem;
-                    color: #d4a14a;
-                    display: block;
-                    margin-bottom: 15px;
-                }
-                .about-cta-title {
-                    font-size: 2.8rem;
-                    font-weight: 800;
-                    color: white !important;
-                    line-height: 1.3;
-                    margin-bottom: 35px;
-                    text-shadow: 0 4px 15px rgba(0,0,0,0.4);
-                }
-            </style>
-
-            <div class="about-wrap oe_structure oe_empty">
-                <!-- Page Banner -->
-                <section class="about-banner">
-                    <div class="about-banner-content">
-                        <h1 class="about-banner-title">About Us</h1>
-                        <nav class="about-banner-breadcrumbs">
-                            <span><a href="/">Home</a></span>
-                            <span><span> » </span><span class="text-white">About</span></span>
-                        </nav>
-                    </div>
-                </section>
-
-                <!-- Section 1: About Events -->
-                <section class="about-events-section section-padding">
-                    <div class="container">
-                        <div class="row align-items-center">
-                            <!-- Left: Collage of images -->
-                            <div class="col-lg-6 mb-5 mb-lg-0">
-                                <div class="about-events-grid-overlay">
-                                    <div class="about-events-image-wrapper about-events-main-image">
-                                        <img src="https://events.aakritidesign.com/assets/about/section1/section-1-left.webp" alt="About Section Image Left"/>
-                                    </div>
-                                    <div class="about-events-image-wrapper about-events-secondary-image">
-                                        <img src="https://events.aakritidesign.com/assets/about/section1/section-1-right.webp" alt="About Section Image Right"/>
-                                    </div>
-                                    <div class="about-events-exp-badge">
-                                        <div class="about-events-badge-inner">
-                                            <div class="about-events-badge-text">
-                                                <span class="about-events-badge-number">12+</span>
-                                                <span class="about-events-badge-label">Years</span>
-                                            </div>
-                                            <div class="about-events-badge-circle">
-                                                <svg viewBox="0 0 100 100">
-                                                    <path id="badgePath" d="M 50, 50 m -37, 0 a 37,37 0 1,1 74,0 a 37,37 0 1,1 -74,0" fill="transparent"></path>
-                                                    <text class="about-events-rotating-text">
-                                                        <textPath href="#badgePath">AAKRITI DESIGN • EVENTS • LUXURY •</textPath>
-                                                    </text>
-                                                </svg>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
+            <div id="wrap" class="oe_structure oe_empty tailwind-wrapper bg-cream" style="background-color: #fcf6e9;">
+                <main class="flex-1">
+                    <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 Parul - Vastu Consultant</h1>
+                            <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 was founded on a simple belief - that the spaces we inhabit shape how we feel, work, rest, and grow.</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>
-                            
-                            <!-- Right: Content -->
-                            <div class="col-lg-6 ps-lg-5">
-                                <span class="section-subtitle">About Us</span>
-                                <h2 class="section-heading">Events Made With Purpose</h2>
-                                <p class="lead font-weight-bold text-brand-plum mb-4" style="line-height: 1.6; font-size: 1.2rem;">
-                                    Custom event decor and wedding design created with meaning, intention, and cultural understanding.
-                                </p>
-                                <p class="text-muted mb-4" style="line-height: 1.8; font-size: 0.98rem;">
-                                    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="text-muted mb-0" style="line-height: 1.8; font-size: 0.98rem;">
-                                    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>
+                            <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>
                             </div>
                         </div>
-                    </div>
-                </section>
-
-                <!-- Section 2: About Details & architectural grid -->
-                <section class="about-details-section section-padding border-top border-bottom">
-                    <div class="container">
-                        <div class="row align-items-center">
-                            <!-- Left: Text content -->
-                            <div class="col-lg-6 mb-5 mb-lg-0 order-2 order-lg-1">
-                                <p class="text-muted mb-4" style="line-height: 1.8; font-size: 0.98rem;">
-                                    We are known for our work in custom and fusion event decor, blending tradition with modern design in a way that feels seamless and intentional. Each event is designed from the ground up, never using generic templates or one size fits all solutions.
-                                </p>
-                                <p class="text-muted mb-4" style="line-height: 1.8; font-size: 0.98rem;">
-                                    With years of experience and a highly personalized approach, we design and execute weddings that feel effortlessly elegant and beautifully considered. Our process is structured to support you at every step, allowing you to enjoy a smooth and stress free planning and decor experience.
-                                </p>
-                                <p class="text-muted mb-4" style="line-height: 1.8; font-size: 0.98rem;">
-                                    With years of hands-on experience, we understand not only how events should look, but how they function in real time. This allows us to create decor that is beautiful, practical, and well executed.
-                                </p>
-                                <p class="text-muted mb-0" style="line-height: 1.8; font-size: 0.98rem;">
-                                    The result is event design that feels thoughtful, balanced, and meaningful. Spaces that look elegant, function effortlessly, and leave a lasting impression.
-                                </p>
-                            </div>
-                            
-                            <!-- Right: Architectural Image Grid -->
-                            <div class="col-lg-6 order-1 order-lg-2 mb-5 mb-lg-0">
-                                <div class="about-details-architectural-grid">
-                                    <div class="about-details-image-box about-details-portrait-box">
-                                        <img src="https://events.aakritidesign.com/assets/about/section2/section-2-left.webp" alt="Portrait Image Detail"/>
-                                    </div>
-                                    <div class="about-details-image-box about-details-landscape-box">
-                                        <img src="https://events.aakritidesign.com/assets/about/section2/section-2-right.webp" alt="Landscape Image Detail"/>
-                                    </div>
-                                    <div class="about-details-image-box about-details-detail-box">
-                                        <img src="https://events.aakritidesign.com/assets/about/section2/section-2-centre.webp" alt="Center Detail Image"/>
-                                        <div class="about-details-mini-badge d-flex align-items-center justify-content-center">
-                                            <svg viewBox="0 0 100 100" style="width: 100%; height: 100%;">
-                                                <path id="miniPath" d="M 50, 50 m -40, 0 a 40,40 0 1,1 80,0 a 40,40 0 1,1 -80,0" fill="transparent"></path>
-                                                <text fill="white" font-size="7.5px" letter-spacing="1px" font-weight="600">
-                                                    <textPath href="#miniPath">CURATED • DESIGN • EXCELLENCE •</textPath>
-                                                </text>
-                                            </svg>
-                                        </div>
-                                    </div>
-                                </div>
-                            </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/vastu-poster.png"/>
                         </div>
-                    </div>
-                </section>
+                    </section>
+                </main>
+            </div>
+        </xpath>
+    </template>
 
-                <!-- Section 3: Parallax Call-to-Action -->
-                <section class="about-cta-section">
-                    <div class="container">
-                        <span class="about-cta-brand">Aakrithi Design</span>
-                        <h2 class="about-cta-title">Bring Authentic Turkish Flavour To<br/>Your Event - Contact Us Today.</h2>
-                        <a href="/rental/request" class="btn btn-premium-primary px-5 py-3">Get In Touch</a>
+    <!-- Inherit and Override Contact Us page -->
+    <template id="theme_aakriti_events_contactus" inherit_id="website.contactus" active="True">
+        <xpath expr="//div[@id='wrap']" position="replace">
+            <div id="wrap" class="oe_structure oe_empty tailwind-wrapper bg-cream" style="background-color: #fcf6e9; min-height: 80vh; display: flex; align-items: center; justify-content: center;">
+                <main class="flex-1 flex flex-col items-center justify-center py-24 px-6 text-center w-full">
+                    <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: 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 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;">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6"><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>
+                        <style> .contact-email:hover { color: #d4a14a !important; } </style><a href="mailto:info@aakritidesign.com" class="contact-email transition-colors text-xl" style="color: #0b223e; text-decoration: none;">info@aakritidesign.com</a>
                     </div>
-                </section>
+                </main>
             </div>
         </xpath>
     </template>
 </odoo>
 
+