diff --git a/addons/theme_aakriti_events/static/src/img/logo.png b/addons/theme_aakriti_events/static/src/img/logo.png
new file mode 100644
index 0000000..ecc1732
Binary files /dev/null and b/addons/theme_aakriti_events/static/src/img/logo.png differ
diff --git a/addons/theme_aakriti_events/views/portal_templates.xml b/addons/theme_aakriti_events/views/portal_templates.xml
index a0dc896..c8c5198 100644
--- a/addons/theme_aakriti_events/views/portal_templates.xml
+++ b/addons/theme_aakriti_events/views/portal_templates.xml
@@ -17,7 +17,7 @@
                     <tbody>
                         <tr t-foreach="requests" t-as="req">
                             <td>
-                                <a t-att-href="'/my/rentals/%s' % req.id" t-out="req.name" class="font-weight-bold" style="color: #714B67;"/>
+                                <a t-att-href="'/my/rentals/%s' % req.id" t-out="req.name" class="font-weight-bold" style="color: #0b223e;"/>
                             </td>
                             <td><span t-field="req.event_date"/></td>
                             <td><span t-field="req.event_type"/></td>
@@ -50,7 +50,7 @@
                 <div class="col-lg-8 mb-4">
                     <div class="card border-0 shadow-sm p-4" style="border-radius: 12px; background: white;">
                         <div class="d-flex justify-content-between align-items-center mb-4 pb-3 border-bottom">
-                            <h3 class="font-weight-bold mb-0" style="color: #714B67;">
+                            <h3 class="font-weight-bold mb-0" style="color: #0b223e;">
                                 Request <t t-out="rental_request.name"/>
                             </h3>
                             <span class="h5 mb-0">
@@ -90,7 +90,7 @@
                         </div>
 
                         <!-- Products lines -->
-                        <h5 class="font-weight-bold mb-3 mt-4" style="color: #714B67;">Requested Products</h5>
+                        <h5 class="font-weight-bold mb-3 mt-4" style="color: #0b223e;">Requested Products</h5>
                         <div class="table-responsive">
                             <table class="table mb-0" style="font-size: 0.9rem;">
                                 <thead class="bg-light">
@@ -122,7 +122,7 @@
                 <div class="col-lg-4">
                     <!-- Pricing Card -->
                     <div class="card border-0 shadow-sm p-4 mb-4" style="border-radius: 12px; background: white;">
-                        <h5 class="font-weight-bold mb-3" style="color: #714B67;">Billing Details</h5>
+                        <h5 class="font-weight-bold mb-3" style="color: #0b223e;">Billing Details</h5>
                         <div class="d-flex justify-content-between mb-2" style="font-size: 0.9rem;">
                             <span class="text-muted">Rental Total:</span>
                             <span>
@@ -140,12 +140,12 @@
                         <hr class="my-2"/>
                         <div class="d-flex justify-content-between mb-3">
                             <strong>Grand Total:</strong>
-                            <strong class="h5 font-weight-bold mb-0" style="color: #714B67;">
+                            <strong class="h5 font-weight-bold mb-0" style="color: #0b223e;">
                                 <span t-field="rental_request.amount_total" t-options="{'widget': 'monetary', 'display_currency': res_company.currency_id}"/>
                             </strong>
                         </div>
                         <div t-if="rental_request.sale_order_id" class="pt-2">
-                            <a t-att-href="rental_request.sale_order_id.get_portal_url()" class="btn btn-outline-primary btn-block py-2 font-weight-bold" style="border-radius: 30px; border-color: #714B67; color: #714B67; font-size: 0.85rem;">
+                            <a t-att-href="rental_request.sale_order_id.get_portal_url()" class="btn btn-outline-primary btn-block py-2 font-weight-bold" style="border-radius: 30px; border-color: #0b223e; color: #0b223e; font-size: 0.85rem;">
                                 View Original Sales Quotation
                             </a>
                         </div>
@@ -153,7 +153,7 @@
 
                     <!-- Documents status -->
                     <div class="card border-0 shadow-sm p-4 mb-4" style="border-radius: 12px; background: white;">
-                        <h5 class="font-weight-bold mb-3" style="color: #714B67;">Document Status</h5>
+                        <h5 class="font-weight-bold mb-3" style="color: #0b223e;">Document Status</h5>
                         <t t-foreach="rental_request.document_ids" t-as="doc">
                             <div class="d-flex align-items-center justify-content-between p-2 mb-2 bg-light" style="border-radius: 8px; font-size: 0.85rem;">
                                 <div>
@@ -170,7 +170,7 @@
 
                     <!-- Delivery logistics -->
                     <div class="card border-0 shadow-sm p-4" style="border-radius: 12px; background: white;" t-if="rental_request.status in ('confirmed', 'delivered', 'returned', 'completed')">
-                        <h5 class="font-weight-bold mb-3" style="color: #714B67;">Logistics Tracking</h5>
+                        <h5 class="font-weight-bold mb-3" style="color: #0b223e;">Logistics Tracking</h5>
                         <div style="font-size: 0.9rem;">
                             <p class="mb-2"><strong>Delivery:</strong> 
                                 <span t-if="rental_request.delivery_status == 'pending'" class="badge badge-warning">Pending Delivery</span>
diff --git a/addons/theme_aakriti_events/views/website_templates.xml b/addons/theme_aakriti_events/views/website_templates.xml
index 01208c1..1147469 100644
--- a/addons/theme_aakriti_events/views/website_templates.xml
+++ b/addons/theme_aakriti_events/views/website_templates.xml
@@ -1,5 +1,14 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
+    <!-- Create the About Us website page record -->
+    <record id="aboutus_page" model="website.page">
+        <field name="name">About Us</field>
+        <field name="url">/aboutus</field>
+        <field name="is_published">True</field>
+        <field name="view_id" ref="website.aboutus"/>
+        <field name="track">True</field>
+    </record>
+
     <!-- 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">
@@ -15,30 +24,30 @@
                 h1, h2, h3, h4, h5, h6, .display-4, .display-3 {
                     font-family: 'Outfit', sans-serif !important;
                     font-weight: 600;
-                    color: #1A1519;
+                    color: #0f172a;
                 }
 
                 /* Signature Accent Font */
                 .aakriti-cursive {
                     font-family: 'Playball', cursive !important;
-                    color: #C5A880 !important;
+                    color: #d4a14a !important;
                     font-size: 2.2rem;
                     line-height: 1;
                 }
 
                 /* Brand colors */
                 .text-brand-plum {
-                    color: #714B67 !important;
+                    color: #0b223e !important;
                 }
                 .bg-brand-plum {
-                    background-color: #714B67 !important;
+                    background-color: #0b223e !important;
                     color: #ffffff !important;
                 }
                 .text-brand-gold {
-                    color: #C5A880 !important;
+                    color: #d4a14a !important;
                 }
                 .bg-brand-gold {
-                    background-color: #C5A880 !important;
+                    background-color: #d4a14a !important;
                     color: #ffffff !important;
                 }
 
@@ -61,7 +70,7 @@
 
                 .aakriti-hero p {
                     font-weight: 300;
-                    color: #F3EFF2;
+                    color: #e2e8f0;
                     max-width: 700px;
                     margin: 15px auto 0;
                     font-size: 1.1rem;
@@ -80,9 +89,9 @@
                     font-size: 1.1rem;
                     font-weight: 700;
                     letter-spacing: 0.5px;
-                    border-bottom: 2px solid #F3EFF2;
+                    border-bottom: 2px solid #e2e8f0;
                     padding-bottom: 15px;
-                    color: #714B67;
+                    color: #0b223e;
                 }
 
                 .list-group-item {
@@ -95,13 +104,13 @@
                 }
 
                 .list-group-item:hover {
-                    background-color: #FAF4F8 !important;
-                    color: #714B67 !important;
+                    background-color: #eef2f7 !important;
+                    color: #0b223e !important;
                     transform: translateX(3px);
                 }
 
                 .list-group-item.active-category {
-                    background-color: #714B67 !important;
+                    background-color: #0b223e !important;
                     color: #ffffff !important;
                     font-weight: 600;
                 }
@@ -117,13 +126,13 @@
                 }
 
                 .search-input:focus {
-                    border-color: #714B67 !important;
+                    border-color: #0b223e !important;
                     box-shadow: 0 4px 15px rgba(113, 75, 103, 0.1) !important;
                 }
 
                 .search-btn {
                     border-radius: 30px !important;
-                    background-color: #714B67 !important;
+                    background-color: #0b223e !important;
                     border: none !important;
                     padding: 12px 28px !important;
                     font-weight: 600;
@@ -132,7 +141,7 @@
                 }
 
                 .search-btn:hover {
-                    background-color: #59294C !important;
+                    background-color: #061528 !important;
                     transform: translateY(-1px);
                     box-shadow: 0 4px 12px rgba(113, 75, 103, 0.3) !important;
                 }
@@ -150,14 +159,14 @@
                 .premium-card:hover {
                     transform: translateY(-8px);
                     box-shadow: 0 12px 30px rgba(113, 75, 103, 0.08);
-                    border-color: #C5A880;
+                    border-color: #d4a14a;
                 }
 
                 .img-container {
                     position: relative;
                     height: 220px;
                     overflow: hidden;
-                    background-color: #F8F5F7;
+                    background-color: #f1f5f9;
                 }
 
                 .img-container img {
@@ -174,7 +183,7 @@
                 .card-price {
                     font-size: 1.25rem;
                     font-weight: 700;
-                    color: #C5A880; /* Champagne Gold color */
+                    color: #d4a14a; /* Champagne Gold color */
                 }
 
                 .card-action-btn {
@@ -183,14 +192,14 @@
                     font-weight: 600;
                     text-transform: uppercase;
                     letter-spacing: 0.5px;
-                    border: 1.5px solid #714B67;
-                    color: #714B67;
+                    border: 1.5px solid #0b223e;
+                    color: #0b223e;
                     background: transparent;
                     transition: all 0.2s ease;
                 }
 
                 .card-action-btn:hover {
-                    background-color: #714B67 !important;
+                    background-color: #0b223e !important;
                     color: white !important;
                 }
             </style>
@@ -296,16 +305,16 @@
                 h1, h2, h3, h4, h5, h6 {
                     font-family: 'Outfit', sans-serif !important;
                     font-weight: 700;
-                    color: #1A1519;
+                    color: #0f172a;
                 }
 
                 .aakriti-cursive {
                     font-family: 'Playball', cursive !important;
-                    color: #C5A880 !important;
+                    color: #d4a14a !important;
                 }
 
                 .breadcrumb-link {
-                    color: #714B67;
+                    color: #0b223e;
                     font-weight: 500;
                 }
 
@@ -319,12 +328,12 @@
                 .detail-price {
                     font-size: 2.5rem;
                     font-weight: 800;
-                    color: #714B67;
+                    color: #0b223e;
                 }
 
                 .detail-action-btn {
                     border-radius: 30px !important;
-                    background-color: #714B67 !important;
+                    background-color: #0b223e !important;
                     border: none !important;
                     padding: 16px 24px !important;
                     font-weight: 700;
@@ -334,16 +343,16 @@
                 }
 
                 .detail-action-btn:hover {
-                    background-color: #59294C !important;
+                    background-color: #061528 !important;
                     transform: translateY(-2px);
                     box-shadow: 0 6px 18px rgba(113, 75, 103, 0.3) !important;
                 }
 
                 .terms-title {
                     font-size: 1.4rem;
-                    border-left: 4px solid #C5A880;
+                    border-left: 4px solid #d4a14a;
                     padding-left: 12px;
-                    color: #714B67;
+                    color: #0b223e;
                 }
             </style>
 
@@ -353,7 +362,7 @@
                         <!-- Product Gallery -->
                         <div class="col-md-6 mb-4">
                             <div class="detail-card p-3">
-                                <div style="height: 450px; overflow: hidden; border-radius: 10px; background-color: #F8F5F7;">
+                                <div style="height: 450px; overflow: hidden; border-radius: 10px; background-color: #f1f5f9;">
                                     <img t-if="product.image_1920" t-att-src="image_data_uri(product.image_1920)" class="w-100 h-100" style="object-fit: cover;"/>
                                     <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-5x"></i>
@@ -388,7 +397,7 @@
                                     <span class="text-muted ml-2 font-weight-normal lead" style="font-size: 1.15rem;">/ Day</span>
                                 </div>
 
-                                <h5 class="font-weight-bold mb-2" style="font-size: 1rem; text-transform: uppercase; letter-spacing: 0.5px; color: #714B67;">Product Description</h5>
+                                <h5 class="font-weight-bold mb-2" style="font-size: 1rem; text-transform: uppercase; letter-spacing: 0.5px; color: #0b223e;">Product Description</h5>
                                 <p class="text-muted mb-5" style="line-height: 1.6; font-size: 0.95rem;" t-field="product.description_sale"/>
 
                                 <div class="mt-auto">
@@ -427,12 +436,12 @@
                 h2, h4, h5 {
                     font-family: 'Outfit', sans-serif !important;
                     font-weight: 700;
-                    color: #1A1519;
+                    color: #0f172a;
                 }
 
                 .aakriti-cursive {
                     font-family: 'Playball', cursive !important;
-                    color: #C5A880 !important;
+                    color: #d4a14a !important;
                 }
 
                 .form-container {
@@ -443,8 +452,8 @@
                 }
 
                 .section-header {
-                    color: #714B67;
-                    border-left: 4px solid #C5A880;
+                    color: #0b223e;
+                    border-left: 4px solid #d4a14a;
                     padding-left: 12px;
                     font-size: 1.15rem;
                     font-weight: 700;
@@ -461,20 +470,20 @@
                 }
 
                 .form-control:focus {
-                    border-color: #714B67 !important;
+                    border-color: #0b223e !important;
                     box-shadow: 0 0 0 3px rgba(113, 75, 103, 0.1) !important;
                 }
 
                 .form-group label {
                     font-weight: 600;
-                    color: #4A3E48;
+                    color: #334155;
                     font-size: 0.9rem;
                     margin-bottom: 6px;
                 }
 
                 .submit-btn {
                     border-radius: 30px !important;
-                    background-color: #714B67 !important;
+                    background-color: #0b223e !important;
                     border: none !important;
                     padding: 16px 24px !important;
                     font-weight: 700;
@@ -484,13 +493,13 @@
                 }
 
                 .submit-btn:hover {
-                    background-color: #59294C !important;
+                    background-color: #061528 !important;
                     transform: translateY(-2px);
                     box-shadow: 0 6px 18px rgba(113, 75, 103, 0.3) !important;
                 }
 
                 .upload-box {
-                    border: 2px dashed #C5A880;
+                    border: 2px dashed #d4a14a;
                     padding: 20px;
                     border-radius: 12px;
                     background: #FAF8F5;
@@ -543,7 +552,7 @@
                                 <textarea name="customer_address" id="customer_address" rows="2" class="form-control" placeholder="Provide complete delivery address..."><t t-out="post.get('customer_address', '')"/></textarea>
                             </div>
 
-                            <hr class="my-4" style="border-top: 1px solid #FAF4F8;"/>
+                            <hr class="my-4" style="border-top: 1px solid #eef2f7;"/>
 
                             <!-- Event Details -->
                             <h5 class="section-header mb-4">2. Event &amp; Schedule Details</h5>
@@ -576,7 +585,7 @@
                                 </div>
                             </div>
 
-                            <hr class="my-4" style="border-top: 1px solid #FAF4F8;"/>
+                            <hr class="my-4" style="border-top: 1px solid #eef2f7;"/>
 
                             <!-- Product Details -->
                             <h5 class="section-header mb-4">3. Rental Item Selected</h5>
@@ -597,7 +606,7 @@
                                 </div>
                             </div>
 
-                            <hr class="my-4" style="border-top: 1px solid #FAF4F8;"/>
+                            <hr class="my-4" style="border-top: 1px solid #eef2f7;"/>
 
                             <!-- Document Upload -->
                             <h5 class="section-header mb-4">4. Document Verification</h5>
@@ -656,14 +665,14 @@
 
                 .reference-badge {
                     padding: 12px 20px;
-                    background-color: #FAF4F8;
+                    background-color: #eef2f7;
                     border-radius: 30px;
                     display: inline-block;
-                    border: 1px dashed #C5A880;
+                    border: 1px dashed #d4a14a;
                 }
 
                 .success-icon {
-                    color: #C5A880;
+                    color: #d4a14a;
                 }
             </style>
 
@@ -698,29 +707,69 @@
                 .aakriti-home-wrap {
                     background-color: #FAF8F5 !important;
                     font-family: 'Inter', sans-serif !important;
-                    color: #1A1519;
+                    color: #0f172a;
+                    overflow-x: hidden;
                 }
                 
                 .aakriti-cursive {
                     font-family: 'Playball', cursive !important;
-                    color: #C5A880 !important;
+                    color: #d4a14a !important;
                     font-size: 2.2rem;
                 }
 
                 h1, h2, h3, h4, h5, h6 {
                     font-family: 'Outfit', sans-serif !important;
-                    color: #1A1519;
+                    color: #0b223e;
+                    font-weight: 700;
                 }
                 
-                .text-brand-plum { color: #714B67 !important; }
-                .text-brand-gold { color: #C5A880 !important; }
-                .bg-brand-plum { background-color: #714B67 !important; color: white !important; }
-                .bg-brand-gold { background-color: #C5A880 !important; color: white !important; }
+                .text-brand-plum { color: #0b223e !important; }
+                .text-brand-gold { color: #d4a14a !important; }
+                .bg-brand-plum { background-color: #0b223e !important; color: white !important; }
+                .bg-brand-gold { background-color: #d4a14a !important; color: white !important; }
+
+                /* CSS Animations */
+                @keyframes fadeInUp {
+                    from {
+                        opacity: 0;
+                        transform: translateY(40px);
+                    }
+                    to {
+                        opacity: 1;
+                        transform: translateY(0);
+                    }
+                }
+                @keyframes spinSlow {
+                    from { transform: rotate(0deg); }
+                    to { transform: rotate(360deg); }
+                }
+                @keyframes pulseGold {
+                    0%, 100% {
+                        box-shadow: 0 15px 40px rgba(212, 161, 74, 0.25);
+                    }
+                    50% {
+                        box-shadow: 0 15px 60px rgba(212, 161, 74, 0.5);
+                    }
+                }
+                @keyframes floatSlow {
+                    0%, 100% { transform: translateY(0); }
+                    50% { transform: translateY(-10px); }
+                }
+
+                .animated-fade-in {
+                    animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+                    opacity: 0;
+                }
+                .delay-100 { animation-delay: 100ms; }
+                .delay-200 { animation-delay: 200ms; }
+                .delay-300 { animation-delay: 300ms; }
+                .delay-400 { animation-delay: 400ms; }
+                .delay-500 { animation-delay: 500ms; }
 
                 /* Hero Carousel Styles */
                 .carousel-item {
-                    height: 90vh;
-                    min-height: 550px;
+                    height: 95vh;
+                    min-height: 650px;
                     background-size: cover;
                     background-position: center;
                     background-repeat: no-repeat;
@@ -731,72 +780,79 @@
                     left: 0;
                     right: 0;
                     bottom: 0;
-                    background: linear-gradient(rgba(113, 75, 103, 0.4), rgba(26, 21, 25, 0.85));
+                    background: linear-gradient(to bottom, rgba(11, 34, 62, 0.45) 30%, rgba(11, 34, 62, 0.85) 100%);
                 }
                 .carousel-caption-custom {
                     position: absolute;
-                    top: 55%;
+                    top: 50%;
                     transform: translateY(-50%);
                     left: 8%;
                     right: 8%;
                     text-align: left;
                     color: white;
-                    max-width: 800px;
+                    max-width: 850px;
                     z-index: 10;
                 }
                 .carousel-pretitle {
-                    font-size: 0.95rem;
-                    letter-spacing: 4px;
+                    font-size: 1.1rem;
+                    letter-spacing: 6px;
                     font-weight: 700;
-                    color: #C5A880;
-                    margin-bottom: 15px;
+                    color: #d4a14a;
+                    margin-bottom: 20px;
                     display: block;
                     text-transform: uppercase;
+                    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
                 }
                 .carousel-title {
-                    font-size: 3.5rem;
+                    font-size: 4.25rem;
                     font-weight: 800;
                     color: white !important;
                     line-height: 1.15;
-                    margin-bottom: 20px;
+                    margin-bottom: 25px;
+                    text-shadow: 0 4px 20px rgba(0,0,0,0.6);
+                }
+                .carousel-title span {
+                    color: #d4a14a !important;
                 }
                 .carousel-text {
-                    font-size: 1.15rem;
+                    font-size: 1.3rem;
                     font-weight: 300;
-                    line-height: 1.6;
-                    color: #F3EFF2;
-                    margin-bottom: 35px;
+                    line-height: 1.8;
+                    color: #f8fafc;
+                    margin-bottom: 45px;
+                    text-shadow: 0 2px 8px rgba(0,0,0,0.4);
                 }
                 
                 /* Buttons */
                 .btn-premium-primary {
-                    background-color: #714B67 !important;
-                    border: 1px solid #714B67 !important;
+                    background-color: #0b223e !important;
+                    border: 2px solid #d4a14a !important;
                     color: white !important;
                     font-weight: 700;
-                    letter-spacing: 1px;
-                    padding: 14px 28px;
+                    letter-spacing: 2px;
+                    padding: 16px 36px;
                     border-radius: 30px;
-                    transition: all 0.3s ease;
+                    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
                     text-transform: uppercase;
                     font-size: 0.85rem;
                     display: inline-block;
                     text-decoration: none;
                 }
                 .btn-premium-primary:hover {
-                    background-color: #59294C !important;
-                    transform: translateY(-2px);
-                    box-shadow: 0 5px 15px rgba(113, 75, 103, 0.4);
+                    background-color: #d4a14a !important;
+                    color: #0b223e !important;
+                    transform: translateY(-4px);
+                    box-shadow: 0 12px 30px rgba(212, 161, 74, 0.4);
                 }
                 .btn-premium-secondary {
                     background-color: transparent !important;
                     border: 2px solid white !important;
                     color: white !important;
                     font-weight: 700;
-                    letter-spacing: 1px;
-                    padding: 12px 28px;
+                    letter-spacing: 2px;
+                    padding: 14px 36px;
                     border-radius: 30px;
-                    transition: all 0.3s ease;
+                    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
                     text-transform: uppercase;
                     font-size: 0.85rem;
                     margin-left: 15px;
@@ -804,30 +860,70 @@
                     text-decoration: none;
                 }
                 .btn-premium-secondary:hover {
-                    background-color: white !important;
-                    color: #1A1519 !important;
-                    transform: translateY(-2px);
+                    background-color: #d4a14a !important;
+                    border-color: #d4a14a !important;
+                    color: #0b223e !important;
+                    transform: translateY(-4px);
+                    box-shadow: 0 12px 30px rgba(212, 161, 74, 0.4);
                     text-decoration: none;
                 }
 
                 /* Section Styles */
                 .section-padding {
-                    padding: 90px 0;
+                    padding: 120px 0;
                 }
                 .section-subtitle {
-                    font-size: 0.9rem;
+                    font-size: 0.95rem;
                     text-transform: uppercase;
-                    letter-spacing: 3px;
+                    letter-spacing: 5px;
                     font-weight: 700;
-                    color: #C5A880;
-                    margin-bottom: 10px;
+                    color: #d4a14a;
+                    margin-bottom: 15px;
                     display: block;
                 }
                 .section-title {
-                    font-size: 2.5rem;
-                    font-weight: 700;
-                    margin-bottom: 25px;
-                    color: #714B67;
+                    font-size: 3rem;
+                    font-weight: 800;
+                    margin-bottom: 30px;
+                    color: #0b223e;
+                    position: relative;
+                    display: inline-block;
+                    padding-bottom: 20px;
+                }
+                .section-title::after {
+                    content: '';
+                    position: absolute;
+                    left: 0;
+                    bottom: 0;
+                    width: 80px;
+                    height: 4px;
+                    background-color: #d4a14a;
+                    border-radius: 2px;
+                }
+                .text-center .section-title::after {
+                    left: 50%;
+                    transform: translateX(-50%);
+                }
+
+                /* Luxury Divider */
+                .luxury-divider {
+                    display: flex;
+                    align-items: center;
+                    margin: 25px 0;
+                }
+                .luxury-divider::before, .luxury-divider::after {
+                    content: '';
+                    flex: 1;
+                    height: 1px;
+                    background: linear-gradient(90deg, transparent, rgba(212, 161, 74, 0.6), transparent);
+                }
+                .luxury-divider span {
+                    padding: 0 15px;
+                    font-size: 0.75rem;
+                    color: #d4a14a;
+                    letter-spacing: 4px;
+                    font-weight: 600;
+                    text-transform: uppercase;
                 }
                 
                 /* About Collage Grid */
@@ -835,12 +931,35 @@
                     position: relative;
                     height: 520px;
                 }
+                .about-collage::before {
+                    content: '';
+                    position: absolute;
+                    top: 3%;
+                    left: 3%;
+                    width: 94%;
+                    height: 94%;
+                    border: 2px solid #d4a14a;
+                    border-radius: 16px;
+                    z-index: 1;
+                    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
+                }
+                .about-collage:hover::before {
+                    transform: scale(1.03) rotate(1.5deg);
+                    border-color: #0b223e;
+                }
                 .collage-img {
                     position: absolute;
                     border-radius: 12px;
-                    box-shadow: 0 10px 30px rgba(113, 75, 103, 0.08);
+                    box-shadow: 0 15px 35px rgba(11, 34, 62, 0.12);
                     object-fit: cover;
-                    border: 4px solid white;
+                    border: 6px solid white;
+                    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
+                }
+                .collage-img:hover {
+                    transform: scale(1.06) translateY(-8px);
+                    z-index: 10 !important;
+                    border-color: #d4a14a;
+                    box-shadow: 0 25px 50px rgba(212, 161, 74, 0.25);
                 }
                 .collage-img-1 {
                     width: 60%;
@@ -866,141 +985,275 @@
                 
                 /* Strength Cards */
                 .strength-card {
-                    background: white;
-                    border: 1px solid #EAE5E8;
+                    background: rgba(255, 255, 255, 0.9);
+                    backdrop-filter: blur(10px);
+                    border: 1px solid rgba(212, 161, 74, 0.2) !important;
+                    border-top: 5px solid #d4a14a !important;
                     border-radius: 16px;
-                    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+                    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
                     overflow: hidden;
-                    box-shadow: 0 4px 20px rgba(113, 75, 103, 0.02);
+                    position: relative;
+                    box-shadow: 0 8px 30px rgba(11, 34, 62, 0.03);
                 }
                 .strength-card:hover {
-                    transform: translateY(-8px);
-                    box-shadow: 0 12px 30px rgba(113, 75, 103, 0.08);
-                    border-color: #C5A880;
+                    transform: translateY(-12px);
+                    box-shadow: 0 20px 45px rgba(11, 34, 62, 0.08), 0 0 20px rgba(212, 161, 74, 0.15);
+                    border-color: #d4a14a !important;
+                }
+                .strength-card-number {
+                    position: absolute;
+                    top: 15px;
+                    right: 20px;
+                    font-family: 'Playball', cursive !important;
+                    font-size: 2.5rem;
+                    color: rgba(212, 161, 74, 0.18);
+                    line-height: 1;
+                    transition: all 0.5s ease;
+                }
+                .strength-card:hover .strength-card-number {
+                    color: rgba(212, 161, 74, 0.45);
+                    transform: scale(1.1) translateY(-3px);
+                }
+                .strength-card img {
+                    transition: transform 0.6s ease;
+                }
+                .strength-card:hover img {
+                    transform: scale(1.05);
                 }
                 
                 /* Choose Us layout */
                 .choose-us-icon-box {
-                    background: #FAF4F8;
-                    width: 60px;
-                    height: 60px;
+                    background: #0b223e;
+                    width: 70px;
+                    height: 70px;
                     border-radius: 50%;
                     display: flex;
                     align-items: center;
                     justify-content: center;
                     margin-bottom: 20px;
-                    border: 2px solid #C5A880;
+                    border: 2px solid #d4a14a;
+                    box-shadow: 0 4px 15px rgba(11, 34, 62, 0.15);
+                    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
                 }
                 .choose-us-icon-box img {
                     width: 32px;
                     height: 32px;
+                    filter: brightness(0) invert(1);
+                    transition: transform 0.4s ease;
+                }
+                .d-flex:hover .choose-us-icon-box {
+                    transform: scale(1.15) rotate(15deg);
+                    background-color: #d4a14a;
+                    box-shadow: 0 8px 25px rgba(212, 161, 74, 0.35);
+                }
+                .d-flex:hover .choose-us-icon-box img {
+                    filter: brightness(0);
+                    transform: scale(1.1);
                 }
                 .choose-us-center-img-wrap {
                     position: relative;
-                    text-align: center;
+                    display: inline-block;
+                    padding: 25px;
                 }
                 .choose-us-center-img-wrap img {
-                    width: 290px;
-                    height: 290px;
+                    width: 300px;
+                    height: 300px;
                     border-radius: 50%;
                     object-fit: cover;
-                    border: 6px solid #C5A880;
-                    box-shadow: 0 10px 30px rgba(113, 75, 103, 0.1);
+                    border: 6px solid #d4a14a;
+                    position: relative;
+                    z-index: 2;
+                    box-shadow: 0 15px 40px rgba(11, 34, 62, 0.2);
+                    transition: all 0.5s ease;
+                    animation: pulseGold 6s infinite ease-in-out;
+                }
+                .choose-us-center-img-wrap:hover img {
+                    transform: scale(1.05);
+                    box-shadow: 0 20px 50px rgba(212, 161, 74, 0.4);
+                }
+                .choose-us-center-img-wrap::before {
+                    content: '';
+                    position: absolute;
+                    top: 10px;
+                    left: 10px;
+                    right: 10px;
+                    bottom: 10px;
+                    border-radius: 50%;
+                    border: 2px dashed rgba(212, 161, 74, 0.4);
+                    z-index: 1;
+                    animation: spinSlow 30s linear infinite;
+                    pointer-events: none;
+                }
+                .choose-us-center-img-wrap::after {
+                    content: '';
+                    position: absolute;
+                    top: -5px;
+                    left: -5px;
+                    right: -5px;
+                    bottom: -5px;
+                    border-radius: 50%;
+                    border: 1.5px solid rgba(212, 161, 74, 0.2);
+                    z-index: 0;
+                    animation: spinSlow 50s linear infinite reverse;
+                    pointer-events: none;
                 }
 
                 /* Service Cards */
                 .service-card {
                     background: white;
-                    border: 1px solid #EAE5E8;
+                    border: 1px solid #e2e8f0;
                     border-radius: 16px;
                     overflow: hidden;
-                    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-                    box-shadow: 0 4px 20px rgba(113, 75, 103, 0.02);
+                    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
+                    box-shadow: 0 8px 30px rgba(11, 34, 62, 0.02);
+                    position: relative;
                 }
                 .service-card:hover {
-                    transform: translateY(-8px);
-                    box-shadow: 0 12px 30px rgba(113, 75, 103, 0.08);
-                    border-color: #714B67;
+                    transform: translateY(-12px);
+                    box-shadow: 0 20px 45px rgba(11, 34, 62, 0.12);
+                    border-color: #d4a14a;
                 }
                 .service-img-container {
-                    height: 240px;
+                    height: 260px;
                     overflow: hidden;
                     position: relative;
-                    background-color: #F8F5F7;
+                    background-color: #f1f5f9;
                 }
                 .service-img-container img {
                     width: 100%;
                     height: 100%;
                     object-fit: cover;
-                    transition: transform 0.5s ease;
+                    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
                 }
                 .service-card:hover .service-img-container img {
-                    transform: scale(1.08);
+                    transform: scale(1.12);
+                }
+                .service-img-overlay {
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    width: 100%;
+                    height: 100%;
+                    background: linear-gradient(to bottom, rgba(11, 34, 62, 0) 30%, rgba(11, 34, 62, 0.7) 100%);
+                    opacity: 0.85;
+                    transition: opacity 0.5s ease;
+                }
+                .service-card:hover .service-img-overlay {
+                    opacity: 0.95;
+                    background: linear-gradient(to bottom, rgba(11, 34, 62, 0.1) 10%, rgba(11, 34, 62, 0.85) 100%);
                 }
                 .service-icon-badge {
                     position: absolute;
                     bottom: -20px;
-                    right: 20px;
-                    width: 50px;
-                    height: 50px;
-                    background: white;
+                    right: 24px;
+                    width: 55px;
+                    height: 55px;
+                    background: #0b223e;
                     border-radius: 50%;
                     display: flex;
                     align-items: center;
                     justify-content: center;
-                    box-shadow: 0 4px 10px rgba(0,0,0,0.06);
-                    border: 2px solid #C5A880;
+                    box-shadow: 0 4px 15px rgba(11, 34, 62, 0.3);
+                    border: 2.5px solid #d4a14a;
+                    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+                    z-index: 3;
                 }
                 .service-icon-badge img {
-                    width: 24px;
-                    height: 24px;
+                    width: 26px;
+                    height: 26px;
+                    filter: brightness(0) invert(1);
+                    transition: all 0.3s ease;
                 }
-                
-                /* Glassmorphism Inquiry Form */
-                .inquiry-card {
-                    background: #ffffff;
-                    border: 1px solid #EAE5E8;
-                    box-shadow: 0 10px 40px rgba(113, 75, 103, 0.04);
-                    border-radius: 20px;
+                .service-card:hover .service-icon-badge {
+                    background-color: #d4a14a;
+                    transform: scale(1.15) rotate(15deg);
+                }
+                .service-card:hover .service-icon-badge img {
+                    filter: brightness(0);
                 }
                 
                 /* FAQ Accordion */
                 .faq-accordion .accordion-item {
-                    border: 1px solid #EAE5E8;
-                    border-radius: 12px !important;
-                    margin-bottom: 15px;
+                    border: 1px solid rgba(11, 34, 62, 0.08);
+                    border-radius: 16px !important;
+                    margin-bottom: 20px;
                     overflow: hidden;
-                    box-shadow: 0 2px 10px rgba(0,0,0,0.01);
+                    background: white;
+                    box-shadow: 0 4px 15px rgba(0,0,0,0.01);
+                    transition: all 0.3s ease;
+                }
+                .faq-accordion .accordion-item:hover {
+                    box-shadow: 0 8px 25px rgba(11, 34, 62, 0.04);
+                    border-color: rgba(212, 161, 74, 0.3);
                 }
                 .faq-accordion .accordion-button {
                     font-family: 'Outfit', sans-serif;
-                    font-weight: 600;
-                    color: #714B67;
-                    padding: 18px 20px;
+                    font-weight: 700;
+                    color: #0b223e;
+                    padding: 24px;
+                    font-size: 1.05rem;
+                    transition: all 0.3s ease;
+                    border-left: 4px solid transparent;
                 }
                 .faq-accordion .accordion-button:not(.collapsed) {
-                    background-color: #FAF4F8;
-                    color: #714B67;
+                    background-color: #f8fafc;
+                    color: #0b223e;
                     box-shadow: none;
+                    border-left: 5px solid #d4a14a !important;
+                    font-weight: 800;
                 }
                 .faq-accordion .accordion-body {
-                    padding: 20px;
-                    line-height: 1.6;
-                    color: #5C555B;
+                    padding: 24px;
+                    line-height: 1.8;
+                    color: #475569;
+                    font-size: 0.95rem;
+                    background-color: #f8fafc;
+                    border-top: 1px solid rgba(11, 34, 62, 0.04);
                 }
                 
-                /* Testimonial slider */
-                .testimonial-card {
-                    background: white;
-                    border: 1px solid #EAE5E8;
-                    border-radius: 16px;
-                    padding: 30px;
-                    box-shadow: 0 4px 20px rgba(113, 75, 103, 0.02);
+                /* Founder Spotlight */
+                .founder-img-wrap {
+                    position: relative;
+                    display: inline-block;
+                    padding: 20px;
                 }
-                .quote-icon {
-                    color: #C5A880;
-                    font-size: 3rem;
-                    line-height: 1;
+                .founder-img-wrap img {
+                    width: 310px;
+                    height: 310px;
+                    object-fit: cover;
+                    border: 6px solid #d4a14a;
+                    position: relative;
+                    z-index: 2;
+                    box-shadow: 0 15px 35px rgba(11, 34, 62, 0.15);
+                    transition: all 0.5s ease;
+                }
+                .founder-img-wrap:hover img {
+                    transform: scale(1.03);
+                    box-shadow: 0 20px 45px rgba(212, 161, 74, 0.25);
+                }
+                .founder-img-wrap::before {
+                    content: '';
+                    position: absolute;
+                    top: 0;
+                    left: 40px;
+                    width: 310px;
+                    height: 310px;
+                    border: 2px solid #0b223e;
+                    border-radius: 50%;
+                    z-index: 1;
+                    transition: all 0.5s ease;
+                }
+                .founder-img-wrap:hover::before {
+                    transform: translate(-15px, 15px);
+                    border-color: #d4a14a;
+                }
+                .founder-quote {
+                    font-size: 1.15rem;
+                    line-height: 1.7;
+                    border-left: 4px solid #d4a14a;
+                    padding-left: 20px;
+                    font-style: italic;
+                    color: #475569;
                 }
             </style>
 
@@ -1017,10 +1270,10 @@
                          <div class="carousel-item active" style="background-image: url('https://events.aakritidesign.com/assets/img/home/banner/home-banner-1.webp');">
                              <div class="carousel-overlay"></div>
                              <div class="carousel-caption-custom">
-                                 <span class="carousel-pretitle">Aakriti Design | Events</span>
-                                 <h1 class="carousel-title">Live Life Through<br/>Design and Purpose</h1>
-                                 <p class="carousel-text">Custom event decor and wedding design created with meaning, intention, and cultural understanding. Aakriti Design specializes in fusion and multicultural events, bringing thoughtful design that reflects both tradition and emotion.</p>
-                                 <div class="carousel-cta">
+                                 <span class="carousel-pretitle animated-fade-in delay-100">Aakriti Design | Events</span>
+                                 <h1 class="carousel-title animated-fade-in delay-200">Live Life Through<br/><span>Design</span> and Purpose</h1>
+                                 <p class="carousel-text animated-fade-in delay-300">Custom event decor and wedding design created with meaning, intention, and cultural understanding. Aakriti Design specializes in fusion and multicultural events, bringing thoughtful design that reflects both tradition and emotion.</p>
+                                 <div class="carousel-cta animated-fade-in delay-400">
                                      <a href="/rentals" class="btn btn-premium-primary">Explore Design</a>
                                      <a href="/rental/request" class="btn btn-premium-secondary">Book Consultation</a>
                                  </div>
@@ -1030,10 +1283,10 @@
                          <div class="carousel-item" style="background-image: url('https://events.aakritidesign.com/assets/img/home/banner/home-banner-2.webp');">
                              <div class="carousel-overlay"></div>
                              <div class="carousel-caption-custom">
-                                 <span class="carousel-pretitle">Aakriti Design | Events</span>
-                                 <h1 class="carousel-title">Designing Experiences<br/>Beyond Aesthetics</h1>
-                                 <p class="carousel-text">We design and manage events with insight, not just aesthetics. With a deep understanding of how traditions, families, logistics, and emotions intersect, every celebration is planned with care and clarity.</p>
-                                 <div class="carousel-cta">
+                                 <span class="carousel-pretitle animated-fade-in delay-100">Aakriti Design | Events</span>
+                                 <h1 class="carousel-title animated-fade-in delay-200">Designing Experiences<br/><span>Beyond</span> Aesthetics</h1>
+                                 <p class="carousel-text animated-fade-in delay-300">We design and manage events with insight, not just aesthetics. With a deep understanding of how traditions, families, logistics, and emotions intersect, every celebration is planned with care and clarity.</p>
+                                 <div class="carousel-cta animated-fade-in delay-400">
                                      <a href="/rentals" class="btn btn-premium-primary">Explore Design</a>
                                      <a href="/rental/request" class="btn btn-premium-secondary">Book Consultation</a>
                                  </div>
@@ -1043,10 +1296,10 @@
                          <div class="carousel-item" style="background-image: url('https://events.aakritidesign.com/assets/img/home/banner/home-banner-3.webp');">
                              <div class="carousel-overlay"></div>
                              <div class="carousel-caption-custom">
-                                 <span class="carousel-pretitle">Aakriti Design | Events</span>
-                                 <h1 class="carousel-title">Confidence Built<br/>Through Experience</h1>
-                                 <p class="carousel-text">There is an unspoken confidence that comes from years of hands-on experience, problem solving, and real-world execution — and that strength shows through every detail we deliver.</p>
-                                 <div class="carousel-cta">
+                                 <span class="carousel-pretitle animated-fade-in delay-100">Aakriti Design | Events</span>
+                                 <h1 class="carousel-title animated-fade-in delay-200">Confidence Built<br/><span>Through</span> Experience</h1>
+                                 <p class="carousel-text animated-fade-in delay-300">There is an unspoken confidence that comes from years of hands-on experience, problem solving, and real-world execution — and that strength shows through every detail we deliver.</p>
+                                 <div class="carousel-cta animated-fade-in delay-400">
                                      <a href="/rentals" class="btn btn-premium-primary">Explore Design</a>
                                      <a href="/rental/request" class="btn btn-premium-secondary">Book Consultation</a>
                                  </div>
@@ -1068,7 +1321,8 @@
                              </div>
                              <div class="col-lg-6 ps-lg-5">
                                  <span class="section-subtitle">About Us</span>
-                                 <h2 class="section-title">We Are Aakrithi</h2>
+                                 <h2 class="section-title text-brand-plum">We Are Aakrithi</h2>
+                                 <div class="luxury-divider"><span>♦ DESIGN &amp; EVENT STYLING ♦</span></div>
                                  <p class="lead font-weight-semibold text-brand-plum mb-4" style="font-size: 1.15rem; line-height: 1.6;">
                                      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>
@@ -1086,11 +1340,12 @@
                      <div class="container">
                          <div class="text-center mb-5">
                              <span class="section-subtitle">Our Strengths</span>
-                             <h2 class="section-title">Core Strengths to Highlight</h2>
+                             <h2 class="section-title text-brand-plum">Core Strengths to Highlight</h2>
                          </div>
                          <div class="row">
                              <div class="col-md-4 mb-4">
                                  <div class="strength-card h-100 p-4">
+                                     <div class="strength-card-number">01</div>
                                      <img src="https://events.aakritidesign.com/assets/img/home/banner/strength/our-strengths-custom.webp" class="img-fluid rounded mb-3" style="height: 180px; width: 100%; object-fit: cover;" alt="Custom Event Design"/>
                                      <h4 class="h5 font-weight-bold text-brand-plum mb-2">Custom Event Design</h4>
                                      <p class="text-muted mb-0" style="font-size: 0.9rem;">Bespoke visual elements and creative designs built specifically to reflect your story and aesthetic vision.</p>
@@ -1098,6 +1353,7 @@
                              </div>
                              <div class="col-md-4 mb-4">
                                  <div class="strength-card h-100 p-4">
+                                     <div class="strength-card-number">02</div>
                                      <img src="https://events.aakritidesign.com/assets/img/home/banner/strength/our-strengths-fusion.webp" class="img-fluid rounded mb-3" style="height: 180px; width: 100%; object-fit: cover;" alt="Multicultural Fusion"/>
                                      <h4 class="h5 font-weight-bold text-brand-plum mb-2">Multicultural Fusion</h4>
                                      <p class="text-muted mb-0" style="font-size: 0.9rem;">Expert blending of varied cultural rituals and design aesthetics for respectful and unique celebrations.</p>
@@ -1105,6 +1361,7 @@
                              </div>
                              <div class="col-md-4 mb-4">
                                  <div class="strength-card h-100 p-4">
+                                     <div class="strength-card-number">03</div>
                                      <img src="https://events.aakritidesign.com/assets/img/home/banner/strength/our-strengths-space.webp" class="img-fluid rounded mb-3" style="height: 180px; width: 100%; object-fit: cover;" alt="Space &amp; Flow Planning"/>
                                      <h4 class="h5 font-weight-bold text-brand-plum mb-2">Space &amp; Flow Planning</h4>
                                      <p class="text-muted mb-0" style="font-size: 0.9rem;">Detailed layout architecture that guides guest movement and coordinates setup logistics smoothly.</p>
@@ -1119,7 +1376,7 @@
                      <div class="container">
                          <div class="text-center mb-5 pb-3">
                              <span class="section-subtitle">The Aakriti Difference</span>
-                             <h2 class="section-title">Why Choose Us?</h2>
+                             <h2 class="section-title text-brand-plum">Why Choose Us?</h2>
                          </div>
                          <div class="row align-items-center">
                              <!-- Left column -->
@@ -1187,7 +1444,7 @@
                      <div class="container">
                          <div class="text-center mb-5">
                              <span class="section-subtitle">Our Services</span>
-                             <h2 class="section-title">Service Based Excellence</h2>
+                             <h2 class="section-title text-brand-plum">Service Based Excellence</h2>
                          </div>
                          <div class="row">
                              <t t-set="services_list" t-value="[
@@ -1203,6 +1460,7 @@
                                      <div class="service-card h-100">
                                          <div class="service-img-container">
                                              <img t-att-src="srv[1]" alt="Service Image"/>
+                                             <div class="service-img-overlay"></div>
                                              <div class="service-icon-badge">
                                                  <img t-att-src="srv[2]" alt="Icon"/>
                                              </div>
@@ -1234,7 +1492,7 @@
                              <!-- Accordion panel -->
                              <div class="col-lg-7">
                                  <span class="section-subtitle">FAQ's</span>
-                                 <h2 class="section-title">Common Questions &amp; Insights</h2>
+                                 <h2 class="section-title text-brand-plum">Common Questions &amp; Insights</h2>
                                  <p class="text-muted mb-4">We believe in transparency and clarity. Here are some of the most common questions our clients ask about our bespoke event design process.</p>
                                  
                                  <div class="accordion faq-accordion" id="aakritiFAQAccordion">
@@ -1285,11 +1543,13 @@
                      <div class="container">
                          <div class="row align-items-center">
                              <div class="col-lg-6 ps-lg-5 order-lg-2 mb-5 mb-lg-0 text-center">
-                                 <img src="https://events.aakritidesign.com/assets/img/home/banner/founder-bio.webp" class="img-fluid rounded-circle shadow" style="width: 320px; height: 320px; object-fit: cover; border: 6px solid #C5A880;" alt="Paarul Ladd"/>
+                                 <div class="founder-img-wrap">
+                                     <img src="https://events.aakritidesign.com/assets/img/home/banner/founder-bio.webp" class="img-fluid rounded-circle" alt="Paarul Ladd"/>
+                                 </div>
                              </div>
                              <div class="col-lg-6 order-lg-1">
                                  <span class="section-subtitle">Bio</span>
-                                 <h2 class="section-title">Meet the Creative Behind the Work</h2>
+                                 <h2 class="section-title text-brand-plum">Meet the Creative Behind the Work</h2>
                                  <h4 class="h5 text-brand-plum font-weight-bold mb-1">Paarul Ladd</h4>
                                  <span class="text-muted d-block mb-4" style="font-size: 0.9rem; font-style: italic;">Founder &amp; Creative Director</span>
                                  <p class="text-muted mb-3" style="line-height: 1.7;">
@@ -1308,4 +1568,809 @@
             </div>
         </xpath>
     </template>
+
+    <!-- Inherit Website Layout to Override Header & Footer -->
+    <template id="theme_aakriti_events_header_inherit" inherit_id="website.layout" priority="15">
+        <!-- Header Override -->
+        <xpath expr="//header" position="replace">
+            <style>
+                .aakriti-header .nav-link {
+                    color: rgba(255, 255, 255, 0.85) !important;
+                    transition: all 0.3s ease;
+                }
+                .aakriti-header .nav-link:hover {
+                    color: #d4a14a !important;
+                }
+                .aakriti-header .btn-inquire {
+                    background-color: #d4a14a !important;
+                    color: white !important;
+                    border-radius: 4px !important;
+                    font-weight: 700 !important;
+                }
+                .aakriti-header .btn-inquire:hover {
+                    background-color: #c08f3b !important;
+                    color: white !important;
+                    box-shadow: 0 4px 15px rgba(212, 161, 74, 0.4);
+                }
+            </style>
+            <header id="top" data-anchor="true" class="aakriti-header w-100" style="background-color: #1c2d42 !important; border-bottom: 1px solid rgba(212, 161, 74, 0.25); position: relative; z-index: 1000;">
+                <nav class="navbar navbar-expand-lg navbar-dark w-100 p-0 m-0">
+                    <div class="container-fluid px-md-5 py-3 d-flex align-items-center justify-content-between">
+                        <!-- Logo on left -->
+                        <a href="/" class="navbar-brand m-0">
+                            <img src="/theme_aakriti_events/static/src/img/logo.png" alt="Aakriti Design" style="max-height: 55px; height: auto; display: block;"/>
+                        </a>
+                        
+                        <!-- Middle Menus -->
+                        <ul class="nav d-none d-lg-flex align-items-center justify-content-center m-0 p-0" style="list-style: none;">
+                            <li class="nav-item mx-3">
+                                <a class="nav-link text-white text-uppercase" href="/" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.85rem; padding: 5px 0;">Home</a>
+                            </li>
+                            <li class="nav-item mx-3">
+                                <a class="nav-link text-white text-uppercase" href="/aboutus" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.85rem; padding: 5px 0;">About</a>
+                            </li>
+                            <li class="nav-item mx-3">
+                                <a class="nav-link text-white text-uppercase" href="/rentals" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.85rem; padding: 5px 0;">Rentals</a>
+                            </li>
+                            <li class="nav-item mx-3">
+                                <a class="nav-link text-white text-uppercase" href="/blog" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.85rem; padding: 5px 0;">Blog</a>
+                            </li>
+                            <li class="nav-item mx-3">
+                                <a class="nav-link text-white text-uppercase" href="/contactus" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.85rem; padding: 5px 0;">Contact Us</a>
+                            </li>
+                        </ul>
+                        
+                        <!-- CTA Button on right -->
+                        <div class="d-flex align-items-center">
+                            <a href="/rental/request" class="btn btn-inquire text-uppercase px-4 py-2" style="background-color: #d4a14a !important; color: white !important; font-family: 'Outfit', sans-serif; font-weight: 700; letter-spacing: 1.5px; font-size: 0.8rem; border-radius: 4px; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(212, 161, 74, 0.25);">Inquire Now</a>
+                            
+                            <!-- Hamburger Menu for mobile -->
+                            <button class="navbar-toggler d-lg-none ms-3 text-white border-0" type="button" data-bs-toggle="collapse" data-bs-target="#aakritiMobileNav" aria-controls="aakritiMobileNav" aria-expanded="false" aria-label="Toggle navigation" style="background: transparent;">
+                                <i class="fa fa-bars" style="font-size: 1.5rem;"></i>
+                            </button>
+                        </div>
+                    </div>
+                    
+                    <!-- Mobile Nav Collapse Container -->
+                    <div class="collapse d-lg-none w-100" id="aakritiMobileNav" style="background-color: #1c2d42 !important; border-top: 1px solid rgba(212, 161, 74, 0.15);">
+                        <ul class="nav flex-column p-4 m-0" style="list-style: none;">
+                            <li class="nav-item mb-3">
+                                <a class="nav-link text-white text-uppercase p-0" href="/" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.9rem;">Home</a>
+                            </li>
+                            <li class="nav-item mb-3">
+                                <a class="nav-link text-white text-uppercase p-0" href="/aboutus" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.9rem;">About</a>
+                            </li>
+                            <li class="nav-item mb-3">
+                                <a class="nav-link text-white text-uppercase p-0" href="/rentals" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.9rem;">Rentals</a>
+                            </li>
+                            <li class="nav-item mb-3">
+                                <a class="nav-link text-white text-uppercase p-0" href="/blog" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.9rem;">Blog</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link text-white text-uppercase p-0" href="/contactus" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.9rem;">Contact Us</a>
+                            </li>
+                        </ul>
+                    </div>
+                </nav>
+            </header>
+        </xpath>
+
+        <!-- Footer Override -->
+        <xpath expr="//footer[@id='bottom']" position="attributes">
+            <attribute name="style" add="background-color: #0b223e !important; border-top: 1.5px solid rgba(212, 161, 74, 0.25);" separator=";"/>
+            <attribute name="class" add="aakriti-footer oe_structure oe_empty pt-5" separator=" "/>
+        </xpath>
+
+        <!-- Hide Odoo's default copyright area since we render our own in the custom grid -->
+        <xpath expr="//div[hasclass('o_footer_copyright')]" position="attributes">
+            <attribute name="class" add="d-none" separator=" "/>
+        </xpath>
+
+        <!-- Replace main footer div with our grid and links -->
+        <xpath expr="//div[@id='footer']" position="replace">
+            <div id="footer" class="aakriti-footer-container">
+                <style>
+                    .aakriti-footer {
+                        color: #ffffff !important;
+                        background: linear-gradient(rgba(11, 34, 62, 0.93), rgba(11, 34, 62, 0.93)), url('https://events.aakritidesign.com/assets/footer-bg.webp') no-repeat center center !important;
+                        background-size: cover !important;
+                        padding: 80px 0 0 !important;
+                        position: relative;
+                        overflow: hidden;
+                        border-top: none !important;
+                    }
+                    .aakriti-footer-container {
+                        max-width: 1400px;
+                        margin: 0 auto;
+                        padding: 0 40px;
+                        position: relative;
+                    }
+                    .aakriti-footer-grid {
+                        grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
+                        gap: 20px;
+                        margin-bottom: 60px;
+                        display: grid;
+                    }
+                    @media (max-width: 768px) {
+                        .aakriti-footer-grid {
+                            grid-template-columns: 1.5fr 2fr 2fr;
+                            gap: 40px;
+                        }
+                        .aakriti-footer {
+                            padding: 60px 0 0 !important;
+                        }
+                        .aakriti-footer-container {
+                            padding: 0 25px;
+                        }
+                    }
+                    @media (max-width: 500px) {
+                        .aakriti-footer-grid {
+                            grid-template-columns: 1fr;
+                        }
+                    }
+                    .aakriti-footer h3 {
+                        font-family: 'Outfit', sans-serif !important;
+                        color: #ffffff !important;
+                        font-size: 1.25rem;
+                        font-weight: 700;
+                        margin-bottom: 25px;
+                        letter-spacing: 0.5px;
+                        text-transform: capitalize;
+                    }
+                    .aakriti-footer-desc {
+                        color: #ffffff !important;
+                        max-width: 320px;
+                        font-size: 0.95rem;
+                        line-height: 1.6;
+                        margin-bottom: 25px;
+                    }
+                    .aakriti-footer .social-icons {
+                        gap: 15px;
+                        display: flex;
+                    }
+                    .aakriti-footer .social-icons a {
+                        display: inline-flex;
+                        align-items: center;
+                        justify-content: center;
+                        width: 40px;
+                        height: 40px;
+                        border-radius: 50%;
+                        background-color: #d4a14a !important;
+                        margin-right: 0px;
+                        border: none !important;
+                        transition: all 0.3s ease;
+                        color: #0b223e !important;
+                    }
+                    .aakriti-footer .social-icons a:hover {
+                        background-color: #d4a14a !important;
+                        color: #ffffff !important;
+                        transform: translateY(-3px);
+                    }
+                    .aakriti-footer .social-icons svg {
+                        width: 18px;
+                        height: 18px;
+                    }
+                    .aakriti-footer .link-list {
+                        list-style: none;
+                        padding: 0;
+                        margin: 0;
+                        display: flex;
+                        flex-direction: column;
+                        gap: 15px;
+                    }
+                    .aakriti-footer .link-list li {
+                        margin-bottom: 0px;
+                    }
+                    .aakriti-footer .link-list li a {
+                        color: #ffffff !important;
+                        font-size: 0.95rem;
+                        text-decoration: none !important;
+                        transition: color 0.3s ease;
+                    }
+                    .aakriti-footer .link-list li a:hover {
+                        color: #d4a14a !important;
+                    }
+                    .aakriti-footer .contact-info {
+                        display: flex;
+                        flex-direction: column;
+                        gap: 20px;
+                    }
+                    .aakriti-footer .contact-link {
+                        color: #ffffff !important;
+                        align-items: center;
+                        gap: 12px;
+                        font-size: 0.95rem;
+                        text-decoration: none !important;
+                        transition: color 0.3s ease;
+                        display: inline-flex;
+                    }
+                    .aakriti-footer .contact-link:hover {
+                        color: #ffffff !important;
+                    }
+                    .aakriti-footer .contact-icon {
+                        width: 20px;
+                        height: 20px;
+                        color: #d4a14a !important;
+                    }
+                    .aakriti-footer .bottom-bar {
+                        border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
+                        padding: 25px 0 !important;
+                        margin-top: 50px;
+                        font-size: 0.95rem;
+                        color: #ffffff !important;
+                        display: flex;
+                        justify-content: center;
+                        align-items: center;
+                    }
+                    .aakriti-footer .bottom-bar a {
+                        color: #d4a14a !important;
+                        text-decoration: none !important;
+                        font-weight: 600;
+                    }
+                    
+                    /* Scroll to top floating button */
+                    .scrollToTopBtnWrapper {
+                        z-index: 1000;
+                        opacity: 0;
+                        visibility: hidden;
+                        transition: all .4s cubic-bezier(.165, .84, .44, 1);
+                        position: fixed;
+                        bottom: 40px;
+                        right: 40px;
+                        transform: translateY(20px);
+                    }
+                    .scrollToTopBtnWrapper.scrollToTopBtnVisible {
+                        opacity: 1;
+                        visibility: visible;
+                        transform: translateY(0);
+                    }
+                    .scrollToTopBtn {
+                        color: #d4a14a;
+                        cursor: pointer;
+                        background: #0b223e;
+                        border: 2px solid #d4a14a;
+                        border-radius: 50%;
+                        outline: none;
+                        justify-content: center;
+                        align-items: center;
+                        width: 50px;
+                        height: 50px;
+                        padding: 0;
+                        transition: all .3s;
+                        display: flex;
+                        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
+                    }
+                    .scrollToTopBtn svg {
+                        width: 20px;
+                        height: 20px;
+                        transition: transform .3s;
+                    }
+                    .scrollToTopBtn:hover {
+                        color: #0b223e;
+                        background: #d4a14a;
+                        transform: translateY(-5px);
+                        box-shadow: 0 6px 20px rgba(212, 161, 74, 0.4);
+                    }
+                    .scrollToTopBtn:hover svg {
+                        transform: translateY(-2px);
+                    }
+                    @media (max-width: 768px) {
+                        .scrollToTopBtnWrapper {
+                            bottom: 30px;
+                            right: 20px;
+                        }
+                        .scrollToTopBtn {
+                            width: 45px;
+                            height: 45px;
+                        }
+                    }
+                </style>
+                <div class="aakriti-footer-grid">
+                    <!-- Brand Column -->
+                    <div class="aakriti-footer-brand-col d-flex flex-column gap-3">
+                        <div style="height: 60px; display: flex; align-items: center;">
+                            <img src="/theme_aakriti_events/static/src/img/logo.png" alt="Aakriti Design" style="max-height: 60px; height: auto; display: block;"/>
+                        </div>
+                        <p class="aakriti-footer-desc m-0">
+                            At Aakrithi Design, we're not just building events - we're empowering meaningful celebrations to thrive through exceptional design and planning.
+                        </p>
+                        <div class="social-icons">
+                            <a href="#" aria-label="Facebook"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a>
+                            <a href="#" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><circle cx="12" cy="12" r="4"></circle><circle cx="17.5" cy="6.5" r="0.5" fill="currentColor"></circle></svg></a>
+                            <a href="#" aria-label="Twitter"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg></a>
+                            <a href="#" aria-label="LinkedIn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z M2 9h4v12H2z M4 2a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z"></path></svg></a>
+                        </div>
+                    </div>
+                    
+                    <!-- Quick Links -->
+                    <div>
+                        <h3>Quick Links</h3>
+                        <ul class="link-list">
+                            <li><a href="/">Home</a></li>
+                            <li><a href="/aboutus">About Us</a></li>
+                            <li><a href="/rental/request">Contact Us</a></li>
+                            <li><a href="/rentals">Our Services</a></li>
+                            <li><a href="/rentals">Our Portfolio</a></li>
+                            <li><a href="/blog">Blog</a></li>
+                        </ul>
+                    </div>
+                    
+                    <!-- Services Links -->
+                    <div>
+                        <h3>Services</h3>
+                        <ul class="link-list">
+                            <li><a href="/rentals">Proposal Backdrop</a></li>
+                            <li><a href="/rentals">Photobooth Backdrops</a></li>
+                            <li><a href="/rentals">Engagement Ceremonies</a></li>
+                            <li><a href="/rentals">Stage and Mandap Decor</a></li>
+                            <li><a href="/rentals">Entrance and Arrival Styling</a></li>
+                            <li><a href="/rentals">Ceremony and Reception Design</a></li>
+                        </ul>
+                    </div>
+                    
+                    <!-- Contact Info -->
+                    <div>
+                        <h3>Contact</h3>
+                        <div class="contact-info">
+                            <a href="mailto:info@aakritidesign.com" class="contact-link">
+                                <svg class="contact-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
+                                info@aakritidesign.com
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Bottom Copyright -->
+                <div class="bottom-bar">
+                    <div class="copyright">
+                        © 2026 Aakriti Design. All rights reserved. | Powered by <a href="https://metatroncubesolutions.com/" target="_blank" rel="noopener noreferrer">Metatroncube</a>
+                    </div>
+                </div>
+                
+                <!-- Scroll to Top floating button -->
+                <div class="scrollToTopBtnWrapper">
+                    <button class="scrollToTopBtn" aria-label="Scroll to top">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+                            <polyline points="18 15 12 9 6 15"></polyline>
+                        </svg>
+                    </button>
+                </div>
+                
+                <!-- Scroll to Top script -->
+                <script type="text/javascript">
+                    document.addEventListener('DOMContentLoaded', function() {
+                        var btnWrapper = document.querySelector('.scrollToTopBtnWrapper');
+                        if (btnWrapper) {
+                            window.addEventListener('scroll', function() {
+                                if (window.scrollY > 300) {
+                                    btnWrapper.classList.add('scrollToTopBtnVisible');
+                                } else {
+                                    btnWrapper.classList.remove('scrollToTopBtnVisible');
+                                }
+                            });
+                            btnWrapper.querySelector('.scrollToTopBtn').addEventListener('click', function(e) {
+                                e.preventDefault();
+                                window.scrollTo({ top: 0, behavior: 'smooth' });
+                            });
+                        }
+                    });
+                </script>
+            </div>
+        </xpath>
+    </template>
+
+    <!-- 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: #FAF8F5 !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: #FAF8F5;
+                }
+                .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>
+                            
+                            <!-- 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>
+                        </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>
+                    </div>
+                </section>
+
+                <!-- 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>
+                    </div>
+                </section>
+            </div>
+        </xpath>
+    </template>
 </odoo>