From c73f2fcd4f13ff87c015f817e89b7f5e0f2d4201 Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Thu, 30 Jul 2026 18:15:47 +0530
Subject: [PATCH] about page updated

---
 .../views/website_v2_templates.xml            | 92 +++++++------------
 1 file changed, 35 insertions(+), 57 deletions(-)

diff --git a/addons/theme_aakriti_v2/views/website_v2_templates.xml b/addons/theme_aakriti_v2/views/website_v2_templates.xml
index 33085d4..bd4433a 100644
--- a/addons/theme_aakriti_v2/views/website_v2_templates.xml
+++ b/addons/theme_aakriti_v2/views/website_v2_templates.xml
@@ -868,7 +868,7 @@ el.textContent=new Date().getFullYear();
                                 <!-- Slide 1 -->
                                 <div class="carousel-item active">
                                     <div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div>
-                                    <p style="font-size: 2.8rem; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
+                                    <p style="font-size: 2.8rem !important; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
                                         "The event decor was absolutely breathtaking! Aakriti Events completely transformed our venue in Waterloo. Their attention to detail is unmatched."
                                     </p>
                                     <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
@@ -879,7 +879,7 @@ el.textContent=new Date().getFullYear();
                                 <!-- Slide 2 -->
                                 <div class="carousel-item">
                                     <div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div>
-                                    <p style="font-size: 2.8rem; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
+                                    <p style="font-size: 2.8rem !important; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
                                         "Incredible rental selection and flawless execution for our corporate gala. The team made the entire process seamless from start to finish."
                                     </p>
                                     <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
@@ -890,7 +890,7 @@ el.textContent=new Date().getFullYear();
                                 <!-- Slide 3 -->
                                 <div class="carousel-item">
                                     <div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div>
-                                    <p style="font-size: 2.8rem; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
+                                    <p style="font-size: 2.8rem !important; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
                                         "We rented their premium floral arches and seating for our outdoor ceremony in Kitchener-Waterloo. Everything was delivered on time and looked pristine."
                                     </p>
                                     <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
@@ -1332,7 +1332,7 @@ el.textContent=new Date().getFullYear();
                     }
                     @media (min-width: 992px) {
                         .v2-founder-grid {
-                            grid-template-columns: 1fr 1.2fr 1fr;
+                            grid-template-columns: 1fr 1fr;
                         }
                     }
                     .v2-founder-img {
@@ -1385,16 +1385,11 @@ el.textContent=new Date().getFullYear();
                         position: relative;
                         padding: 100px 24px;
                         text-align: center;
-                        background-image: url('/theme_aakriti_v2/static/src/img/about/cta.webp');
-                        background-size: cover;
-                        background-position: center;
-                        <!-- background-attachment: fixed; -->
+                        background-color: #fff;
+                        background-image: none;
                     }
                     .v2-cta-banner::before {
-                        content: '';
-                        position: absolute;
-                        top: 0; left: 0; right: 0; bottom: 0;
-                        <!-- background: linear-gradient(to right, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.98) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.98) 75%, rgba(255,255,255,0.2) 100%); -->
+                        content: none;
                     }
                     .v2-cta-banner-content {
                         position: relative;
@@ -1405,13 +1400,13 @@ el.textContent=new Date().getFullYear();
                     .v2-cta-banner-title {
                         font-family: 'Cormorant Garamond', Georgia, serif;
                         font-size: clamp(2.5rem, 4vw, 3.5rem);
-                        color: #1a1206;
+                        color: #111111;
                         margin-bottom: 16px;
                         line-height: 1.1;
                         font-weight: 600;
                     }
                     .v2-cta-banner-text {
-                        color: #666;
+                        color: #333333;
                         font-size: 1.05rem;
                         line-height: 1.6;
                         margin-bottom: 32px;
@@ -1446,16 +1441,17 @@ el.textContent=new Date().getFullYear();
                 <section class="v2-about-section">
                     <div class="v2-story-grid">
                         <!-- Images Left -->
-                        <div class="v2-story-images" style="display: grid; gap: 16px;">
-                            <!-- <img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Event setup" style="width: 100%; height: 320px; object-fit: cover; border-radius: 12px;"/> -->
-                        <div style="display: grid; gap: 16px;">
-                            <img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-top.webp" alt="Event setup" style="width: 100%; height: 320px; object-fit: cover; border-radius: 12px;"/>
-                            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">
-                                <img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-left.webp" alt="Event details" style="width: 100%; height: 220px; object-fit: cover; border-radius: 12px;"/>
-                                <img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-right.webp" alt="Event setup" style="width: 100%; height: 220px; object-fit: cover; border-radius: 12px;"/>
+                        <div class="v2-story-images">
+                            <div style="position: relative; width: 100%;">
+                                <img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-top.webp" alt="Event setup" style="width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 12px; display: block;"/>
+                                <!-- Remove / Change Image Button -->
+                                <!-- <button onclick="this.closest('div').querySelector('img').remove(); this.remove();" title="Remove image"
+                                    style="position: absolute; top: 10px; right: 10px; background: rgba(0,0,0,0.55); color: #fff; border: none; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1rem; line-height: 1; transition: background 0.2s ease;"
+                                    onmouseover="this.style.background='rgba(0,0,0,0.8)'" onmouseout="this.style.background='rgba(0,0,0,0.55)'">
+                                    &#x2715;
+                                </button> -->
                             </div>
                         </div>
-                        </div>
                         <!-- Content Right -->
                         <div class="v2-story-content" style="padding-right: 20px;">
                             <div class="v2-about-label">OUR STORY</div>
@@ -1473,18 +1469,18 @@ el.textContent=new Date().getFullYear();
                             <p class="v2-about-text">Every celebration carries emotion, movement, and energy. Our approach to event design begins with understanding how people gather, how a space flows, and how each element supports the overall experience. From weddings and fusion celebrations to private and corporate events, design is considered in relation to the space, the guests, and the moment being celebrated.</p>
                             <!-- <p class="v2-about-text">From intimate gatherings to large multicultural weddings, our approach blends creativity with flawless execution.</p> -->
                             
-                            <div style="margin-top: 36px;">
+                            <!-- <div style="margin-top: 36px;">
                                 <a href="/rental/request" class="v2-btn-gold-solid">
                                     LET'S CREATE TOGETHER
                                     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                                 </a>
-                            </div>
+                            </div> -->
                         </div>
                     </div>
                 </section>
 
                 <!-- SECTION 2: WHAT MAKES US DIFFERENT -->
-                <section class="v2-about-section" style="padding-top: 40px; padding-bottom: 120px;">
+                <!-- <section class="v2-about-section" style="padding-top: 40px; padding-bottom: 120px;">
     <div style="text-align: center; margin-bottom: 60px;">
         <div class="v2-about-label center" style="justify-content: center;">WHAT MAKES US DIFFERENT</div>
         <h2 class="v2-about-title">The Aakriti Difference</h2>
@@ -1492,7 +1488,7 @@ el.textContent=new Date().getFullYear();
 
     <div class="v2-features-grid-about">
 
-        <!-- Card 1 -->
+
         <div class="v2-feature-card">
             <div class="v2-feature-icon-new">
                 <img src="/theme_aakriti_v2/static/src/img/about/icons/fusion-weddings.webp"
@@ -1504,7 +1500,7 @@ el.textContent=new Date().getFullYear();
             <p>Blending traditions beautifully while respecting every culture.</p>
         </div>
 
-        <!-- Card 2 -->
+       
         <div class="v2-feature-card">
             <div class="v2-feature-icon-new">
                 <img src="/theme_aakriti_v2/static/src/img/about/icons/intentional-design.webp"
@@ -1516,7 +1512,7 @@ el.textContent=new Date().getFullYear();
             <p>Every space is planned around guest experience and flow.</p>
         </div>
 
-        <!-- Card 3 -->
+       
         <div class="v2-feature-card">
             <div class="v2-feature-icon-new">
                 <img src="/theme_aakriti_v2/static/src/img/about/icons/creative-styling.webp"
@@ -1528,7 +1524,7 @@ el.textContent=new Date().getFullYear();
             <p>Every celebration is designed from the ground up.</p>
         </div>
 
-        <!-- Card 4 -->
+       
         <div class="v2-feature-card">
             <div class="v2-feature-icon-new">
                 <img src="/theme_aakriti_v2/static/src/img/about/icons/execution-expertise.webp"
@@ -1540,7 +1536,7 @@ el.textContent=new Date().getFullYear();
             <p>Over a decade of practical planning experience.</p>
         </div>
 
-        <!-- Card 5 -->
+        
         <div class="v2-feature-card">
             <div class="v2-feature-icon-new">
                 <img src="/theme_aakriti_v2/static/src/img/about/icons/personalized-service.webp"
@@ -1552,7 +1548,7 @@ el.textContent=new Date().getFullYear();
             <p>No templates. Every design is uniquely yours.</p>
         </div>
 
-        <!-- Card 6 -->
+       
         <div class="v2-feature-card">
             <div class="v2-feature-icon-new">
                 <img src="/theme_aakriti_v2/static/src/img/about/icons/stress-free-process.webp"
@@ -1565,17 +1561,12 @@ el.textContent=new Date().getFullYear();
         </div>
 
     </div>
-</section>
+</section> -->
 
                 <!-- SECTION 3: MEET THE FOUNDER -->
                 <section class="v2-founder-section">
                     <div class="v2-founder-grid">
-                        <!-- Left: Image -->
-                        <div>
-                            <img src="/theme_aakriti_v2/static/src/img/about/meet-the-founder.webp" alt="Founder" class="v2-founder-img" style="aspect-ratio: 4/5;"/>
-                        </div>
-                        
-                        <!-- Middle: Content -->
+                        <!-- Left: Content -->
                         <div>
                             <div class="v2-about-label">MEET THE FOUNDER</div>
                             <h2 class="v2-about-title" style="margin-bottom: 16px;">Meet The Creative<br/>Behind <span class="gold">Aakriti</span></h2>
@@ -1597,31 +1588,18 @@ el.textContent=new Date().getFullYear();
                             </div> -->
                         </div>
 
-                        <!-- Right: Quote Card -->
-                        <div class="v2-founder-quote-card">
-    <div class="v2-quote-icon">“</div>
-
-    <p class="v2-quote-text">
-        Every celebration should feel personal, meaningful, and beautifully unforgettable.
-    </p>
-
-    <div class="v2-quote-author">Paarul Ladd</div>
-
-    <!-- Flower Decoration Image -->
-    <img class="v2-flower-deco"
-         src="/theme_aakriti_v2/static/src/img/about/meet-the-founder-flower.webp"
-         alt="Flower Decoration"
-         width="120"
-         height="120"/>
-</div>
+                        <!-- Right: Image -->
+                        <div>
+                            <img src="/theme_aakriti_v2/static/src/img/about/meet-the-founder.webp" alt="Founder" class="v2-founder-img" style="aspect-ratio: 4/4;"/>
+                        </div>
                     </div>
                 </section>
 
                 <!-- SECTION 4: CTA BANNER -->
                 <section class="v2-cta-banner">
                     <div class="v2-cta-banner-content">
-                        <h2 class="v2-cta-banner-title" style="color: #000;">Let's Create Something<br/><span style="color: #000;">Beautiful</span> Together</h2>
-                        <p class="v2-cta-banner-text" style="color: #000;">Whether you're planning an intimate celebration or a grand wedding, we'll bring your vision to life.</p>
+                        <h2 class="v2-cta-banner-title">Let's Create Something<br/><span>Beautiful</span> Together</h2>
+                        <p class="v2-cta-banner-text">Whether you're planning an intimate celebration or a grand wedding, we'll bring your vision to life.</p>
                         <a href="/contactus" class="v2-btn-gold-solid" style="display:inline-flex; align-items:center; gap:8px;">
                             BOOK A CONSULTATION
                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>