From 991c7032b02c514c17d1df473c22a2362f64c318 Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Wed, 29 Jul 2026 10:55:42 +0530
Subject: [PATCH] testimonial section updated

---
 .../views/website_v2_templates.xml            | 106 +++++++++++-------
 1 file changed, 67 insertions(+), 39 deletions(-)

diff --git a/addons/theme_aakriti_v2/views/website_v2_templates.xml b/addons/theme_aakriti_v2/views/website_v2_templates.xml
index a07f259..33085d4 100644
--- a/addons/theme_aakriti_v2/views/website_v2_templates.xml
+++ b/addons/theme_aakriti_v2/views/website_v2_templates.xml
@@ -845,48 +845,76 @@ el.textContent=new Date().getFullYear();
                 <!-- ═══════════════════════════════════════════
                      SECTION 6 — TESTIMONIALS
                 ═══════════════════════════════════════════ -->
-                <section id="v2-testimonials">
-                    <div class="v2-testimonials-inner">
-                        <div class="v2-testimonials-left v2-reveal">
-                            <div class="v2-section-header-group">
-                                <span class="v2-eyebrow-num">05.</span>
-                                <span class="v2-eyebrow-text">CLIENT LOVE</span>
-                            </div>
-                            <h2 class="v2-section-title">
-                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);">Loved By Clients,</span><br/>
-                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);">Remembered</span><br/>
-                                <span class="v2-gold-text" style="font-family: var(--v2-font-display); font-style: italic;">By</span>
-                                <span class="v2-dark-text" style="font-family: var(--v2-font-display);"> Guests</span>
-                            </h2>
-                            <div class="v2-hero-divider v2-reveal">
-                            <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
+                <section id="v2-testimonials" style="background: #fff; padding: 60px 20px; text-align: center;">
+                    <div style="display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; text-align: center; width: 100%;">
+                        <div class="v2-section-header-group" style="justify-content: center;">
+                            <span class="v2-eyebrow-num">05.</span>
+                            <span class="v2-eyebrow-text">CLIENT LOVE</span>
                         </div>
-                            <!-- <a href="/contactus" class="v2-btn-outline-dark">READ MORE REVIEWS +</a> -->
+                        <h2 class="v2-section-title v2-reveal">
+                            <span class="v2-dark-text" style="font-family: var(--v2-font-display);">Loved By Clients,</span><br/>
+                            <span class="v2-dark-text" style="font-family: var(--v2-font-display);">Remembered </span>
+                            <span class="v2-gold-text" style="font-family: var(--v2-font-display); font-style: italic;">By</span>
+                            <span class="v2-dark-text" style="font-family: var(--v2-font-display);"> Guests</span>
+                        </h2>
+                        <div class="v2-hero-divider" style="display: flex; justify-content: center; width: 100%;">
+                            <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 150px; display: block;"/>
                         </div>
-                        <div class="v2-testimonials-right v2-testimonials-right-override">
-                            <div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-1">
-                                <div class="v2-testimonial-top-row">
-                                    <div class="v2-quote-mark-new">&#8220;</div>
-                                    <div class="v2-stars"><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span></div>
+                    </div>
+                    <div style="max-width: 900px; margin: 0 auto; position: relative;">
+                        
+                        <div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel" style="padding: 0 50px;">
+                            <div class="carousel-inner">
+                                <!-- Slide 1 -->
+                                <div class="carousel-item active">
+                                    <div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div>
+                                    <p style="font-size: 2.8rem; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
+                                        "The event decor was absolutely breathtaking! Aakriti Events completely transformed our venue in Waterloo. Their attention to detail is unmatched."
+                                    </p>
+                                    <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                                        <div style="font-size: 0.95rem; font-weight: 600; color: #1a1206; font-family: 'Jost', sans-serif;">Emily &amp; James</div>
+                                        <div style="font-size: 1.4rem; font-weight: 800; color: #1a1206; letter-spacing: -0.5px; margin-top: 5px; font-family: 'Jost', sans-serif;">Happy Couple</div>
+                                    </div>
+                                </div>
+                                <!-- Slide 2 -->
+                                <div class="carousel-item">
+                                    <div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div>
+                                    <p style="font-size: 2.8rem; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
+                                        "Incredible rental selection and flawless execution for our corporate gala. The team made the entire process seamless from start to finish."
+                                    </p>
+                                    <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                                        <div style="font-size: 0.95rem; font-weight: 600; color: #1a1206; font-family: 'Jost', sans-serif;">Michael Chen, Event Coordinator</div>
+                                        <div style="font-size: 1.4rem; font-weight: 800; color: #1a1206; letter-spacing: -0.5px; margin-top: 5px; font-family: 'Jost', sans-serif;">TechHub Waterloo</div>
+                                    </div>
+                                </div>
+                                <!-- Slide 3 -->
+                                <div class="carousel-item">
+                                    <div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div>
+                                    <p style="font-size: 2.8rem; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
+                                        "We rented their premium floral arches and seating for our outdoor ceremony in Kitchener-Waterloo. Everything was delivered on time and looked pristine."
+                                    </p>
+                                    <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                                        <div style="font-size: 0.95rem; font-weight: 600; color: #1a1206; font-family: 'Jost', sans-serif;">Sarah Mitchell</div>
+                                        <div style="font-size: 1.4rem; font-weight: 800; color: #1a1206; letter-spacing: -0.5px; margin-top: 5px; font-family: 'Jost', sans-serif;">Event Planner</div>
+                                    </div>
                                 </div>
-                                <p class="v2-testimonial-text-new">Aakriti Events made our dream wedding an absolute fairytale. Every detail was beyond perfect! Every detail was beyond perfect!</p>
-                                <div class="v2-testimonial-author-new">- Priya &amp; Arjun</div>
                             </div>
-                            <div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-2">
-                                <div class="v2-testimonial-top-row">
-                                    <div class="v2-quote-mark-new">&#8220;</div>
-                                    <div class="v2-stars"><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span></div>
-                                </div>
-                                <p class="v2-testimonial-text-new">Professional, creative and incredibly supportive team. They turned our vision into an unforgettable experience. Every detail was beyond perfect!</p>
-                                <div class="v2-testimonial-author-new">- Rohit Mehta</div>
-                            </div>
-                            <!-- <div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-3">
-                                <div class="v2-testimonial-top-row">
-                                    <div class="v2-quote-mark-new">&#8220;</div>
-                                    <div class="v2-stars"><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span></div>
-                                </div>
-                                <p class="v2-testimonial-text-new">From planning to execution, everything was seamless. Our guests are still talking about the event! Every detail was beyond perfect!</p>
-                                <div class="v2-testimonial-author-new">- Neha Sharma</div>
+                            
+                            <!-- Carousel Controls -->
+                            <button class="carousel-control-prev" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="prev" style="width: 50px; filter: invert(1); opacity: 0.8;">
+                                <span class="carousel-control-prev-icon" aria-hidden="true" style="width: 30px; height: 30px;"></span>
+                                <span class="visually-hidden">Previous</span>
+                            </button>
+                            <button class="carousel-control-next" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="next" style="width: 50px; filter: invert(1); opacity: 0.8;">
+                                <span class="carousel-control-next-icon" aria-hidden="true" style="width: 30px; height: 30px;"></span>
+                                <span class="visually-hidden">Next</span>
+                            </button>
+                            
+                            <!-- Indicators -->
+                            <!-- <div class="carousel-indicators" style="position: static; margin-top: 40px; filter: invert(1);">
+                                <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1" style="width: 8px; height: 8px; border-radius: 50%; background-color: #000; margin: 0 5px;"></button>
+                                <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="1" aria-label="Slide 2" style="width: 8px; height: 8px; border-radius: 50%; background-color: #000; margin: 0 5px;"></button>
+                                <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="2" aria-label="Slide 3" style="width: 8px; height: 8px; border-radius: 50%; background-color: #000; margin: 0 5px;"></button>
                             </div> -->
                         </div>
                     </div>
@@ -969,7 +997,7 @@ el.textContent=new Date().getFullYear();
                 <!-- ═══════════════════════════════════════════
                      SECTION 4 — RECENT WORK
                 ═══════════════════════════════════════════ -->
-                <section id="v2-recent-work" style="background-color: #fff; padding: 60px 20px; text-align: center;">
+                <section id="v2-recent-work" style="background-color: #fdf6e3; padding: 60px 20px; text-align: center;">
                     <div style="margin-bottom: 30px;">
                         <span style="font-size: 0.85rem; font-weight: 700; color: #C9973A; text-transform: uppercase; letter-spacing: 0.15em;">OUR RECENT WORK</span>
                         <h2 style="font-family: var(--v2-font-display); font-size: 2.5rem; color: #1a1206; font-weight: 600; margin-top: 10px;">See Our Recent Decorations</h2>