testimonial section updated

This commit is contained in:
Selvi 2026-07-29 10:55:42 +05:30
parent de7a61b9ef
commit 991c7032b0

View File

@ -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>