home page updated
This commit is contained in:
parent
1c79c0ae75
commit
de7a61b9ef
Binary file not shown.
Binary file not shown.
@ -550,7 +550,7 @@ a:hover {
|
||||
padding: 0 32px;
|
||||
display: grid;
|
||||
grid-template-columns: 320px 1fr;
|
||||
gap: 64px;
|
||||
/* gap: 64px; */
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
@ -1380,7 +1380,7 @@ a:hover {
|
||||
|
||||
.v2-footer-bottom p {
|
||||
font-size: 0.78rem;
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
/* color: rgba(255, 255, 255, 0.3); */
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@ -1890,7 +1890,7 @@ main,
|
||||
|
||||
/* ── TESTIMONIALS UPDATE ──────────────────────────────────────────── */
|
||||
#v2-testimonials {
|
||||
padding: 80px 0;
|
||||
padding: 60px 0 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
|
||||
BIN
addons/theme_aakriti_v2/static/src/img/our-story.webp
Normal file
BIN
addons/theme_aakriti_v2/static/src/img/our-story.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
@ -45,7 +45,7 @@
|
||||
<a href="/">Home</a>
|
||||
<a href="/aboutus">About Us</a>
|
||||
<a href="/rentals">Rentals</a>
|
||||
<a href="/services">Services</a>
|
||||
<!-- <a href="/services">Services</a> -->
|
||||
<a href="/portfolio">Portfolio</a>
|
||||
<a href="/blog">Blog</a>
|
||||
<a href="/contactus">Contact</a>
|
||||
@ -68,7 +68,7 @@
|
||||
<a href="/">Home</a>
|
||||
<a href="/aboutus">About Us</a>
|
||||
<a href="/rentals">Rentals</a>
|
||||
<a href="/services">Services</a>
|
||||
<!-- <a href="/services">Services</a> -->
|
||||
<a href="/portfolio">Portfolio</a>
|
||||
<!-- <a href="/aboutus">Experience</a> -->
|
||||
<a href="/blog">Blog</a>
|
||||
@ -257,8 +257,20 @@
|
||||
</div>
|
||||
|
||||
<div class="v2-footer-bottom">
|
||||
©<span id="v2-footer-year">2024</span>
|
||||
Aakriti Events. All Rights Reserved.
|
||||
<style>
|
||||
.v2-footer-bottom p {
|
||||
font-size: 1.05em;
|
||||
}
|
||||
.v2-metatron-link {
|
||||
color: var(--v2-gold, #cda557) !important;
|
||||
text-decoration: none !important;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
.v2-metatron-link:hover {
|
||||
color: #000000 !important;
|
||||
}
|
||||
</style>
|
||||
<p>© <span id="v2-footer-year">2026</span> Aakriti Events. All rights reserved. | Powered by <a href="https://metatroncubesolutions.com/" target="_blank" rel="noopener noreferrer" class="v2-metatron-link">Metatroncube</a></p>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
@ -304,13 +316,85 @@ el.textContent=new Date().getFullYear();
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
/* Accessibility: Increased font sizes for older people */
|
||||
#wrap p, #wrap .v2-about-desc, #wrap .v2-hero-sub, #wrap .v2-testimonial-text-new, #wrap .v2-cta-subtitle {
|
||||
font-size: 1.3rem !important;
|
||||
line-height: 1.8 !important;
|
||||
}
|
||||
#wrap .v2-section-title {
|
||||
font-size: clamp(3rem, 5vw, 4rem) !important;
|
||||
}
|
||||
#wrap .v2-hero-title {
|
||||
font-size: clamp(3.5rem, 6vw, 5rem) !important;
|
||||
}
|
||||
#wrap .v2-eyebrow-text, #wrap .v2-hero-eyebrow, #wrap .v2-about-eyebrow {
|
||||
font-size: 1.15rem !important;
|
||||
}
|
||||
#wrap .accordion-button {
|
||||
font-size: 1.6rem !important;
|
||||
}
|
||||
#wrap .accordion-body {
|
||||
font-size: 1.25rem !important;
|
||||
}
|
||||
#wrap .v2-service-title-top, #wrap .v2-testimonial-author-new {
|
||||
font-size: 1.15rem !important;
|
||||
}
|
||||
|
||||
/* Responsive Overrides */
|
||||
#wrap .v2-testimonials-right-override {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 18px;
|
||||
}
|
||||
#wrap .v2-gallery-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 15px;
|
||||
max-width: 1400px;
|
||||
margin: 0 auto 40px auto;
|
||||
}
|
||||
#wrap .v2-gallery-grid > div {
|
||||
aspect-ratio: 1/1;
|
||||
overflow: hidden;
|
||||
}
|
||||
#wrap .v2-gallery-grid img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
#wrap .v2-gallery-grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#wrap .accordion-button {
|
||||
font-size: 1rem !important;
|
||||
}
|
||||
#wrap .v2-testimonials-right-override {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
#wrap .v2-gallery-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
#wrap .v2-hero-title {
|
||||
font-size: 2.5rem !important;
|
||||
}
|
||||
#wrap .v2-hero-sub {
|
||||
font-size: 1rem !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- ═══════════════════════════════════════════
|
||||
SECTION 1 — HERO
|
||||
═══════════════════════════════════════════ -->
|
||||
<section id="v2-hero">
|
||||
<div class="v2-hero-bg"></div>
|
||||
<div class="v2-hero-overlay"></div>
|
||||
<div class="v2-hero-content">
|
||||
<div class="v2-hero-content" style="text-align: left; display: flex; flex-direction: column; align-items: flex-start;">
|
||||
<span class="v2-hero-eyebrow hero-title">WE DON'T JUST PLAN EVENTS</span>
|
||||
<h1 class="v2-hero-title v2-reveal">
|
||||
<span class="v2-dark-text hero-title">WE CREATE</span><br/>
|
||||
@ -326,20 +410,14 @@ el.textContent=new Date().getFullYear();
|
||||
luxury experiences with purpose, passion and
|
||||
flawless execution.
|
||||
</p>
|
||||
<div class="v2-hero-btns v2-reveal v2-reveal-delay-2">
|
||||
<!-- <div class="v2-hero-btns v2-reveal v2-reveal-delay-2">
|
||||
<a href="/rental/request" class="v2-btn-gold" style="display:inline-flex; align-items:center;">
|
||||
Request an Appointment
|
||||
<span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" 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>
|
||||
</span>
|
||||
</a>
|
||||
<!-- <a href="/rentals" class="v2-btn-play">
|
||||
VIEW OUR WORK
|
||||
<span class="v2-play-icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>
|
||||
</span>
|
||||
</a> -->
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -391,17 +469,21 @@ el.textContent=new Date().getFullYear();
|
||||
max-width: 90%;
|
||||
}
|
||||
.v2-about-images {
|
||||
<!-- flex: 0 0 790px; -->
|
||||
flex: 1;
|
||||
min-width: 300px;
|
||||
max-width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 20px;
|
||||
}
|
||||
.v2-about-img-single {
|
||||
width: 790px;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
max-width: 550px;
|
||||
aspect-ratio: 1 / 1;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
box-shadow: 0 10px 40px rgba(0,0,0,0.08);
|
||||
}
|
||||
.v2-about-btn {
|
||||
display: inline-flex;
|
||||
@ -434,16 +516,19 @@ el.textContent=new Date().getFullYear();
|
||||
</style>
|
||||
<div class="v2-about-wrapper">
|
||||
<div class="v2-about-images v2-reveal v2-reveal-delay-1">
|
||||
<img src="/theme_aakriti_v2/static/src/img/home/about-us.png" alt="Our Story" class="v2-about-img-single"/>
|
||||
<img src="/theme_aakriti_v2/static/src/img/our-story.webp" alt="Our Story" class="v2-about-img-single"/>
|
||||
</div>
|
||||
<div class="v2-about-text v2-reveal">
|
||||
<div class="v2-about-text v2-reveal" style="text-align: left; align-items: flex-start;">
|
||||
<div class="v2-about-eyebrow">Our Story</div>
|
||||
<h2 class="v2-about-title">From a Dream<br/>to Beautiful<br/>Realities</h2>
|
||||
<div style="margin-bottom: 25px; width: 100%; display: flex; justify-content: center;">
|
||||
<div style="margin-bottom: 25px; width: 100%; display: flex; justify-content: flex-start;">
|
||||
<img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Divider" style="max-width: 200px; height: auto;" />
|
||||
</div>
|
||||
<p class="v2-about-desc" style="margin-bottom: 15px;">
|
||||
Aakriti Design specializes in event decor and wedding design that goes beyond surface level styling.
|
||||
</p>
|
||||
<p class="v2-about-desc">
|
||||
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.
|
||||
We design environments that reflect your story, your culture, and the experience you want your guests to remember.
|
||||
</p>
|
||||
<a href="/aboutus" class="v2-about-btn">
|
||||
OUR JOURNEY
|
||||
@ -506,78 +591,166 @@ el.textContent=new Date().getFullYear();
|
||||
SECTION 3 — SERVICES
|
||||
═══════════════════════════════════════════ -->
|
||||
<section id="v2-services" style="background-color: varvar(--v2-cream);">
|
||||
<div class="v2-services-inner">
|
||||
<div class="v2-services-left">
|
||||
<div class="v2-section-header-group">
|
||||
<div class="v2-services-inner" style="display: flex; flex-direction: column; align-items: center; text-align: center;">
|
||||
<div class="v2-services-left" style="display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; text-align: center; width: 100%;">
|
||||
<div class="v2-section-header-group" style="justify-content: center;">
|
||||
<span class="v2-eyebrow-num">02.</span>
|
||||
<span class="v2-eyebrow-text">OUR SERVICES</span>
|
||||
<div class="v2-eyebrow-line"></div>
|
||||
</div>
|
||||
<h2 class="v2-section-title v2-reveal">
|
||||
<span class="v2-gold-text">WE PLAN.</span>
|
||||
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">YOU CELEBRATE.</span>
|
||||
</h2>
|
||||
<div class="v2-hero-divider">
|
||||
<img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
|
||||
<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>
|
||||
<p class="v2-reveal v2-reveal-delay-1" style="color: var(--v2-text); font-weight: 500;">
|
||||
From intimate gatherings to grand celebrations,<br/>we offer end-to-end event management<br/>services tailored to your needs.
|
||||
<p class="v2-reveal v2-reveal-delay-1" style="color: var(--v2-text); font-weight: 500; max-width: 600px;">
|
||||
From intimate gatherings to grand celebrations, we offer end-to-end event management services tailored to your needs.
|
||||
</p>
|
||||
<a href="/services" class="v2-btn-gold v2-reveal v2-reveal-delay-2" style="margin-top: 20px; padding: 12px 20px; font-size: 0.75rem; border-radius: 6px;">
|
||||
<!-- <a href="/services" class="v2-btn-gold v2-reveal v2-reveal-delay-2" style="margin-top: 20px; padding: 12px 20px; font-size: 0.75rem; border-radius: 6px;">
|
||||
EXPLORE SERVICES
|
||||
<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>
|
||||
</a> -->
|
||||
</div>
|
||||
|
||||
<div class="v2-services-grid v2-services-grid-new">
|
||||
<a href="/services" class="v2-service-card-new" style="justify-content: center; align-items: center; padding: 40px 15px; height: 100%;">
|
||||
<div class="v2-feature-icon" style="margin-bottom: 16px;">
|
||||
<img src="/theme_aakriti_v2/static/src/img/services/icons/fusion.webp" alt="Fusion Weddings" style="width: 100%; height: 100%; object-fit: contain;" />
|
||||
<style>
|
||||
.v2-services-accordion .accordion-button:not(.collapsed) {
|
||||
background-color: #fdf9f1 !important;
|
||||
color: #C9973A !important;
|
||||
box-shadow: inset 0 -1px 0 rgba(201, 151, 58, 0.2) !important;
|
||||
}
|
||||
.v2-services-accordion .accordion-button:focus {
|
||||
border-color: rgba(201, 151, 58, 0.5);
|
||||
box-shadow: 0 0 0 0.25rem rgba(201, 151, 58, 0.25);
|
||||
}
|
||||
.v2-services-accordion .accordion-item {
|
||||
border: none;
|
||||
border-bottom: 1px solid rgba(201, 151, 58, 0.2);
|
||||
}
|
||||
.v2-services-accordion .accordion-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.v2-services-accordion .accordion-button {
|
||||
background-color: #fff;
|
||||
color: #1a1206;
|
||||
font-family: 'Jost', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 1.05rem;
|
||||
padding: 20px 24px;
|
||||
box-shadow: none;
|
||||
}
|
||||
.v2-services-accordion .accordion-body {
|
||||
background-color: #fdf9f1;
|
||||
color: #6b5e4e;
|
||||
padding: 20px 24px;
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
</style>
|
||||
<div class="accordion v2-services-accordion" id="servicesAccordion" style="box-shadow: 0 4px 15px rgba(0,0,0,0.05); border-radius: 12px; overflow: hidden; width: 100%; max-width: 1200px; margin: 0 auto;">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingOne">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||
FUSION WEDDINGS
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#servicesAccordion">
|
||||
<div class="accordion-body">
|
||||
We seamlessly blend cultures, traditions, and contemporary styles to create a unique and harmonious wedding experience tailored just for you.
|
||||
</div>
|
||||
<div class="v2-service-title-top" style="margin-bottom: 0;">FUSION WEDDINGS</div>
|
||||
</a>
|
||||
<a href="/services" class="v2-service-card-new" style="justify-content: center; align-items: center; padding: 40px 15px; height: 100%;">
|
||||
<div class="v2-feature-icon" style="margin-bottom: 16px;">
|
||||
<img src="/theme_aakriti_v2/static/src/img/services/icons/cermony.webp" alt="Ceremony and Reception Design" style="width: 100%; height: 100%; object-fit: contain;" />
|
||||
</div>
|
||||
<div class="v2-service-title-top" style="margin-bottom: 0;">CEREMONY & RECEPTION DESIGN</div>
|
||||
</a>
|
||||
<a href="/services" class="v2-service-card-new" style="justify-content: center; align-items: center; padding: 40px 15px; height: 100%;">
|
||||
<div class="v2-feature-icon" style="margin-bottom: 16px;">
|
||||
<img src="/theme_aakriti_v2/static/src/img/services/icons/mandap.webp" alt="Stage and Mandap Design" style="width: 100%; height: 100%; object-fit: contain;" />
|
||||
</div>
|
||||
<div class="v2-service-title-top" style="margin-bottom: 0;">STAGE & MANDAP DESIGN</div>
|
||||
</a>
|
||||
<a href="/services" class="v2-service-card-new" style="justify-content: center; align-items: center; padding: 40px 15px; height: 100%;">
|
||||
<div class="v2-feature-icon" style="margin-bottom: 16px;">
|
||||
<img src="/theme_aakriti_v2/static/src/img/services/icons/table.webp" alt="Table and Floral Styling" style="width: 100%; height: 100%; object-fit: contain;" />
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingTwo">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
CEREMONY & RECEPTION DESIGN
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#servicesAccordion">
|
||||
<div class="accordion-body">
|
||||
Transform your venue into a breathtaking space. We handle every design detail from the ceremony aisle to the reception tables.
|
||||
</div>
|
||||
<div class="v2-service-title-top" style="margin-bottom: 0;">TABLE & FLORAL STYLING</div>
|
||||
</a>
|
||||
<a href="/services" class="v2-service-card-new" style="justify-content: center; align-items: center; padding: 40px 15px; height: 100%;">
|
||||
<div class="v2-feature-icon" style="margin-bottom: 16px;">
|
||||
<img src="/theme_aakriti_v2/static/src/img/services/icons/rentals.webp" alt="Event Rentals and Custom Builds" style="width: 100%; height: 100%; object-fit: contain;" />
|
||||
</div>
|
||||
<div class="v2-service-title-top" style="margin-bottom: 0;">EVENT RENTALS & CUSTOM BUILDS</div>
|
||||
</a>
|
||||
<a href="/services" class="v2-service-card-new" style="justify-content: center; align-items: center; padding: 40px 15px; height: 100%;">
|
||||
<div class="v2-feature-icon" style="margin-bottom: 16px;">
|
||||
<img src="/theme_aakriti_v2/static/src/img/services/icons/private.webp" alt="Private Celebrations and Milestone Events" style="width: 100%; height: 100%; object-fit: contain;" />
|
||||
</div>
|
||||
<div class="v2-service-title-top" style="margin-bottom: 0;">PRIVATE CELEBRATIONS & MILESTONE EVENTS</div>
|
||||
</a>
|
||||
<a href="/services" class="v2-service-card-new" style="justify-content: center; align-items: center; padding: 40px 15px; height: 100%;">
|
||||
<div class="v2-feature-icon" style="margin-bottom: 16px;">
|
||||
<img src="/theme_aakriti_v2/static/src/img/services/icons/corporate.webp" alt="Corporate and Community Events" style="width: 100%; height: 100%; object-fit: contain;" />
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingThree">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||
STAGE & MANDAP DESIGN
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#servicesAccordion">
|
||||
<div class="accordion-body">
|
||||
Exquisite, custom-built stages and mandaps that serve as the perfect focal point for your most sacred and memorable moments.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFour">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
||||
TABLE & FLORAL STYLING
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#servicesAccordion">
|
||||
<div class="accordion-body">
|
||||
Elegant centerpieces, beautiful tablescapes, and stunning floral arrangements that elevate your event's aesthetic.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFive">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
|
||||
EVENT RENTALS & CUSTOM BUILDS
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#servicesAccordion">
|
||||
<div class="accordion-body">
|
||||
Access our premium inventory of furniture, decor, and custom-fabricated structures to bring your exact vision to life.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingSix">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
|
||||
PRIVATE CELEBRATIONS & MILESTONE EVENTS
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#servicesAccordion">
|
||||
<div class="accordion-body">
|
||||
From luxury birthdays to anniversaries, we design intimate and grand celebrations that celebrate your milestones in style.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingSeven">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
|
||||
CORPORATE & COMMUNITY EVENTS
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="headingSeven" data-bs-parent="#servicesAccordion">
|
||||
<div class="accordion-body">
|
||||
Professional event management and styling for galas, launches, and corporate gatherings that reflect your brand's excellence.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingEight">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
|
||||
ON-SITE STYLING & COORDINATION SUPPORT
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseEight" class="accordion-collapse collapse" aria-labelledby="headingEight" data-bs-parent="#servicesAccordion">
|
||||
<div class="accordion-body">
|
||||
Our expert team manages setup, styling, and breakdown on the day of your event, ensuring everything is flawless.
|
||||
</div>
|
||||
</div>
|
||||
<div class="v2-service-title-top" style="margin-bottom: 0;">CORPORATE & COMMUNITY EVENTS</div>
|
||||
</a>
|
||||
<a href="/services" class="v2-service-card-new" style="justify-content: center; align-items: center; padding: 40px 15px; height: 100%;">
|
||||
<div class="v2-feature-icon" style="margin-bottom: 16px;">
|
||||
<img src="/theme_aakriti_v2/static/src/img/services/icons/on-site.webp" alt="Corporate and Community Events" style="width: 100%; height: 100%; object-fit: contain;" />
|
||||
</div>
|
||||
<div class="v2-service-title-top" style="margin-bottom: 0;">ON-SITE STYLING & COORDINATION SUPPORT</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -690,7 +863,7 @@ el.textContent=new Date().getFullYear();
|
||||
</div>
|
||||
<!-- <a href="/contactus" class="v2-btn-outline-dark">READ MORE REVIEWS +</a> -->
|
||||
</div>
|
||||
<div class="v2-testimonials-right">
|
||||
<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>
|
||||
@ -707,14 +880,14 @@ el.textContent=new Date().getFullYear();
|
||||
<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-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>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -794,50 +967,39 @@ el.textContent=new Date().getFullYear();
|
||||
|
||||
|
||||
<!-- ═══════════════════════════════════════════
|
||||
SECTION 4 — GALLERY
|
||||
SECTION 4 — RECENT WORK
|
||||
═══════════════════════════════════════════ -->
|
||||
<section id="v2-gallery" style="background-color: var(--v2-cream);">
|
||||
<div class="v2-gallery-inner">
|
||||
<div class="v2-gallery-left">
|
||||
<div class="v2-section-header-group">
|
||||
<span class="v2-eyebrow-num">03.</span>
|
||||
<span class="v2-eyebrow-text">OUR WORK SPEAKS</span>
|
||||
<div class="v2-eyebrow-line"></div>
|
||||
<section id="v2-recent-work" style="background-color: #fff; 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>
|
||||
</div>
|
||||
<h2 class="v2-section-title v2-reveal">
|
||||
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">Moments</span>
|
||||
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">We've Created</span>
|
||||
</h2>
|
||||
<div class="v2-hero-divider">
|
||||
<img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
|
||||
|
||||
<div class="v2-gallery-grid">
|
||||
<div>
|
||||
<img src="/theme_aakriti_v2/static/src/img/home/works/1.webp" alt="Recent Work 1"/>
|
||||
</div>
|
||||
<p class="v2-reveal v2-reveal-delay-1" style="color: var(--v2-text); font-weight: 500;">
|
||||
A glimpse of celebrations<br/>we've had the privilege<br/>to design and deliver.
|
||||
</p>
|
||||
<a href="/portfolio" class="v2-btn-gold v2-reveal v2-reveal-delay-2" style="margin-top: 20px; padding: 12px 20px; font-size: 0.75rem; border-radius: 6px;">
|
||||
<div>
|
||||
<img src="/theme_aakriti_v2/static/src/img/home/works/2.webp" alt="Recent Work 2"/>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/theme_aakriti_v2/static/src/img/home/works/3.webp" alt="Recent Work 3"/>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/theme_aakriti_v2/static/src/img/home/works/4.webp" alt="Recent Work 4"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="/portfolio" style="display: inline-flex; align-items: center; justify-content: center; background-color: #C9973A; color: #fff; text-decoration: none; padding: 12px 30px; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 4px; transition: background 0.3s ease;">
|
||||
VIEW FULL GALLERY
|
||||
<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>
|
||||
<span style="display: inline-flex; align-items: center; justify-content: center; margin-left: 8px;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect width="18" height="18" x="3" y="3" rx="2" ry="2"/>
|
||||
<circle cx="9" cy="9" r="2"/>
|
||||
<path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="v2-gallery-right">
|
||||
<div class="v2-gallery-track" id="v2-gallery-track">
|
||||
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/1.webp" alt="Gallery 1" loading="lazy"/></div>
|
||||
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/2.webp" alt="Gallery 2" loading="lazy"/></div>
|
||||
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/3.webp" alt="Gallery 3" loading="lazy"/></div>
|
||||
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/4.webp" alt="Gallery 4" loading="lazy"/></div>
|
||||
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/5.webp" alt="Gallery 5" loading="lazy"/></div>
|
||||
<div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/home/works/6.webp" alt="Gallery 6" loading="lazy"/></div>
|
||||
</div>
|
||||
<div class="v2-gallery-nav">
|
||||
<button id="v2-gallery-prev" class="v2-gallery-btn-nav" aria-label="Previous">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5"/><path d="m12 19-7-7 7-7"/></svg>
|
||||
</button>
|
||||
<button id="v2-gallery-next" class="v2-gallery-btn-nav" aria-label="Next">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════════════════════════════════
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user