images updated

addons/theme_aakriti_v2/static/src/css/theme_v2.css

@@ -334,7 +334,7 @@
 .v2-hero-bg {
   position: absolute;
   inset: 0;
-  background-image: url('/theme_aakriti_v2/static/src/img/hero-banner.png');
+  background-image: url('/theme_aakriti_v2/static/src/img/home/home-banner.webp');
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
@@ -537,7 +537,7 @@
 /* ── SERVICES SECTION ──────────────────────────────────────── */
 #v2-services {
   background-color: var(--v2-cream);
-  padding: 100px 0;
+  padding: 60px 0;
 }
 
 .v2-services-inner {
@@ -658,7 +658,7 @@
 /* OLD gallery styles below - overridden by the section further down */
 #v2-gallery {
   background: var(--v2-cream) !important;
-  padding: 80px 0 !important;
+  padding: 80px 0;
   overflow: visible;
 }
 
@@ -1710,23 +1710,21 @@ main,
 .v2-gallery-right {
   position: relative;
   width: 100%;
-  overflow: visible;
+  overflow: hidden;
 }
 
 .v2-gallery-track {
   display: flex;
-  gap: 5px;
+  gap: 0;
 }
 
 .v2-gallery-item-slant {
-  width: 35%;
   height: 400px;
   overflow: hidden;
   clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%);
   position: relative;
   transition: transform 0.4s ease;
   flex-shrink: 0;
-  margin-right: -100px;
 }
 
 .v2-gallery-item-slant img {
@@ -1742,16 +1740,19 @@ main,
   transform: scale(1.08);
 }
 
-.v2-gallery-btn-next {
-  position: absolute;
-  right: 20px;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 56px;
-  height: 56px;
+.v2-gallery-nav {
+  display: flex;
+  gap: 10px;
+  margin-top: 20px;
+  justify-content: flex-end;
+}
+
+.v2-gallery-btn-nav {
+  width: 46px;
+  height: 46px;
   border-radius: 50%;
   background: var(--v2-gold);
-  border: 4px solid rgba(255, 255, 255, 0.4);
+  border: none;
   color: #fff;
   display: flex;
   align-items: center;
@@ -1762,7 +1763,7 @@ main,
   transition: background 0.3s;
 }
 
-.v2-gallery-btn-next:hover {
+.v2-gallery-btn-nav:hover {
   background: var(--v2-gold-dark);
 }
 
@@ -2025,7 +2026,7 @@ main,
   height:42px;
   min-width:42px;
   border-radius:50%;
-  border:1.5px solid rgba(255,255,255,.5);
+  /* border:1.5px solid rgba(255,255,255,.5); */
   display:flex;
   align-items:center;
   justify-content:center;
@@ -2556,8 +2557,8 @@ justify-content:center;
 .v2-portfolio-tab {
     display: flex;
     align-items: center;
-    gap: 8px;
-    padding: 12px 24px;
+    gap: 0;
+    padding: 5px 10px;
     background: transparent;
     border: 1px solid #d4af37;
     border-radius: 6px;
@@ -2859,3 +2860,9 @@ justify-content:center;
 .v2-contact-social a:hover {
     background-color: #1a1206;
 }
+
+@media (max-width: 768px) {
+    #v2-services{
+        padding: 40px 0;
+    }
+}

addons/theme_aakriti_v2/static/src/js/theme_v2.js

@@ -34,9 +34,9 @@
 
     /* ── Mobile Drawer ────────────────────────────────────── */
     function initMobileDrawer() {
-        var toggle   = qs('#v2-mobile-toggle');
-        var drawer   = qs('#v2-mobile-drawer');
-        var overlay  = qs('#v2-drawer-overlay');
+        var toggle = qs('#v2-mobile-toggle');
+        var drawer = qs('#v2-mobile-drawer');
+        var overlay = qs('#v2-drawer-overlay');
         var closeBtn = qs('#v2-drawer-close');
         if (!toggle || !drawer) return;
 
@@ -53,7 +53,7 @@
 
         toggle.addEventListener('click', openDrawer);
         if (closeBtn) { closeBtn.addEventListener('click', closeDrawer); }
-        if (overlay)  { overlay.addEventListener('click', closeDrawer); }
+        if (overlay) { overlay.addEventListener('click', closeDrawer); }
 
         qsa('#v2-mobile-drawer a').forEach(function (a) {
             a.addEventListener('click', closeDrawer);
@@ -65,37 +65,119 @@
 
     /* ── Gallery Carousel ─────────────────────────────────── */
     function initGallery() {
-        var track   = qs('#v2-gallery-track');
+        var track = qs('#v2-gallery-track');
         var prevBtn = qs('#v2-gallery-prev');
         var nextBtn = qs('#v2-gallery-next');
         if (!track) return;
 
-        var current  = 0;
-        var itemWidth = 334; // item width + gap
+        var current = 0;
+        var itemWidth = 0;
+        var visibleItems = 4;
+
+        function updateLayout() {
+            var ww = window.innerWidth;
+            if (ww > 991) {
+                visibleItems = 4;
+            } else if (ww > 576) {
+                visibleItems = 3;
+            } else {
+                visibleItems = 2;
+            }
+
+            var containerWidth = track.parentElement.offsetWidth;
+            var gap = 12; // White gap between slanted items in pixels
+
+            var items = qsa('.v2-gallery-item-slant', track);
+
+            // Calculate width 'w' so that 'visibleItems' fit exactly in containerWidth
+            var w = (containerWidth - (visibleItems - 1) * gap) / (0.75 * visibleItems + 0.25);
+            var mr = (-0.25 * w) + gap;
+
+            items.forEach(function (item, idx) {
+                item.style.width = w + 'px';
+                if (idx === items.length - 1) {
+                    item.style.marginRight = '0px';
+                } else {
+                    item.style.marginRight = mr + 'px';
+                }
+            });
+
+            itemWidth = (w * 0.75) + gap; // The effective step width to slide
+
+            current = clamp(current, 0, getMax());
+            goTo(current, false);
+            updateButtons();
+        }
 
         function clamp(val, min, max) { return Math.max(min, Math.min(max, val)); }
 
         function getMax() {
-            var items = track.children.length;
-            var visible = Math.floor(track.parentElement.offsetWidth / itemWidth);
-            return Math.max(0, items - visible);
+            var itemsCount = track.children.length;
+            return Math.max(0, itemsCount - visibleItems);
         }
 
-        function goTo(index) {
+        function updateButtons() {
+            if (prevBtn) {
+                if (current <= 0) {
+                    prevBtn.style.opacity = '0.5';
+                    prevBtn.style.pointerEvents = 'none';
+                } else {
+                    prevBtn.style.opacity = '1';
+                    prevBtn.style.pointerEvents = 'auto';
+                }
+            }
+            if (nextBtn) {
+                if (current >= getMax()) {
+                    nextBtn.style.opacity = '0.5';
+                    nextBtn.style.pointerEvents = 'none';
+                } else {
+                    nextBtn.style.opacity = '1';
+                    nextBtn.style.pointerEvents = 'auto';
+                }
+            }
+        }
+
+        function goTo(index, animate) {
+            if (animate === undefined) animate = true;
             current = clamp(index, 0, getMax());
+            track.style.transition = animate ? 'transform 0.4s ease' : 'none';
             track.style.transform = 'translateX(-' + (current * itemWidth) + 'px)';
+            updateButtons();
         }
 
-        if (prevBtn) { prevBtn.addEventListener('click', function () { goTo(current - 1); }); }
-        if (nextBtn) { nextBtn.addEventListener('click', function () { goTo(current + 1); }); }
+        if (prevBtn) { prevBtn.addEventListener('click', function () { goTo(current - 1); resetAutoSlide(); }); }
+        if (nextBtn) { nextBtn.addEventListener('click', function () { goTo(current + 1); resetAutoSlide(); }); }
 
         // Touch/swipe support
         var startX = 0;
         track.addEventListener('touchstart', function (e) { startX = e.touches[0].clientX; }, { passive: true });
         track.addEventListener('touchend', function (e) {
             var diff = startX - e.changedTouches[0].clientX;
-            if (Math.abs(diff) > 50) { goTo(current + (diff > 0 ? 1 : -1)); }
+            if (Math.abs(diff) > 50) {
+                goTo(current + (diff > 0 ? 1 : -1));
+                resetAutoSlide();
+            }
         }, { passive: true });
+
+        // Auto slide
+        var autoSlideInterval;
+        function startAutoSlide() {
+            autoSlideInterval = setInterval(function () {
+                if (current >= getMax()) {
+                    goTo(0);
+                } else {
+                    goTo(current + 1);
+                }
+            }, 3000);
+        }
+        function resetAutoSlide() {
+            clearInterval(autoSlideInterval);
+            startAutoSlide();
+        }
+
+        window.addEventListener('resize', updateLayout);
+        updateLayout();
+        startAutoSlide();
     }
 
     /* ── Scroll Reveal ────────────────────────────────────── */
@@ -229,7 +311,7 @@
 
         // Tab click handlers
         tabs.forEach(tab => {
-            tab.addEventListener('click', function() {
+            tab.addEventListener('click', function () {
                 tabs.forEach(t => t.classList.remove('active'));
                 this.classList.add('active');
 

addons/theme_aakriti_v2/views/portfolio_templates.xml

@@ -12,7 +12,7 @@
                 <t t-call="website.layout">
                     <div id="wrap" class="oe_structure oe_empty" style="background-color: var(--v2-cream); font-family: 'Jost', sans-serif;">
                         <!-- Inner Banner -->
-                        <section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/hero_bg.png');">
+                        <section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/inner-banner/1.webp');">
                             <div class="v2-inner-banner-content">
                                 <h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">Portfolio</h1>
                                 <div class="v2-inner-banner-breadcrumb">
@@ -23,41 +23,80 @@
 
                         <!-- Portfolio Section -->
                         <section class="v2-portfolio-section">
-                            <div class="v2-portfolio-tabs">
-                                <button class="v2-portfolio-tab active" data-filter="all">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
-                                    ALL EVENTS
-                                </button>
-                                <button class="v2-portfolio-tab" data-filter="weddings">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="8" cy="12" r="5"></circle><circle cx="16" cy="12" r="5"></circle></svg>
-                                    WEDDINGS
-                                </button>
-                                <button class="v2-portfolio-tab" data-filter="corporate">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>
-                                    CORPORATE EVENTS
-                                </button>
-                                <button class="v2-portfolio-tab" data-filter="birthday">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v4"></path><path d="M12 18v4"></path><path d="M4.93 19.07l2.83-2.83"></path><path d="M16.24 7.76l2.83-2.83"></path><path d="M2 12h4"></path><path d="M18 12h4"></path><path d="M4.93 4.93l2.83 2.83"></path><path d="M16.24 16.24l2.83 2.83"></path></svg>
-                                    BIRTHDAY CELEBRATIONS
-                                </button>
-                                <button class="v2-portfolio-tab" data-filter="cultural">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon></svg>
-                                    CULTURAL EVENTS
-                                </button>
-                                <button class="v2-portfolio-tab" data-filter="private">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>
-                                    PRIVATE PARTIES
-                                </button>
-                            </div>
 
-                            <div class="v2-masonry-grid" id="v2-portfolio-grid">
-                                <!-- Portfolio items will be injected here dynamically by theme_v2.js -->
-                            </div>
+    <div class="v2-portfolio-tabs">
 
-                            <!-- <div class="v2-portfolio-load-more" style="text-align: center; margin-top: 50px;">
-                                <a href="#" class="v2-btn-outline-gold" style="display: inline-flex; align-items: center; gap: 8px;">VIEW MORE PROJECTS <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"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></a>
-                            </div> -->
-                        </section>
+        <button class="v2-portfolio-tab active" data-filter="all">
+            <img src="/theme_aakriti_v2/static/src/img/portfolio/all.png"
+                 alt="All Events"
+                 width="40"
+                 height="40"/>
+            ALL
+        </button>
+
+        <button class="v2-portfolio-tab" data-filter="weddings">
+            <img src="/theme_aakriti_v2/static/src/img/portfolio/wedding.png"
+                 alt="Weddings"
+                 width="40"
+                 height="40"/>
+            WEDDINGS
+        </button>
+
+        <button class="v2-portfolio-tab" data-filter="pre-wedding">
+            <img src="/theme_aakriti_v2/static/src/img/portfolio/pre-wedding.png"
+                 alt="Pre Wedding"
+                 width="40"
+                 height="40"/>
+            PRE-WEDDING
+        </button>
+
+        <button class="v2-portfolio-tab" data-filter="engagements">
+            <img src="/theme_aakriti_v2/static/src/img/portfolio/engagements.png"
+                 alt="Engagements"
+                 width="40"
+                 height="40"/>
+            ENGAGEMENTS
+        </button>
+
+        <button class="v2-portfolio-tab" data-filter="celebrations">
+            <img src="/theme_aakriti_v2/static/src/img/portfolio/celebrations.png"
+                 alt="Celebrations"
+                 width="40"
+                 height="40"/>
+            CELEBRATIONS
+        </button>
+
+        <button class="v2-portfolio-tab" data-filter="corporate">
+            <img src="/theme_aakriti_v2/static/src/img/portfolio/corporate.png"
+                 alt="Corporate"
+                 width="40"
+                 height="40"/>
+            CORPORATE
+        </button>
+
+        <button class="v2-portfolio-tab" data-filter="cultural">
+            <img src="/theme_aakriti_v2/static/src/img/portfolio/cultural.png"
+                 alt="Cultural"
+                 width="40"
+                 height="40"/>
+            CULTURAL
+        </button>
+
+        <button class="v2-portfolio-tab" data-filter="festivals">
+            <img src="/theme_aakriti_v2/static/src/img/portfolio/festivals.png"
+                 alt="Festivals"
+                 width="40"
+                 height="40"/>
+            FESTIVALS
+        </button>
+
+    </div>
+
+    <div class="v2-masonry-grid" id="v2-portfolio-grid">
+        <!-- Portfolio items injected by theme_v2.js -->
+    </div>
+
+</section>
                     </div>
                 </t>
             </t>

addons/theme_aakriti_v2/views/website_v2_templates.xml

@@ -290,7 +290,7 @@ el.textContent=new Date().getFullYear();
                             <span class="v2-dark-text hero-title">TO REMEMBER</span>
                         </h1>
                         <div class="v2-hero-divider v2-reveal">
-                            <img src="/theme_aakriti_v2/static/src/img/decorative-line.png" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
+                            <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
                         </div>
                         <p class="v2-hero-sub v2-reveal v2-reveal-delay-1 hero-title">
                             Aakrithi Events crafts unforgettable weddings,
@@ -323,42 +323,44 @@ el.textContent=new Date().getFullYear();
                     <div class="v2-features-card">
                         <div class="v2-features-grid">
                             <div class="v2-feature-item v2-reveal">
-                                <div class="v2-feature-icon">
-                                    <!-- Lightbulb icon -->
-                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg>
-                                </div>
-                                <div class="v2-feature-title">Creative Concepts</div>
-                                <div class="v2-feature-desc">Unique ideas that<br/>bring your vision to life.</div>
-                            </div>
+    <div class="v2-feature-icon">
+        <img src="/theme_aakriti_v2/static/src/img/home/features/creative-concepts.webp"
+             alt="Creative Concepts"
+             width="40"
+             height="40"/>
+    </div>
+
+    <div class="v2-feature-title">Creative Concepts</div>
+    <div class="v2-feature-desc">
+        Unique ideas that<br/>
+        bring your vision to life.
+    </div>
+</div>
                             <div class="v2-feature-item v2-reveal v2-reveal-delay-1">
                                 <div class="v2-feature-icon">
-                                    <!-- Clipboard icon -->
-                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M15 2H9a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1Z"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></svg>
-                                </div>
+        <img src="/theme_aakriti_v2/static/src/img/home/features/flawless-planning.webp" alt="Creative Concepts" width="40" height="40"/>
+    </div>
                                 <div class="v2-feature-title">Flawless Planning</div>
                                 <div class="v2-feature-desc">Every detail planned<br/>to perfection.</div>
                             </div>
                             <div class="v2-feature-item v2-reveal v2-reveal-delay-2">
                                 <div class="v2-feature-icon">
-                                    <!-- People icon -->
-                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
-                                </div>
+        <img src="/theme_aakriti_v2/static/src/img/home/features/vendor-management.webp" alt="Creative Concepts" width="40" height="40"/>
+    </div>
                                 <div class="v2-feature-title">Vendor Management</div>
                                 <div class="v2-feature-desc">Trusted network,<br/>seamless coordination.</div>
                             </div>
                             <div class="v2-feature-item v2-reveal v2-reveal-delay-3">
                                 <div class="v2-feature-icon">
-                                    <!-- Diamond icon -->
-                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13"/><path d="M12 22 16 9l-3-6"/></svg>
-                                </div>
+        <img src="/theme_aakriti_v2/static/src/img/home/features/premium-design.webp" alt="Creative Concepts" width="40" height="40"/>     
+    </div>
                                 <div class="v2-feature-title">Premium Design</div>
                                 <div class="v2-feature-desc">Stunning decor &amp; styling<br/>that leaves an impression.</div>
                             </div>
                             <div class="v2-feature-item v2-reveal v2-reveal-delay-4">
                                 <div class="v2-feature-icon">
-                                    <!-- Star icon -->
-                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
-                                </div>
+        <img src="/theme_aakriti_v2/static/src/img/home/features/memorable-experiences.webp" alt="Creative Concepts" width="40" height="40"/>
+    </div>
                                 <div class="v2-feature-title">Memorable Experiences</div>
                                 <div class="v2-feature-desc">Creating moments your<br/>guests will never forget.</div>
                             </div>
@@ -383,7 +385,7 @@ el.textContent=new Date().getFullYear();
                                 <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.png" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
+                                <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>
                             <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.
@@ -397,35 +399,35 @@ el.textContent=new Date().getFullYear();
                         <div class="v2-services-grid v2-services-grid-new">
                             <a href="/rentals" class="v2-service-card-new">
                                 <div class="v2-service-title-top">WEDDING</div>
-                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/wedding.png" alt="Wedding" loading="lazy"/></div>
+                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/wedding.webp" alt="Wedding" loading="lazy"/></div>
                             </a>
                             <a href="/rentals" class="v2-service-card-new">
                                 <div class="v2-service-title-top">CORPORATE EVENTS</div>
-                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/corporate.png" alt="Corporate" loading="lazy"/></div>
+                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/corporate-events.webp" alt="Corporate" loading="lazy"/></div>
                             </a>
                             <a href="/rentals" class="v2-service-card-new">
                                 <div class="v2-service-title-top">BIRTHDAY CELEBRATIONS</div>
-                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/birthday.png" alt="Birthday" loading="lazy"/></div>
+                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/birthday.webp" alt="Birthday" loading="lazy"/></div>
                             </a>
                             <a href="/rentals" class="v2-service-card-new">
                                 <div class="v2-service-title-top">CULTURAL EVENTS</div>
-                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/cultural.png" alt="Cultural" loading="lazy"/></div>
+                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/cultural-event.webp" alt="Cultural" loading="lazy"/></div>
                             </a>
                             <a href="/rentals" class="v2-service-card-new">
                                 <div class="v2-service-title-top">STAGE &amp; DECOR DESIGN</div>
-                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/stage_decor.png" alt="Decor" loading="lazy"/></div>
+                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/stage-decor.webp" alt="Decor" loading="lazy"/></div>
                             </a>
                             <a href="/rentals" class="v2-service-card-new">
                                 <div class="v2-service-title-top">BRAND LAUNCHES</div>
-                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/gallery1.webp" alt="Brand" loading="lazy"/></div>
+                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/brand-launches.webp" alt="Brand" loading="lazy"/></div>
                             </a>
                             <a href="/rentals" class="v2-service-card-new">
                                 <div class="v2-service-title-top">PRIVATE PARTIES</div>
-                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Parties" loading="lazy"/></div>
+                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/private-parties.webp" alt="Parties" loading="lazy"/></div>
                             </a>
                             <a href="/rentals" class="v2-service-card-new">
                                 <div class="v2-service-title-top">EVENT COORDINATION</div>
-                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/hero_bg.png" alt="Coordination" loading="lazy"/></div>
+                                <div class="v2-service-img-wrapper"><img src="/theme_aakriti_v2/static/src/img/home/services/event-coordination.webp" alt="Coordination" loading="lazy"/></div>
                             </a>
                         </div>
                     </div>
@@ -448,26 +450,33 @@ el.textContent=new Date().getFullYear();
                                 <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.png" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
+                                <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>
                             <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="/rentals" 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="/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;">
                                 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>
                             </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/gallery1.webp" alt="Gallery 1" loading="lazy"/></div>
-                                <div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Gallery 2" loading="lazy"/></div>
-                                <div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/hero_bg.png" alt="Gallery 3" loading="lazy"/></div>
-                                <div class="v2-gallery-item-slant"><img src="/theme_aakriti_v2/static/src/img/wedding.png" alt="Gallery 4" loading="lazy"/></div>
+                                <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>
-                            <button class="v2-gallery-btn-next" aria-label="Next">
+                            <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>
@@ -481,48 +490,69 @@ el.textContent=new Date().getFullYear();
                         <span class="v2-eyebrow">OUR PROCESS</span>
                         <h2 class="v2-section-title v2-reveal" style="font-family: var(--v2-font-display);">From Vision To Reality</h2>
                         <div class="v2-process-timeline">
-                            <div class="v2-process-line"></div>
-                            <div class="v2-step v2-reveal">
-                                <div class="v2-step-icon-circle">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>
-                                </div>
-                                <div class="v2-step-num">1</div>
-                                <div class="v2-step-title">DISCOVER</div>
-                                <p class="v2-step-desc">We listen, understand<br/>and align with your goals.</p>
-                            </div>
-                            <div class="v2-step v2-reveal v2-reveal-delay-1">
-                                <div class="v2-step-icon-circle">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m18 5-3-3H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z"/><path d="m14 2 4 4"/><path d="m9 15 2 2 4-4"/></svg>
-                                </div>
-                                <div class="v2-step-num">2</div>
-                                <div class="v2-step-title">DESIGN</div>
-                                <p class="v2-step-desc">We create a concept<br/>that reflects your style.</p>
-                            </div>
-                            <div class="v2-step v2-reveal v2-reveal-delay-2">
-                                <div class="v2-step-icon-circle">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
-                                </div>
-                                <div class="v2-step-num">3</div>
-                                <div class="v2-step-title">PLAN</div>
-                                <p class="v2-step-desc">We plan every detail<br/>with precision.</p>
-                            </div>
-                            <div class="v2-step v2-reveal v2-reveal-delay-3">
-                                <div class="v2-step-icon-circle">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/></svg>
-                                </div>
-                                <div class="v2-step-num">4</div>
-                                <div class="v2-step-title">EXECUTE</div>
-                                <p class="v2-step-desc">We execute flawlessly<br/>to bring it to life.</p>
-                            </div>
-                            <div class="v2-step v2-reveal v2-reveal-delay-4">
-                                <div class="v2-step-icon-circle">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/></svg>
-                                </div>
-                                <div class="v2-step-num">5</div>
-                                <div class="v2-step-title">CELEBRATE</div>
-                                <p class="v2-step-desc">You enjoy every moment,<br/>we handle the rest.</p>
-                            </div>
-                        </div>
+    <div class="v2-process-line"></div>
+
+    <div class="v2-step v2-reveal">
+        <div class="v2-step-icon-circle">
+            <img src="/theme_aakriti_v2/static/src/img/home/process/discover.png"
+                 alt="Discover"
+                 width="40"
+                 height="40"/>
+        </div>
+        <div class="v2-step-num">1</div>
+        <div class="v2-step-title">DISCOVER</div>
+        <p class="v2-step-desc">We listen, understand<br/>and align with your goals.</p>
+    </div>
+
+    <div class="v2-step v2-reveal v2-reveal-delay-1">
+        <div class="v2-step-icon-circle">
+            <img src="/theme_aakriti_v2/static/src/img/home/process/design.png"
+                 alt="Design"
+                 width="40"
+                 height="40"/>
+        </div>
+        <div class="v2-step-num">2</div>
+        <div class="v2-step-title">DESIGN</div>
+        <p class="v2-step-desc">We create a concept<br/>that reflects your style.</p>
+    </div>
+
+    <div class="v2-step v2-reveal v2-reveal-delay-2">
+        <div class="v2-step-icon-circle">
+            <img src="/theme_aakriti_v2/static/src/img/home/process/plan.png"
+                 alt="Plan"
+                 width="40"
+                 height="40"/>
+        </div>
+        <div class="v2-step-num">3</div>
+        <div class="v2-step-title">PLAN</div>
+        <p class="v2-step-desc">We plan every detail<br/>with precision.</p>
+    </div>
+
+    <div class="v2-step v2-reveal v2-reveal-delay-3">
+        <div class="v2-step-icon-circle">
+            <img src="/theme_aakriti_v2/static/src/img/home/process/execute.png"
+                 alt="Execute"
+                 width="40"
+                 height="40"/>
+        </div>
+        <div class="v2-step-num">4</div>
+        <div class="v2-step-title">EXECUTE</div>
+        <p class="v2-step-desc">We execute flawlessly<br/>to bring it to life.</p>
+    </div>
+
+    <div class="v2-step v2-reveal v2-reveal-delay-4">
+        <div class="v2-step-icon-circle">
+            <img src="/theme_aakriti_v2/static/src/img/home/process/celebrate.png"
+                 alt="Celebrate"
+                 width="40"
+                 height="40"/>
+        </div>
+        <div class="v2-step-num">5</div>
+        <div class="v2-step-title">CELEBRATE</div>
+        <p class="v2-step-desc">You enjoy every moment,<br/>we handle the rest.</p>
+    </div>
+
+</div>
                     </div>
                 </section>
 
@@ -544,7 +574,7 @@ el.textContent=new Date().getFullYear();
                                 <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.png" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
+                            <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
                         </div>
                             <a href="/contactus" class="v2-btn-outline-dark">READ MORE REVIEWS +</a>
                         </div>
@@ -582,48 +612,73 @@ el.textContent=new Date().getFullYear();
                      SECTION 7 — STATS STRIP
                 ═══════════════════════════════════════════ -->
                 <section id="v2-stats">
-                    <div class="v2-stats-grid">
-                        <div class="v2-stat-item">
-                            <div class="v2-stat-icon-wrap">
-                                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>
-                            </div>
-                            <div class="v2-stat-number">10+</div>
-                            <div class="v2-stat-label">YEARS OF EXPERIENCE</div>
-                        </div>
-                        <div class="v2-stat-dot">&#8226;</div>
-                        <div class="v2-stat-item">
-                            <div class="v2-stat-icon-wrap">
-                                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2L15 12L22 15L15 18L12 22L9 18L2 15L9 12L12 2Z"/></svg>
-                            </div>
-                            <div class="v2-stat-number">500+</div>
-                            <div class="v2-stat-label">EVENTS EXECUTED</div>
-                        </div>
-                        <div class="v2-stat-dot">&#8226;</div>
-                        <div class="v2-stat-item">
-                            <div class="v2-stat-icon-wrap">
-                                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
-                            </div>
-                            <div class="v2-stat-number">1000+</div>
-                            <div class="v2-stat-label">HAPPY CLIENTS</div>
-                        </div>
-                        <div class="v2-stat-dot">&#8226;</div>
-                        <div class="v2-stat-item">
-                            <div class="v2-stat-icon-wrap">
-                                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
-                            </div>
-                            <div class="v2-stat-number">50+</div>
-                            <div class="v2-stat-label">EXPERT TEAM MEMBERS</div>
-                        </div>
-                        <div class="v2-stat-dot">&#8226;</div>
-                        <div class="v2-stat-item">
-                            <div class="v2-stat-icon-wrap">
-                                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg>
-                            </div>
-                            <div class="v2-stat-number">100%</div>
-                            <div class="v2-stat-label">CLIENT SATISFACTION</div>
-                        </div>
-                    </div>
-                </section>
+    <div class="v2-stats-grid">
+
+        <div class="v2-stat-item">
+            <div class="v2-stat-icon-wrap">
+                <img src="/theme_aakriti_v2/static/src/img/home/counter/experience.webp"
+                     alt="Years Experience"
+                     width="50"
+                     height="50"/>
+            </div>
+            <div class="v2-stat-number">10+</div>
+            <div class="v2-stat-label">YEARS OF EXPERIENCE</div>
+        </div>
+
+        <div class="v2-stat-dot">&#8226;</div>
+
+        <div class="v2-stat-item">
+            <div class="v2-stat-icon-wrap">
+                <img src="/theme_aakriti_v2/static/src/img/home/counter/events-executed.webp"
+                     alt="Events Executed"
+                     width="50"
+                     height="50"/>
+            </div>
+            <div class="v2-stat-number">500+</div>
+            <div class="v2-stat-label">EVENTS EXECUTED</div>
+        </div>
+
+        <div class="v2-stat-dot">&#8226;</div>
+
+        <div class="v2-stat-item">
+            <div class="v2-stat-icon-wrap">
+                <img src="/theme_aakriti_v2/static/src/img/home/counter/happy-clients.webp"
+                     alt="Happy Clients"
+                     width="50"
+                     height="50"/>
+            </div>
+            <div class="v2-stat-number">1000+</div>
+            <div class="v2-stat-label">HAPPY CLIENTS</div>
+        </div>
+
+        <div class="v2-stat-dot">&#8226;</div>
+
+        <div class="v2-stat-item">
+            <div class="v2-stat-icon-wrap">
+                <img src="/theme_aakriti_v2/static/src/img/home/counter/expert-team.webp"
+                     alt="Expert Team"
+                     width="50"
+                     height="50"/>
+            </div>
+            <div class="v2-stat-number">50+</div>
+            <div class="v2-stat-label">EXPERT TEAM MEMBERS</div>
+        </div>
+
+        <div class="v2-stat-dot">&#8226;</div>
+
+        <div class="v2-stat-item">
+            <div class="v2-stat-icon-wrap">
+                <img src="/theme_aakriti_v2/static/src/img/home/counter/client-satisfaction.webp"
+                     alt="Client Satisfaction"
+                     width="50"
+                     height="50"/>
+            </div>
+            <div class="v2-stat-number">100%</div>
+            <div class="v2-stat-label">CLIENT SATISFACTION</div>
+        </div>
+
+    </div>
+</section>
 
 
                 <!-- ═══════════════════════════════════════════
@@ -640,7 +695,7 @@ el.textContent=new Date().getFullYear();
                                 <span class="v2-dark-text" style="font-family: var(--v2-font-display);">Something Incredible?</span>
                             </h2>
                             <div class="v2-hero-divider">
-                                <img src="/theme_aakriti_v2/static/src/img/decorative-line.png" alt="Decorative Line" style="height: auto; max-width: 150px; display: block; margin: 0;"/>
+                                <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>
                             <p>Let's make your next event an extraordinary experience that your guests will never forget.</p>
                         </div>
@@ -801,7 +856,7 @@ el.textContent=new Date().getFullYear();
         <xpath expr="//div[@id='wrap']" position="replace">
             <div id="wrap" class="oe_structure oe_empty" style="background-color:#ffffff; font-family:'Jost',sans-serif;">
                 <!-- Inner Banner -->
-                <section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/about.webp');">
+                <section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/inner-banner/2.webp');">
                     <div class="v2-inner-banner-content">
                         <h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">About Us</h1>
                         <div class="v2-inner-banner-breadcrumb">
@@ -1001,16 +1056,16 @@ el.textContent=new Date().getFullYear();
                         position: relative;
                         padding: 100px 24px;
                         text-align: center;
-                        background-image: url('/theme_aakriti_v2/static/src/img/hero_bg.png');
+                        background-image: url('/theme_aakriti_v2/static/src/img/about/cta.webp');
                         background-size: cover;
                         background-position: center;
-                        background-attachment: fixed;
+                        <!-- background-attachment: fixed; -->
                     }
                     .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%);
+                        <!-- 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%); -->
                     }
                     .v2-cta-banner-content {
                         position: relative;
@@ -1042,10 +1097,10 @@ el.textContent=new Date().getFullYear();
                     <div class="v2-story-grid">
                         <!-- Images Left -->
                         <div 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;"/>
+                            <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/gallery1.webp" alt="Event details" style="width: 100%; height: 220px; object-fit: cover; border-radius: 12px;"/>
-                                <img src="/theme_aakriti_v2/static/src/img/hero_bg.png" alt="Event setup" style="width: 100%; height: 220px; object-fit: cover; border-radius: 12px;"/>
+                                <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>
                         </div>
                         
@@ -1078,74 +1133,94 @@ el.textContent=new Date().getFullYear();
 
                 <!-- SECTION 2: WHAT MAKES US DIFFERENT -->
                 <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>
-                    </div>
+    <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>
+    </div>
 
-                    <div class="v2-features-grid-about">
-                        <!-- Card 1 -->
-                        <div class="v2-feature-card">
-                            <div class="v2-feature-icon-new">
-                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="12" r="5"/><circle cx="16" cy="12" r="5"/></svg>
-                            </div>
-                            <h4>Fusion Weddings</h4>
-                            <p>Blending traditions beautifully while respecting every culture.</p>
-                        </div>
+    <div class="v2-features-grid-about">
 
-                        <!-- Card 2 -->
-                        <div class="v2-feature-card">
-                            <div class="v2-feature-icon-new">
-                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M15 2H9a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1Z"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></svg>
-                            </div>
-                            <h4>Intentional Design</h4>
-                            <p>Every space is planned around guest experience and flow.</p>
-                        </div>
+        <!-- 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"
+                     alt="Fusion Weddings"
+                     width="40"
+                     height="40"/>
+            </div>
+            <h4>Fusion Weddings</h4>
+            <p>Blending traditions beautifully while respecting every culture.</p>
+        </div>
 
-                        <!-- Card 3 -->
-                        <div class="v2-feature-card">
-                            <div class="v2-feature-icon-new">
-                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="M4.93 4.93l1.41 1.41"/><path d="M17.66 17.66l1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="M4.93 19.07l1.41-1.41"/><path d="M17.66 6.34l1.41-1.41"/></svg>
-                            </div>
-                            <h4>Creative Styling</h4>
-                            <p>Every celebration is designed from the ground up.</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"
+                     alt="Intentional Design"
+                     width="40"
+                     height="40"/>
+            </div>
+            <h4>Intentional Design</h4>
+            <p>Every space is planned around guest experience and flow.</p>
+        </div>
 
-                        <!-- Card 4 -->
-                        <div class="v2-feature-card">
-                            <div class="v2-feature-icon-new">
-                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="7"/><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"/></svg>
-                            </div>
-                            <h4>Execution Expertise</h4>
-                            <p>Over a decade of practical planning experience.</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"
+                     alt="Creative Styling"
+                     width="40"
+                     height="40"/>
+            </div>
+            <h4>Creative Styling</h4>
+            <p>Every celebration is designed from the ground up.</p>
+        </div>
 
-                        <!-- Card 5 -->
-                        <div class="v2-feature-card">
-                            <div class="v2-feature-icon-new">
-                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
-                            </div>
-                            <h4>Personalized Service</h4>
-                            <p>No templates. Every design is uniquely yours.</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"
+                     alt="Execution Expertise"
+                     width="40"
+                     height="40"/>
+            </div>
+            <h4>Execution Expertise</h4>
+            <p>Over a decade of practical planning experience.</p>
+        </div>
 
-                        <!-- Card 6 -->
-                        <div class="v2-feature-card">
-                            <div class="v2-feature-icon-new">
-                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" y1="9" x2="9.01" y2="9"/><line x1="15" y1="9" x2="15.01" y2="9"/></svg>
-                            </div>
-                            <h4>Stress-Free Process</h4>
-                            <p>Calm guidance from concept to celebration.</p>
-                        </div>
-                    </div>
-                </section>
+        <!-- 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"
+                     alt="Personalized Service"
+                     width="40"
+                     height="40"/>
+            </div>
+            <h4>Personalized Service</h4>
+            <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"
+                     alt="Stress-Free Process"
+                     width="40"
+                     height="40"/>
+            </div>
+            <h4>Stress-Free Process</h4>
+            <p>Calm guidance from concept to celebration.</p>
+        </div>
+
+    </div>
+</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.webp" alt="Founder" class="v2-founder-img" style="aspect-ratio: 4/5;"/>
+                            <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 -->
@@ -1171,17 +1246,21 @@ el.textContent=new Date().getFullYear();
 
                         <!-- Right: Quote Card -->
                         <div class="v2-founder-quote-card">
-                            <div class="v2-quote-icon">“</div>
-                            <p class="v2-quote-text">At Aakriti Design, we don't just design events—we create experiences that you and your guests will cherish forever.</p>
-                            <div class="v2-quote-author">Paarul Ladd</div>
-                            <!-- Flower decoration SVG -->
-                            <svg class="v2-flower-deco" viewBox="0 0 100 100" fill="none" stroke="#C9973A" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
-                                <path d="M50,90 Q55,70 85,60 Q65,55 60,35 Q55,55 30,60 Q45,70 50,90 Z"/>
-                                <path d="M60,35 Q75,25 90,30 Q80,45 85,60"/>
-                                <path d="M30,60 Q15,55 10,40 Q25,35 45,45"/>
-                                <circle cx="56" cy="56" r="4"/>
-                            </svg>
-                        </div>
+    <div class="v2-quote-icon">“</div>
+
+    <p class="v2-quote-text">
+        At Aakriti Design, we don't just design events—we create experiences that you and your guests will cherish forever.
+    </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>
                     </div>
                 </section>
 
@@ -1206,7 +1285,7 @@ el.textContent=new Date().getFullYear();
         <xpath expr="//div[@id='wrap']" position="replace">
             <div id="wrap" class="oe_structure oe_empty" style="background-color:var(--v2-cream); font-family:'Jost',sans-serif;">
                 <!-- Inner Banner -->
-                <section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/hero_bg.png');">
+                <section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/inner-banner/3.webp');">
                     <div class="v2-inner-banner-content">
                         <h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">Contact Us</h1>
                         <div class="v2-inner-banner-breadcrumb">
@@ -1225,7 +1304,7 @@ el.textContent=new Date().getFullYear();
                                 <span class="v2-dark-text" style="font-family: var(--v2-font-display);">INCREDIBLE TOGETHER</span>
                             </h1>
                             <div class="v2-hero-divider" style="margin-left: 0; margin-bottom: 25px;">
-                                <img src="/theme_aakriti_v2/static/src/img/decorative-line.png" alt="Decorative Line" style="height: auto; max-width: 150px; display: block;"/>
+                                <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-contact-desc">
                                 Have a question or ready to start planning your<br/>event? We'd love to hear from you.