testimonial section updated
This commit is contained in:
parent
de7a61b9ef
commit
991c7032b0
@ -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">“</div>
|
||||
<div class="v2-stars"><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</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;">“</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 & 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;">“</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;">“</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 & 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">“</div>
|
||||
<div class="v2-stars"><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</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">“</div>
|
||||
<div class="v2-stars"><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user