content, img updated
BIN
addons/theme_aakriti_events/static/src/img/1.webp
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
addons/theme_aakriti_events/static/src/img/2.webp
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
addons/theme_aakriti_events/static/src/img/3.webp
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
addons/theme_aakriti_events/static/src/img/4.webp
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
addons/theme_aakriti_events/static/src/img/5.webp
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
addons/theme_aakriti_events/static/src/img/about.webp
Normal file
|
After Width: | Height: | Size: 63 KiB |
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 33 KiB |
BIN
addons/theme_aakriti_events/static/src/img/right-img.webp
Normal file
|
After Width: | Height: | Size: 66 KiB |
@ -508,51 +508,34 @@
|
||||
<xpath expr="//div[@id='wrap']" position="replace">
|
||||
<div id="wrap" class="oe_structure oe_empty tailwind-wrapper bg-cream" style="background-color: #fcf6e9;">
|
||||
<main class="flex-1">
|
||||
<section class="relative overflow-hidden" style="border-bottom: 1px solid #e0d6c6;">
|
||||
<section class="relative overflow-hidden" style="border-bottom: 1px solid #e0d6c6; overflow: hidden;">
|
||||
<div class="pointer-events-none absolute inset-0 -z-10">
|
||||
<div class="absolute -right-32 top-10 h-[420px] w-[420px] rounded-full bg-gold-soft/40 blur-3xl"></div>
|
||||
<div class="absolute -left-40 top-1/3 h-[360px] w-[360px] rounded-full bg-sage/15 blur-3xl"></div>
|
||||
</div>
|
||||
<div class="mx-auto grid max-w-6xl gap-12 px-6 pt-24 pb-20 md:grid-cols-[1.1fr_1fr] md:items-center md:gap-16 md:pt-32 md:pb-28">
|
||||
<div>
|
||||
<p class="mb-6 text-xs uppercase tracking-[0.4em] text-gold" style="margin-bottom: 1.5rem;">Aakriti Design · with Parul</p>
|
||||
<h1 class="font-serif text-5xl leading-[1.05] text-navy md:text-6xl lg:text-7xl" style="margin:0;">
|
||||
Vastu Consultations for Spaces that hold you,<br/>
|
||||
<span style="font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400; color: #d4a14a; letter-spacing: 0.01em;">gently and well.</span>
|
||||
<div class="mx-auto grid max-w-6xl gap-10 px-4 pt-20 pb-16 md:grid-cols-[1.1fr_1fr] md:items-center md:gap-16 md:pt-32 md:pb-28 md:px-6">
|
||||
<div class="md:text-left">
|
||||
<p class="mb-6 text-xs uppercase tracking-[0.4em] text-gold" style="margin-bottom: 1.5rem;">Aakriti Design · Events</p>
|
||||
<h1 class="font-serif text-3xl leading-[1.1] text-navy sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl" style="margin:0;">
|
||||
Live Life Through
|
||||
Design and Purpose —
|
||||
Events that tell
|
||||
your story,<br/>
|
||||
<span style="font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400; color: #d4a14a; letter-spacing: 0.01em;">beautifully and meaningfully.</span>
|
||||
</h1>
|
||||
<p class="mt-8 max-w-xl text-lg text-muted-foreground" style="margin-top: 2rem;">Personal Vastu consultations for homes, businesses, and wellness spaces - guidance that feels modern, grounded, and quietly transformative.</p>
|
||||
<div class="mt-10 flex flex-wrap gap-4" style="margin-top: 2.5rem;">
|
||||
<a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer transition-colors shadow rounded-md h-12 bg-navy px-7 text-cream hover:bg-navy/90" style="color: #fcf6e9;">
|
||||
Book a Vastu Consultation
|
||||
<p class="mt-6 text-base text-muted-foreground" style="margin-top: 1.5rem;">Thoughtful wedding and event design for fusion and multicultural celebrations — crafted with creativity, intention, and emotion.</p>
|
||||
<div class="mt-8 flex flex-wrap justify-center gap-4 md:justify-start" style="margin-top: 2rem;">
|
||||
<a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer transition-colors shadow rounded-md h-11 bg-navy px-6 text-cream hover:bg-navy/90" style="color: #fcf6e9;">
|
||||
Book Consultation
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
|
||||
</a>
|
||||
<a href="/rentals" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer transition-colors border shadow-sm rounded-md h-12 border-navy/30 px-7 text-navy hover:bg-navy/5">
|
||||
Explore services
|
||||
<a href="/rentals" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer transition-colors border shadow-sm rounded-md h-11 border-navy/30 px-6 text-navy hover:bg-navy/5">
|
||||
Explore Design
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative">
|
||||
<div class="absolute -inset-4 -z-10 rounded-3xl bg-gradient-to-br from-gold-soft/40 to-sage/15 blur-2xl"></div>
|
||||
<img alt="Aakriti Design - Create a space that supports your life." class="w-full rounded-2xl shadow-2xl ring-1 ring-navy/10" loading="eager" src="/theme_aakriti_events/static/src/img/vastu-poster.png"/>
|
||||
<!-- Injected text over image as in previous step if desired, or just image -->
|
||||
<!-- <div style="position: absolute; top: 10%; left: 0; width: 100%; text-align: center;">
|
||||
<h3 class="font-serif" style="color: #0b223e; font-size: 2.5rem; margin: 0; font-weight: 400;">Create a space</h3>
|
||||
<h3 class="font-serif" style="color: #5a5a5a; font-size: 2rem; font-style: italic; font-weight: 400; margin: 0;">that supports your life.</h3>
|
||||
<p style="color: #0b223e; font-size: 0.9rem; letter-spacing: 1px; margin-top: 20px;">Aligned for modern living.</p>
|
||||
</div> -->
|
||||
<!-- <div style="position: absolute; bottom: 20px; left: 20px; right: 20px; display: flex; justify-content: space-between; background: rgba(252, 246, 233, 0.95); padding: 15px; border-radius: 10px;">
|
||||
<div class="flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#d4a14a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-3 h-6 w-6"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
|
||||
<span style="font-size: 0.85rem; color: #0b223e; line-height: 1.4;">Vastu Consultations<br/>in person and online</span>
|
||||
</div>
|
||||
<div class="flex flex-col justify-center text-right" style="font-size: 0.85rem; color: #0b223e; line-height: 1.6;">
|
||||
<span class="flex items-center justify-end"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#d4a14a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>info@aakritidesign.com</span>
|
||||
<span class="flex items-center justify-end"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#d4a14a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>DM or WhatsApp 647 284 1811</span>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- <div style="position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 80px; height: 80px; background: #fcf6e9; border-radius: 50%; border: 1px solid #d4a14a; display: flex; align-items: center; justify-content: center; flex-direction: column;">
|
||||
<span style="font-family: 'Playfair Display', serif; font-size: 1.8rem; color: #d4a14a; line-height: 1;">AD</span>
|
||||
</div> -->
|
||||
<div class="relative mx-auto w-full max-w-sm md:max-w-none">
|
||||
<img alt="Aakriti Design - Events and Celebrations" class="w-full rounded-2xl shadow-2xl ring-1 ring-navy/10" loading="eager" src="/theme_aakriti_events/static/src/img/right-img.webp" style="display: block;"/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -560,41 +543,47 @@
|
||||
<section style="background-color: #fefaef; border-top: 1px solid #e0d6c6; border-bottom: 1px solid #e0d6c6;">
|
||||
<div class="mx-auto max-w-6xl px-6 py-20">
|
||||
<div class="mb-14 max-w-2xl">
|
||||
<p class="mb-3 text-xs uppercase tracking-[0.3em] text-gold" style="margin-bottom: 0.75rem;">What I offer</p>
|
||||
<h2 class="font-serif text-4xl text-navy md:text-5xl" style="margin: 0;">Five ways to bring your space into balance</h2>
|
||||
<p class="mb-3 text-xs uppercase tracking-[0.3em] text-gold" style="margin-bottom: 0.75rem;">What We Offer</p>
|
||||
<h2 class="font-serif text-4xl text-navy md:text-5xl" style="margin: 0;">Five ways to bring your celebration to life</h2>
|
||||
</div>
|
||||
<div class="grid gap-px overflow-hidden rounded-xl border border-border/60 bg-border/60 md:grid-cols-2 lg:grid-cols-3">
|
||||
<!-- Wedding Decor & Styling -->
|
||||
<div class="group bg-cream p-8 transition-colors hover:bg-card">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house mb-5 h-7 w-7 text-gold" aria-hidden="true" style="margin-bottom: 1.25rem;"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg>
|
||||
<h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Vastu for Homes</h3>
|
||||
<p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Bring harmony, ease, and grounded energy to the rooms you live in.</p>
|
||||
<img src="/theme_aakriti_events/static/src/img/1.webp" alt="Wedding Decor & Styling icon" style="width: 35px; height: 35px; object-fit: contain; margin-bottom: 1.25rem;"/>
|
||||
<h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Wedding Decor & Styling</h3>
|
||||
<p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Creating personalized wedding environments designed around your story, traditions, and vision.</p>
|
||||
</div>
|
||||
<!-- Fusion Weddings -->
|
||||
<div class="group bg-cream p-8 transition-colors hover:bg-card">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase mb-5 h-7 w-7 text-gold" aria-hidden="true" style="margin-bottom: 1.25rem;"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg>
|
||||
<h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Business Vastu</h3>
|
||||
<p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Align your workspace for growth, clarity, and steady prosperity.</p>
|
||||
<img src="/theme_aakriti_events/static/src/img/2.webp" alt="Fusion Weddings icon" style="width: 35px; height: 35px; object-fit: contain; margin-bottom: 1.25rem;"/>
|
||||
<h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Fusion Weddings</h3>
|
||||
<p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Thoughtfully blending cultures and traditions into seamless, meaningful celebrations.</p>
|
||||
</div>
|
||||
<!-- Ceremony & Reception Design -->
|
||||
<div class="group bg-cream p-8 transition-colors hover:bg-card">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles mb-5 h-7 w-7 text-gold" aria-hidden="true" style="margin-bottom: 1.25rem;"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>
|
||||
<h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Wellness Spaces</h3>
|
||||
<p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Create healing environments for studios, clinics, and retreats.</p>
|
||||
<img src="/theme_aakriti_events/static/src/img/3.webp" alt="Ceremony & Reception Design icon" style="width: 35px; height: 35px; object-fit: contain; margin-bottom: 1.25rem;"/>
|
||||
<h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Ceremony & Reception Design</h3>
|
||||
<p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Designing elegant experiences that balance aesthetics, guest comfort, and flow.</p>
|
||||
</div>
|
||||
<!-- Stage & Mandap Design -->
|
||||
<div class="group bg-cream p-8 transition-colors hover:bg-card">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame mb-5 h-7 w-7 text-gold" aria-hidden="true" style="margin-bottom: 1.25rem;"><path d="M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4"></path></svg>
|
||||
<h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Altar Placement</h3>
|
||||
<p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Honour your sacred corner with thoughtful, intentional placement.</p>
|
||||
<img src="/theme_aakriti_events/static/src/img/4.webp" alt="Stage & Mandap Design icon" style="width: 35px; height: 35px; object-fit: contain; margin-bottom: 1.25rem;"/>
|
||||
<h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Stage & Mandap Design</h3>
|
||||
<p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Custom focal spaces crafted with intention and visual impact.</p>
|
||||
</div>
|
||||
<!-- Event Styling & Rentals -->
|
||||
<div class="group bg-cream p-8 transition-colors hover:bg-card">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass mb-5 h-7 w-7 text-gold" aria-hidden="true" style="margin-bottom: 1.25rem;"><circle cx="12" cy="12" r="10"></circle><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path></svg>
|
||||
<h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Energy Balancing</h3>
|
||||
<p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Subtle remedies - colour, element, light - that shift how a space feels.</p>
|
||||
<img src="/theme_aakriti_events/static/src/img/5.webp" alt="Event Styling & Rentals icon" style="width: 35px; height: 35px; object-fit: contain; margin-bottom: 1.25rem;"/>
|
||||
<h3 class="mb-2 font-serif text-2xl text-navy" style="margin: 0 0 0.5rem 0;">Event Styling & Rentals</h3>
|
||||
<p class="text-sm leading-relaxed text-muted-foreground" style="margin: 0;">Decor elements, floral styling, and curated details that complete the experience.</p>
|
||||
</div>
|
||||
<!-- BEGIN card -->
|
||||
<div class="bg-navy p-8 text-cream">
|
||||
<p class="text-xs uppercase tracking-[0.3em] text-gold-soft" style="margin: 0;">Begin</p>
|
||||
<h3 class="mt-4 font-serif text-2xl text-cream" style="margin: 1rem 0 0 0; color: #fcf6e9;">Start with a conversation</h3>
|
||||
<p class="mt-2 text-sm leading-relaxed text-cream/70" style="margin: 0.5rem 0 0 0; color: rgba(252, 246, 233, 0.7);">Tell me about your space - I'll guide you to the right session.</p>
|
||||
<h3 class="mt-4 font-serif text-2xl text-cream" style="margin: 1rem 0 0 0; color: #fcf6e9;">Start planning your celebration</h3>
|
||||
<p class="mt-2 text-sm leading-relaxed text-cream/70" style="margin: 0.5rem 0 0 0; color: rgba(252, 246, 233, 0.7);">Tell us about your vision — we'll help bring your ideas into a beautifully designed experience.</p>
|
||||
<a href="/rental/request" class="mt-6 inline-flex items-center gap-2 text-sm hover:gap-3 transition-all" style="margin-top: 1.5rem; color: #d4a14a;" onmouseover="this.style.color='#d4a14a'" onmouseout="this.style.color='#d4a14a'">
|
||||
Book a consultation
|
||||
Book a Consultation
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
@ -604,8 +593,8 @@
|
||||
|
||||
<section class="mx-auto max-w-4xl px-6 py-24 text-center" style="background-color: #fcf6e9;">
|
||||
<p class="mb-4 text-xs uppercase tracking-[0.3em] text-gold" style="margin-bottom: 1rem;">Meet Parul</p>
|
||||
<h2 class="font-serif text-4xl text-navy md:text-5xl" style="margin: 0;">“A balanced space is the quietest kind of luxury.”</h2>
|
||||
<p class="mx-auto mt-8 max-w-2xl text-muted-foreground" style="margin-top: 2rem;">I bring a calm, modern lens to Vastu - pairing traditional principles with how you actually live and work today. Every consultation is tailored, kind, and deeply practical.</p>
|
||||
<h2 class="font-serif text-4xl text-navy md:text-5xl" style="margin: 0;">“Every celebration should feel like a reflection of the people at its center.”</h2>
|
||||
<p class="mx-auto mt-8 max-w-2xl text-muted-foreground" style="margin-top: 2rem;">With over 10 years of experience in event design, logistics, and space planning, Paarul brings a thoughtful approach that balances creativity, culture, and practical execution.</p>
|
||||
<div class="mt-8" style="margin-top: 2rem;">
|
||||
<a href="/aboutus" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer underline-offset-4 hover:underline h-9 px-4 py-2 text-gold">Read more about Parul →</a>
|
||||
</div>
|
||||
@ -614,8 +603,8 @@
|
||||
<section class="border-t border-border/60 bg-navy">
|
||||
<div class="mx-auto max-w-5xl px-6 py-20 text-center text-cream">
|
||||
<h2 class="font-serif text-4xl md:text-5xl" style="margin: 0; color: #fcf6e9;">Ready to begin?</h2>
|
||||
<p class="mx-auto mt-4 max-w-xl text-cream/70" style="margin-top: 1rem; color: rgba(252, 246, 233, 0.7);">Book a session online or in person, and receive a personalised report with clear, actionable recommendations.</p>
|
||||
<a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer shadow rounded-md mt-8 h-12 bg-gold px-8 text-navy hover:bg-gold/90" style="margin-top: 2rem; color: #0b223e;">Book a Vastu Consultation</a>
|
||||
<p class="mx-auto mt-4 max-w-xl text-cream/70" style="margin-top: 1rem; color: rgba(252, 246, 233, 0.7);">Book a consultation online and let's create an event experience designed with intention, beauty, and meaning — tailored specifically for your celebration.</p>
|
||||
<a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer shadow rounded-md mt-8 h-12 bg-gold px-8 text-navy hover:bg-gold/90" style="margin-top: 2rem; color: #0b223e;">Book a Design Consultation</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
@ -684,6 +673,36 @@
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
/* =====================================================
|
||||
GLOBAL HORIZONTAL OVERFLOW FIX
|
||||
Prevent any element from causing horizontal scroll
|
||||
===================================================== */
|
||||
html, body {
|
||||
overflow-x: hidden !important;
|
||||
max-width: 100% !important;
|
||||
}
|
||||
#wrap, #wrapwrap {
|
||||
overflow-x: hidden !important;
|
||||
max-width: 100% !important;
|
||||
}
|
||||
/* Mobile drawer: start fully off-canvas to the right */
|
||||
#mobileDrawer {
|
||||
right: -100% !important;
|
||||
transform: none !important;
|
||||
transition: right 0.3s ease, visibility 0.3s ease !important;
|
||||
}
|
||||
#mobileDrawer.drawer-open {
|
||||
right: 0 !important;
|
||||
}
|
||||
#mobileDrawerOverlay {
|
||||
pointer-events: none;
|
||||
}
|
||||
#mobileDrawerOverlay.overlay-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#mobileDrawer, #mobileDrawerOverlay { display: none !important; }
|
||||
}
|
||||
</style>
|
||||
</xpath>
|
||||
</template>
|
||||
@ -692,15 +711,10 @@
|
||||
<template id="theme_aakriti_events_header_inherit" inherit_id="website.layout" priority="99">
|
||||
<!-- Header Override -->
|
||||
<xpath expr="//header" position="replace">
|
||||
<!-- Fix horizontal scroll caused by off-screen fixed drawer -->
|
||||
<style>
|
||||
html, body { overflow-x: hidden !important; }
|
||||
@media (min-width: 768px) {
|
||||
#mobileDrawer, #mobileDrawerOverlay { display: none !important; }
|
||||
}
|
||||
</style>
|
||||
<!-- Overflow and drawer CSS is now in the head style block (theme_aakriti_events_tailwind template) -->
|
||||
<header class="sticky top-0 z-40 backdrop-blur-md tailwind-wrapper" id="top" data-anchor="true" style="background-color: rgba(252, 246, 233, 0.92); border-bottom: 1px solid #e0d6c6;">
|
||||
<div class="mx-auto flex h-20 max-w-6xl items-center justify-between px-6">
|
||||
<!-- Old logo block (ico + text) — kept for reference
|
||||
<a class="group inline-flex items-center gap-3 active" href="/" data-status="active" aria-current="page">
|
||||
<img alt="Aakriti Design" class="h-12 w-12 object-contain transition-transform duration-700 group-hover:rotate-6" src="/theme_aakriti_events/static/src/img/logo-aakriti.ico"/>
|
||||
<span class="flex flex-col leading-none">
|
||||
@ -708,6 +722,10 @@
|
||||
<span class="text-[10px] uppercase tracking-[0.25em] text-muted-foreground">Vastu Consultation</span>
|
||||
</span>
|
||||
</a>
|
||||
-->
|
||||
<a class="group inline-flex items-center active" href="/" data-status="active" aria-current="page">
|
||||
<img alt="Aakriti Design" class="object-contain transition-transform duration-700 group-hover:scale-105" src="/theme_aakriti_events/static/src/img/logo.png" style="height: 56px; width: auto; max-width: 180px;"/>
|
||||
</a>
|
||||
<nav class="hidden items-center gap-8 md:flex">
|
||||
<a t-attf-class="text-sm font-medium transition-colors hover:text-gold #{'text-gold' if request.httprequest.path == '/' else 'text-navy/80'}" t-attf-style="#{'color: #d4a14a; font-weight: 600;' if request.httprequest.path == '/' else ''}" href="/">Home</a>
|
||||
<a t-attf-class="text-sm font-medium transition-colors hover:text-gold #{'text-gold' if request.httprequest.path == '/rentals' else 'text-navy/80'}" t-attf-style="#{'color: #d4a14a; font-weight: 600;' if request.httprequest.path == '/rentals' else ''}" href="/rentals">Services</a>
|
||||
@ -730,6 +748,7 @@
|
||||
<div id="mobileDrawer" style="position: fixed; top: 0; right: 0; height: 100vh; width: min(320px, 90vw); background-color: #fcf6e9; z-index: 999; transform: translateX(100%); visibility: hidden; transition: transform 0.3s ease, visibility 0.3s ease; display: flex; flex-direction: column; box-shadow: -4px 0 24px rgba(11,34,62,0.12);">
|
||||
<!-- Drawer Header -->
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; border-bottom: 1px solid #e0d6c6;">
|
||||
<!-- Old mobile drawer logo (ico + text) — kept for reference
|
||||
<a href="/" style="display: inline-flex; align-items: center; gap: 0.75rem; text-decoration: none;">
|
||||
<img alt="Aakriti Design" src="/theme_aakriti_events/static/src/img/logo-aakriti.ico" style="height: 2.75rem; width: 2.75rem; object-fit: contain;"/>
|
||||
<span style="display: flex; flex-direction: column; line-height: 1;">
|
||||
@ -737,6 +756,10 @@
|
||||
<span style="font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.25em; color: #94a3b8;">Vastu Consultation</span>
|
||||
</span>
|
||||
</a>
|
||||
-->
|
||||
<a href="/" style="display: inline-flex; align-items: center; text-decoration: none;">
|
||||
<img alt="Aakriti Design" src="/theme_aakriti_events/static/src/img/logo.png" style="height: 48px; width: auto; max-width: 160px; object-fit: contain;"/>
|
||||
</a>
|
||||
<button id="mobileDrawerCloseBtn" aria-label="Close menu" style="background: none; border: none; cursor: pointer; color: #0b223e; padding: 4px;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
|
||||
</button>
|
||||
@ -762,23 +785,29 @@
|
||||
var btn = document.getElementById('mobileMenuBtn');
|
||||
|
||||
function openDrawer() {
|
||||
drawer.style.transform = 'translateX(0)';
|
||||
drawer.classList.add('drawer-open');
|
||||
drawer.style.visibility = 'visible';
|
||||
if (overlay) {
|
||||
overlay.style.display = 'block';
|
||||
overlay.classList.add('overlay-active');
|
||||
}
|
||||
document.body.style.overflow = 'hidden';
|
||||
}
|
||||
|
||||
function closeDrawer() {
|
||||
drawer.style.transform = 'translateX(100%)';
|
||||
drawer.classList.remove('drawer-open');
|
||||
drawer.style.visibility = 'hidden';
|
||||
if (overlay) {
|
||||
overlay.classList.remove('overlay-active');
|
||||
overlay.style.display = 'none';
|
||||
}
|
||||
document.body.style.overflow = '';
|
||||
}
|
||||
|
||||
if (btn) {
|
||||
btn.addEventListener('click', function() {
|
||||
if (window.innerWidth > 767) return;
|
||||
var isOpen = drawer.style.transform === 'translateX(0px)' || drawer.style.transform === 'translateX(0)';
|
||||
var isOpen = drawer.classList.contains('drawer-open');
|
||||
if (isOpen) { closeDrawer(); } else { openDrawer(); }
|
||||
});
|
||||
}
|
||||
@ -824,6 +853,7 @@
|
||||
<div class="mx-auto max-w-6xl px-6 py-14">
|
||||
<div class="grid gap-10 md:grid-cols-4">
|
||||
<div class="md:col-span-2">
|
||||
<!-- Old footer logo (ico + text) — kept for reference
|
||||
<a class="group inline-flex items-center gap-3 active" href="/">
|
||||
<img alt="Aakriti Design" class="h-12 w-12 object-contain transition-transform duration-700 group-hover:rotate-6" src="/theme_aakriti_events/static/src/img/logo-aakriti.ico"/>
|
||||
<span class="flex flex-col leading-none">
|
||||
@ -831,7 +861,11 @@
|
||||
<span class="text-[10px] uppercase tracking-[0.25em] text-muted-foreground">Vastu Consultation</span>
|
||||
</span>
|
||||
</a>
|
||||
<p class="mt-4 max-w-sm text-sm" style="margin-top: 1rem; color: #000000;">Thoughtful Vastu guidance for homes, businesses, and wellness spaces - by Parul.</p>
|
||||
-->
|
||||
<a class="group inline-flex items-center active" href="/">
|
||||
<img alt="Aakriti Design" class="object-contain transition-transform duration-700 group-hover:scale-105" src="/theme_aakriti_events/static/src/img/logo.png" style="height: 56px; width: auto; max-width: 180px;"/>
|
||||
</a>
|
||||
<p class="mt-4 max-w-sm text-sm" style="margin-top: 1rem; color: #000000;">Premium wedding and event design with thoughtful styling, meaningful experiences, and seamless execution.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="mb-3 text-base font-serif font-bold uppercase tracking-wider" style="color: #0b223e; margin-bottom: 0.75rem; font-family: 'Playfair Display', Georgia, serif;">Explore</h2>
|
||||
@ -839,20 +873,31 @@
|
||||
<ul class="space-y-2 text-sm" style="list-style: none; padding: 0; margin: 0; gap: 0.5rem; display: flex; flex-direction: column; color: #000000;">
|
||||
<li><a href="/rentals" class="text-black footer-link" style="transition: color 0.2s; text-decoration: none;">Services</a></li>
|
||||
<li><a href="/aboutus" class="text-black footer-link" style="transition: color 0.2s; text-decoration: none;">About Parul</a></li>
|
||||
<li><a href="/rental/request" class="text-black footer-link" style="transition: color 0.2s; text-decoration: none;">Book a session</a></li>
|
||||
<li><a href="/rental/request" class="text-black footer-link" style="transition: color 0.2s; text-decoration: none;">Book a Consultation</a></li>
|
||||
<li><a href="/contactus" class="text-black footer-link" style="transition: color 0.2s; text-decoration: none;">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="mb-3 text-base font-serif font-bold uppercase tracking-wider" style="color: #0b223e; margin-bottom: 0.75rem; font-family: 'Playfair Display', Georgia, serif;">Connect</h2>
|
||||
<style> .footer-connect-link:hover { color: #d4a14a !important; } </style>
|
||||
<ul class="space-y-2 text-sm" style="list-style: none; padding: 0; margin: 0; gap: 0.5rem; display: flex; flex-direction: column; color: #000000;">
|
||||
<li>info@aakritidesign.com</li>
|
||||
<li>By appointment</li>
|
||||
<li><a href="mailto:info@aakritidesign.com" class="footer-connect-link" style="color: #000000; text-decoration: none; transition: color 0.2s;">info@aakritidesign.com</a></li>
|
||||
<li><a href="/contactus" class="footer-connect-link" style="color: #000000; text-decoration: none; transition: color 0.2s;">By appointment</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-12" style="margin-top: 3rem; height: 1.5px; border: none; background: linear-gradient(to right, transparent, #d4a14a, transparent);"></div>
|
||||
<p class="mt-6 text-center text-xs" style="margin-top: 1.5rem; color: #000000;">@ 2026 Aakriti Design. Vastu guidance is advisory in nature.</p>
|
||||
<p class="mt-6 text-center text-xs" style="margin-top: 1.5rem; color: #000000;">
|
||||
© <span id="aakriti-footer-year">2026</span> Aakriti Design. Premium Wedding & Event Decor.
|
||||
</p>
|
||||
<script type="text/javascript">
|
||||
//<![CDATA[
|
||||
(function() {
|
||||
var el = document.getElementById('aakriti-footer-year');
|
||||
if (el) { el.textContent = new Date().getFullYear(); }
|
||||
})();
|
||||
//]]>
|
||||
</script>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@ -867,12 +912,11 @@
|
||||
<section class="mx-auto grid max-w-6xl gap-12 px-6 py-24 md:grid-cols-[1fr_0.85fr] md:items-start md:gap-16">
|
||||
<div>
|
||||
<p class="mb-4 text-xs uppercase tracking-[0.4em] text-gold">About</p>
|
||||
<h1 class="font-serif text-5xl text-navy md:text-6xl">About Parul - Vastu Consultant</h1>
|
||||
<div class="my-10 w-full max-w-2xl" style="height: 1px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.4), transparent);"></div>
|
||||
<h1 class="font-serif text-5xl text-navy md:text-6xl">About Aakriti Design Events</h1>
|
||||
<div class="my-10 w-full max-w-2xl" style="height: 1.5px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.4), transparent);"></div>
|
||||
<div class="space-y-6 text-lg leading-relaxed text-muted-foreground">
|
||||
<p>Aakriti Design was founded on a simple belief - that the spaces we inhabit shape how we feel, work, rest, and grow.</p>
|
||||
<p>I combine traditional Vastu principles with a modern, design-led sensibility. My consultations are warm, practical, and never prescriptive - guidance you can actually live with.</p>
|
||||
<p>Whether you're settling into a new home, opening a wellness studio, or wanting to gently reset the energy of a space you've known for years, I'd be honoured to help.</p>
|
||||
<p>Aakriti Design specializes in event decor and wedding design that goes beyond surface-level styling. We create environments that reflect your story, your culture, and the experience you want your guests to remember. Every celebration carries emotion, movement, and energy, and our approach begins with understanding how people gather, how spaces flow, and how each element supports the overall experience.</p>
|
||||
<p>With over 10 years of experience in event design, logistics, and space management, Paarul Ladd brings a thoughtful understanding of how celebrations unfold and how environments shape experiences. Known for seamlessly blending cultures and creating beautifully balanced events, her work spans intimate weddings, large-scale celebrations, and complex fusion events.</p>
|
||||
</div>
|
||||
<div class="mt-12">
|
||||
<a href="/rental/request" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 shadow h-9 px-4 py-2 bg-navy text-cream hover:bg-navy/90">Book a consultation</a>
|
||||
@ -880,7 +924,7 @@
|
||||
</div>
|
||||
<div class="relative md:sticky md:top-24" id="__FPSC_ID_2_1781584228681" style="">
|
||||
<div class="absolute -inset-4 -z-10 rounded-3xl bg-gradient-to-br from-gold-soft/40 to-sage/15 blur-2xl"></div>
|
||||
<img alt="Aakriti Design - Create a space that supports your life." class="w-full rounded-2xl shadow-2xl ring-1 ring-navy/10" loading="lazy" src="/theme_aakriti_events/static/src/img/vastu-poster.png"/>
|
||||
<img alt="Aakriti Design - Create a space that supports your life." class="w-full rounded-2xl shadow-2xl ring-1 ring-navy/10" loading="lazy" src="/theme_aakriti_events/static/src/img/about.webp"/>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
@ -896,10 +940,10 @@
|
||||
<p class="mb-4 text-xs uppercase tracking-[0.4em] text-gold w-full" style="color: #d4a14a; letter-spacing: 0.4em; text-transform: uppercase; font-size: 0.75rem;">Contact</p>
|
||||
<h1 class="font-serif text-5xl text-navy md:text-6xl w-full mt-2 mb-10" style="color: #0b223e;">Let's connect</h1>
|
||||
|
||||
<div class="my-10 w-full max-w-2xl mx-auto" style="height: 1px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.4), transparent);"></div>
|
||||
<div class="my-10 w-full max-w-2xl mx-auto" style="height: 1.5px; background: linear-gradient(to right, transparent, rgba(212, 161, 74, 0.4), transparent);"></div>
|
||||
|
||||
<p class="max-w-xl mx-auto text-muted-foreground leading-relaxed mt-10" style="color: #64748b;">
|
||||
For enquiries, collaborations, or general questions, send a note. I respond personally within two business days.
|
||||
For inquiries, collaborations, wedding consultations, or event planning questions, send us a message. We respond personally within two business days.
|
||||
</p>
|
||||
|
||||
<div class="mt-12 flex items-center justify-center gap-3 text-lg font-serif text-navy" style="color: #0b223e; margin-top: 3rem;">
|
||||
|
||||