2377 lines
127 KiB
XML
2377 lines
127 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!-- Create the About Us website page record -->
|
|
<record id="aboutus_page" model="website.page">
|
|
<field name="name">About Us</field>
|
|
<field name="url">/aboutus</field>
|
|
<field name="is_published">True</field>
|
|
<field name="view_id" ref="website.aboutus"/>
|
|
<field name="track">True</field>
|
|
</record>
|
|
|
|
<!-- Inherit and Override Catalog Page -->
|
|
<template id="rental_catalog_template_inherit" inherit_id="event_rental.rental_catalog_template">
|
|
<xpath expr="//div[@id='wrap']" position="replace">
|
|
<!-- Inject Custom Styles and Google Fonts -->
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Playball&display=swap');
|
|
|
|
#wrap {
|
|
background-color: #FAF8F5 !important;
|
|
font-family: 'Inter', sans-serif !important;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6, .display-4, .display-3 {
|
|
font-family: 'Outfit', sans-serif !important;
|
|
font-weight: 600;
|
|
color: #0f172a;
|
|
}
|
|
|
|
/* Signature Accent Font */
|
|
.aakriti-cursive {
|
|
font-family: 'Playball', cursive !important;
|
|
color: #d4a14a !important;
|
|
font-size: 2.2rem;
|
|
line-height: 1;
|
|
}
|
|
|
|
/* Brand colors */
|
|
.text-brand-plum {
|
|
color: #0b223e !important;
|
|
}
|
|
.bg-brand-plum {
|
|
background-color: #0b223e !important;
|
|
color: #ffffff !important;
|
|
}
|
|
.text-brand-gold {
|
|
color: #d4a14a !important;
|
|
}
|
|
.bg-brand-gold {
|
|
background-color: #d4a14a !important;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
/* Hero Slider Style Banner */
|
|
.aakriti-hero {
|
|
position: relative;
|
|
background: linear-gradient(rgba(113, 75, 103, 0.8), rgba(26, 21, 25, 0.9)),
|
|
url('https://images.unsplash.com/photo-1519167758481-83f550bb49b3?q=80&w=1920') no-repeat center center;
|
|
background-size: cover;
|
|
color: white;
|
|
padding: 90px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.aakriti-hero h1 {
|
|
color: #ffffff !important;
|
|
font-weight: 800;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.aakriti-hero p {
|
|
font-weight: 300;
|
|
color: #e2e8f0;
|
|
max-width: 700px;
|
|
margin: 15px auto 0;
|
|
font-size: 1.1rem;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Sidebar Filter Styling */
|
|
.filter-card {
|
|
background: #ffffff;
|
|
border: 1px solid #EAE5E8;
|
|
border-radius: 16px;
|
|
box-shadow: 0 4px 20px rgba(113, 75, 103, 0.03);
|
|
}
|
|
|
|
.filter-title {
|
|
font-size: 1.1rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.5px;
|
|
border-bottom: 2px solid #e2e8f0;
|
|
padding-bottom: 15px;
|
|
color: #0b223e;
|
|
}
|
|
|
|
.list-group-item {
|
|
border: none !important;
|
|
padding: 12px 16px !important;
|
|
border-radius: 8px !important;
|
|
margin-bottom: 4px;
|
|
font-size: 0.95rem;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.list-group-item:hover {
|
|
background-color: #eef2f7 !important;
|
|
color: #0b223e !important;
|
|
transform: translateX(3px);
|
|
}
|
|
|
|
.list-group-item.active-category {
|
|
background-color: #0b223e !important;
|
|
color: #ffffff !important;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* Search Bar Styling */
|
|
.search-input {
|
|
border-radius: 30px !important;
|
|
border: 1.5px solid #EAE5E8 !important;
|
|
padding: 24px 20px !important;
|
|
font-size: 1rem !important;
|
|
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.search-input:focus {
|
|
border-color: #0b223e !important;
|
|
box-shadow: 0 4px 15px rgba(113, 75, 103, 0.1) !important;
|
|
}
|
|
|
|
.search-btn {
|
|
border-radius: 30px !important;
|
|
background-color: #0b223e !important;
|
|
border: none !important;
|
|
padding: 12px 28px !important;
|
|
font-weight: 600;
|
|
letter-spacing: 0.5px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.search-btn:hover {
|
|
background-color: #061528 !important;
|
|
transform: translateY(-1px);
|
|
box-shadow: 0 4px 12px rgba(113, 75, 103, 0.3) !important;
|
|
}
|
|
|
|
/* Product Card Styling */
|
|
.premium-card {
|
|
background: #ffffff;
|
|
border: 1px solid #EAE5E8;
|
|
border-radius: 16px;
|
|
overflow: hidden;
|
|
box-shadow: 0 4px 20px rgba(113, 75, 103, 0.03);
|
|
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
}
|
|
|
|
.premium-card:hover {
|
|
transform: translateY(-8px);
|
|
box-shadow: 0 12px 30px rgba(113, 75, 103, 0.08);
|
|
border-color: #d4a14a;
|
|
}
|
|
|
|
.img-container {
|
|
position: relative;
|
|
height: 220px;
|
|
overflow: hidden;
|
|
background-color: #f1f5f9;
|
|
}
|
|
|
|
.img-container img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
transition: transform 0.5s ease;
|
|
}
|
|
|
|
.premium-card:hover .img-container img {
|
|
transform: scale(1.08);
|
|
}
|
|
|
|
.card-price {
|
|
font-size: 1.25rem;
|
|
font-weight: 700;
|
|
color: #d4a14a; /* Champagne Gold color */
|
|
}
|
|
|
|
.card-action-btn {
|
|
border-radius: 20px;
|
|
font-size: 0.8rem;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
border: 1.5px solid #0b223e;
|
|
color: #0b223e;
|
|
background: transparent;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.card-action-btn:hover {
|
|
background-color: #0b223e !important;
|
|
color: white !important;
|
|
}
|
|
</style>
|
|
|
|
<div id="wrap" class="oe_structure oe_empty">
|
|
<!-- Premium Hero Section -->
|
|
<div class="aakriti-hero">
|
|
<div class="container">
|
|
<span class="aakriti-cursive mb-2 d-block">Aakriti Design | Events</span>
|
|
<h1 class="display-4 text-white">Transforming Venues, Creating Memories</h1>
|
|
<p>Bespoke event decoration and luxury equipment rentals curated with elegance, cultural understanding, and impeccable detail.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Main Section -->
|
|
<div class="container py-5">
|
|
<div class="row">
|
|
<!-- Filters (Left Sidebar) -->
|
|
<div class="col-lg-3 mb-4">
|
|
<div class="filter-card p-4">
|
|
<h5 class="filter-title mb-4">RENTAL CATEGORIES</h5>
|
|
<div class="list-group">
|
|
<a t-att-href="'/rentals' + (search and ('?search=' + search) or '')"
|
|
t-att-class="'list-group-item list-group-item-action ' + (not current_category and 'active-category' or '')">
|
|
All Collections
|
|
</a>
|
|
<t t-foreach="categories" t-as="cat">
|
|
<a t-att-href="'/rentals?category=' + str(cat.id) + (search and ('&search=' + search) or '')"
|
|
t-att-class="'list-group-item list-group-item-action ' + (current_category == cat.id and 'active-category' or '')">
|
|
<span t-field="cat.name"/>
|
|
</a>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Catalog Grid (Right Panel) -->
|
|
<div class="col-lg-9">
|
|
<!-- Premium Search -->
|
|
<div class="mb-5">
|
|
<form action="/rentals" method="get" class="d-flex">
|
|
<input type="hidden" name="category" t-att-value="current_category" t-if="current_category"/>
|
|
<input type="text" name="search" class="form-control search-input" placeholder="Search our premium inventory..." t-att-value="search"/>
|
|
<button type="submit" class="btn btn-primary search-btn ml-2">Search</button>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Products Grid -->
|
|
<div class="row" t-if="products">
|
|
<t t-foreach="products" t-as="product">
|
|
<div class="col-md-4 col-sm-6 mb-4">
|
|
<div class="premium-card h-100 d-flex flex-column">
|
|
<a t-att-href="'/rentals/%s' % slug(product)">
|
|
<div class="img-container">
|
|
<img t-if="product.image_1920" t-att-src="image_data_uri(product.image_1920)"/>
|
|
<div t-else="" class="d-flex align-items-center justify-content-center h-100 text-muted bg-light">
|
|
<i class="fa fa-picture-o fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div class="card-body d-flex flex-column p-4">
|
|
<h5 class="font-weight-bold mb-2" style="font-size: 1.05rem; line-height: 1.4; min-height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;">
|
|
<a t-att-href="'/rentals/%s' % slug(product)" class="text-dark text-decoration-none" t-field="product.name"/>
|
|
</h5>
|
|
<p class="text-muted flex-grow-1 mb-3" style="font-size: 0.85rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;" t-out="product.description_sale or 'Luxury styling and bespoke design options.'"/>
|
|
<div class="d-flex justify-content-between align-items-center pt-3 border-top mt-auto">
|
|
<div>
|
|
<span class="card-price">
|
|
<span t-field="product.rental_price_per_day" t-options="{'widget': 'monetary', 'display_currency': res_company.currency_id}"/>
|
|
</span>
|
|
<span class="text-muted" style="font-size: 0.75rem;">/day</span>
|
|
</div>
|
|
<a t-att-href="'/rentals/%s' % slug(product)" class="btn btn-sm card-action-btn px-3">Rent</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
<div t-else="" class="text-center py-5 filter-card p-5">
|
|
<i class="fa fa-search fa-3x text-muted mb-3"></i>
|
|
<h4 class="font-weight-bold">No rental items found</h4>
|
|
<p class="text-muted">Modify your filter categories or search query.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Inherit and Override Product Detail Page -->
|
|
<template id="rental_product_detail_template_inherit" inherit_id="event_rental.rental_product_detail_template">
|
|
<xpath expr="//div[@id='wrap']" position="replace">
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Playball&display=swap');
|
|
|
|
#wrap {
|
|
background-color: #FAF8F5 !important;
|
|
font-family: 'Inter', sans-serif !important;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: 'Outfit', sans-serif !important;
|
|
font-weight: 700;
|
|
color: #0f172a;
|
|
}
|
|
|
|
.aakriti-cursive {
|
|
font-family: 'Playball', cursive !important;
|
|
color: #d4a14a !important;
|
|
}
|
|
|
|
.breadcrumb-link {
|
|
color: #0b223e;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.detail-card {
|
|
background: #ffffff;
|
|
border: 1px solid #EAE5E8;
|
|
border-radius: 16px;
|
|
box-shadow: 0 4px 25px rgba(113, 75, 103, 0.02);
|
|
}
|
|
|
|
.detail-price {
|
|
font-size: 2.5rem;
|
|
font-weight: 800;
|
|
color: #0b223e;
|
|
}
|
|
|
|
.detail-action-btn {
|
|
border-radius: 30px !important;
|
|
background-color: #0b223e !important;
|
|
border: none !important;
|
|
padding: 16px 24px !important;
|
|
font-weight: 700;
|
|
letter-spacing: 0.5px;
|
|
font-size: 1rem;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.detail-action-btn:hover {
|
|
background-color: #061528 !important;
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 6px 18px rgba(113, 75, 103, 0.3) !important;
|
|
}
|
|
|
|
.terms-title {
|
|
font-size: 1.4rem;
|
|
border-left: 4px solid #d4a14a;
|
|
padding-left: 12px;
|
|
color: #0b223e;
|
|
}
|
|
</style>
|
|
|
|
<div id="wrap" class="py-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<!-- Product Gallery -->
|
|
<div class="col-md-6 mb-4">
|
|
<div class="detail-card p-3">
|
|
<div style="height: 450px; overflow: hidden; border-radius: 10px; background-color: #f1f5f9;">
|
|
<img t-if="product.image_1920" t-att-src="image_data_uri(product.image_1920)" class="w-100 h-100" style="object-fit: cover;"/>
|
|
<div t-else="" class="d-flex align-items-center justify-content-center h-100 text-muted bg-light">
|
|
<i class="fa fa-picture-o fa-5x"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Product Purchase Details -->
|
|
<div class="col-md-6">
|
|
<div class="detail-card p-4 p-md-5 h-100 d-flex flex-column">
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb bg-transparent p-0 mb-4" style="font-size: 0.85rem;">
|
|
<li class="breadcrumb-item"><a href="/rentals" class="breadcrumb-link">Collections</a></li>
|
|
<li class="breadcrumb-item active text-muted" aria-current="page">
|
|
<span t-field="product.name"/>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
<span class="aakriti-cursive mb-1 d-block" style="font-size: 1.5rem;">Bespoke Design Collection</span>
|
|
<h1 class="display-5 mb-3" style="font-size: 2.2rem;" t-field="product.name"/>
|
|
|
|
<div class="mb-4">
|
|
<span t-if="product.qty_available > 0" class="badge badge-pill badge-success p-2 px-3" style="background-color: #28a745; font-size: 0.8rem; font-weight: 600;">In Stock & Available</span>
|
|
<span t-else="" class="badge badge-pill badge-warning p-2 px-3" style="font-size: 0.8rem; font-weight: 600;">Custom Order - Checking Dates</span>
|
|
</div>
|
|
|
|
<div class="my-4 py-3 border-top border-bottom d-flex align-items-baseline">
|
|
<span class="detail-price">
|
|
<span t-field="product.rental_price_per_day" t-options="{'widget': 'monetary', 'display_currency': res_company.currency_id}"/>
|
|
</span>
|
|
<span class="text-muted ml-2 font-weight-normal lead" style="font-size: 1.15rem;">/ Day</span>
|
|
</div>
|
|
|
|
<h5 class="font-weight-bold mb-2" style="font-size: 1rem; text-transform: uppercase; letter-spacing: 0.5px; color: #0b223e;">Product Description</h5>
|
|
<p class="text-muted mb-5" style="line-height: 1.6; font-size: 0.95rem;" t-field="product.description_sale"/>
|
|
|
|
<div class="mt-auto">
|
|
<a t-att-href="'/rental/request?product_id=%s' % product.product_variant_id.id" class="btn btn-primary btn-lg btn-block detail-action-btn shadow-sm">
|
|
Request Booking Quotation
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-5" t-if="product.rental_terms">
|
|
<div class="col-12">
|
|
<div class="detail-card p-5 bg-white">
|
|
<h4 class="font-weight-bold terms-title mb-4">RESERVATION TERMS & GENERAL POLICIES</h4>
|
|
<div class="text-muted" style="line-height: 1.7; font-size: 0.95rem;" t-field="product.rental_terms"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Inherit and Override Request Form Template -->
|
|
<template id="rental_request_form_template_inherit" inherit_id="event_rental.rental_request_form_template">
|
|
<xpath expr="//div[@id='wrap']" position="replace">
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Playball&display=swap');
|
|
|
|
#wrap {
|
|
background-color: #FAF8F5 !important;
|
|
font-family: 'Inter', sans-serif !important;
|
|
}
|
|
|
|
h2, h4, h5 {
|
|
font-family: 'Outfit', sans-serif !important;
|
|
font-weight: 700;
|
|
color: #0f172a;
|
|
}
|
|
|
|
.aakriti-cursive {
|
|
font-family: 'Playball', cursive !important;
|
|
color: #d4a14a !important;
|
|
}
|
|
|
|
.form-container {
|
|
background: #ffffff;
|
|
border: 1px solid #EAE5E8;
|
|
border-radius: 20px;
|
|
box-shadow: 0 4px 30px rgba(113, 75, 103, 0.03);
|
|
}
|
|
|
|
.section-header {
|
|
color: #0b223e;
|
|
border-left: 4px solid #d4a14a;
|
|
padding-left: 12px;
|
|
font-size: 1.15rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.5px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.form-control {
|
|
border-radius: 8px !important;
|
|
border: 1.5px solid #EAE5E8 !important;
|
|
padding: 12px 16px !important;
|
|
font-size: 0.95rem !important;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.form-control:focus {
|
|
border-color: #0b223e !important;
|
|
box-shadow: 0 0 0 3px rgba(113, 75, 103, 0.1) !important;
|
|
}
|
|
|
|
.form-group label {
|
|
font-weight: 600;
|
|
color: #334155;
|
|
font-size: 0.9rem;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.submit-btn {
|
|
border-radius: 30px !important;
|
|
background-color: #0b223e !important;
|
|
border: none !important;
|
|
padding: 16px 24px !important;
|
|
font-weight: 700;
|
|
letter-spacing: 0.5px;
|
|
font-size: 1.05rem;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.submit-btn:hover {
|
|
background-color: #061528 !important;
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 6px 18px rgba(113, 75, 103, 0.3) !important;
|
|
}
|
|
|
|
.upload-box {
|
|
border: 2px dashed #d4a14a;
|
|
padding: 20px;
|
|
border-radius: 12px;
|
|
background: #FAF8F5;
|
|
text-align: center;
|
|
transition: all 0.2s ease;
|
|
}
|
|
</style>
|
|
|
|
<div id="wrap" class="py-5">
|
|
<div class="container col-lg-8 col-md-10">
|
|
<div class="form-container p-4 p-md-5 bg-white">
|
|
<div class="text-center mb-5">
|
|
<span class="aakriti-cursive d-block" style="font-size: 1.8rem;">Let's Design Together</span>
|
|
<h2 class="display-5" style="font-size: 2rem;">Inquire About Your Event</h2>
|
|
<p class="text-muted" style="max-width: 600px; margin: 8px auto 0; font-size: 0.95rem;">Enter details below. Our reservations engine will instantly check stock availability and generate an itemized quote.</p>
|
|
</div>
|
|
|
|
<!-- Error Alert -->
|
|
<div class="alert alert-danger p-3 mb-4" role="alert" style="border-radius: 10px;" t-if="error_message">
|
|
<i class="fa fa-exclamation-circle mr-2"></i> <t t-out="error_message"/>
|
|
</div>
|
|
|
|
<form action="/rental/request" method="post" enctype="multipart/form-data">
|
|
<input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
|
|
|
|
<!-- Customer Details -->
|
|
<h5 class="section-header mb-4">1. Customer Information</h5>
|
|
<div class="row">
|
|
<div class="form-group col-md-6 mb-3">
|
|
<label for="customer_name">Full Name <span class="text-danger">*</span></label>
|
|
<input type="text" name="customer_name" id="customer_name" class="form-control" required="1" t-att-value="post.get('customer_name', '')"/>
|
|
</div>
|
|
<div class="form-group col-md-6 mb-3">
|
|
<label for="customer_email">Email Address <span class="text-danger">*</span></label>
|
|
<input type="email" name="customer_email" id="customer_email" class="form-control" required="1" t-att-value="post.get('customer_email', '')"/>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-md-6 mb-3">
|
|
<label for="customer_phone">Mobile Number <span class="text-danger">*</span></label>
|
|
<input type="tel" name="customer_phone" id="customer_phone" class="form-control" required="1" t-att-value="post.get('customer_phone', '')"/>
|
|
</div>
|
|
<div class="form-group col-md-6 mb-3">
|
|
<label for="company_name">Company Name <span class="text-muted">(Optional)</span></label>
|
|
<input type="text" name="company_name" id="company_name" class="form-control" t-att-value="post.get('company_name', '')"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group mb-4">
|
|
<label for="customer_address">Full Delivery Address</label>
|
|
<textarea name="customer_address" id="customer_address" rows="2" class="form-control" placeholder="Provide complete delivery address..."><t t-out="post.get('customer_address', '')"/></textarea>
|
|
</div>
|
|
|
|
<hr class="my-4" style="border-top: 1px solid #eef2f7;"/>
|
|
|
|
<!-- Event Details -->
|
|
<h5 class="section-header mb-4">2. Event & Schedule Details</h5>
|
|
<div class="row">
|
|
<div class="form-group col-md-6 mb-3">
|
|
<label for="start_date">Rental Start Date & Time <span class="text-danger">*</span></label>
|
|
<input type="datetime-local" name="start_date" id="start_date" class="form-control" required="1" t-att-value="post.get('start_date', '')"/>
|
|
</div>
|
|
<div class="form-group col-md-6 mb-3">
|
|
<label for="end_date">Rental End Date & Time <span class="text-danger">*</span></label>
|
|
<input type="datetime-local" name="end_date" id="end_date" class="form-control" required="1" t-att-value="post.get('end_date', '')"/>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-md-6 mb-3">
|
|
<label for="location">Event Venue Location <span class="text-danger">*</span></label>
|
|
<input type="text" name="location" id="location" class="form-control" required="1" t-att-value="post.get('location', '')" placeholder="City or Venue Hall name"/>
|
|
</div>
|
|
<div class="form-group col-md-6 mb-3">
|
|
<label for="event_type">Event Type <span class="text-danger">*</span></label>
|
|
<select name="event_type" id="event_type" class="form-control" required="1">
|
|
<option value="wedding" t-att-selected="post.get('event_type') == 'wedding'">Wedding</option>
|
|
<option value="birthday" t-att-selected="post.get('event_type') == 'birthday'">Birthday</option>
|
|
<option value="corporate" t-att-selected="post.get('event_type') == 'corporate'">Corporate Event</option>
|
|
<option value="stage" t-att-selected="post.get('event_type') == 'stage'">Stage Setup</option>
|
|
<option value="festival" t-att-selected="post.get('event_type') == 'festival'">Festival</option>
|
|
<option value="exhibition" t-att-selected="post.get('event_type') == 'exhibition'">Exhibition</option>
|
|
<option value="other" t-att-selected="post.get('event_type') == 'other' or not post.get('event_type')">Other</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="my-4" style="border-top: 1px solid #eef2f7;"/>
|
|
|
|
<!-- Product Details -->
|
|
<h5 class="section-header mb-4">3. Rental Item Selected</h5>
|
|
<div class="row">
|
|
<div class="form-group col-md-8 mb-3">
|
|
<label for="product_id">Selected Product / Service <span class="text-danger">*</span></label>
|
|
<select name="product_id" id="product_id" class="form-control" required="1">
|
|
<t t-foreach="all_products" t-as="prod">
|
|
<option t-att-value="prod.id" t-att-selected="(selected_product and selected_product.id == prod.id) or (post.get('product_id') == str(prod.id))">
|
|
<t t-out="prod.display_name"/>
|
|
</option>
|
|
</t>
|
|
</select>
|
|
</div>
|
|
<div class="form-group col-md-4 mb-3">
|
|
<label for="quantity">Quantity Required <span class="text-danger">*</span></label>
|
|
<input type="number" name="quantity" id="quantity" class="form-control" min="1" step="1" required="1" t-att-value="post.get('quantity', '1')"/>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="my-4" style="border-top: 1px solid #eef2f7;"/>
|
|
|
|
<!-- Document Upload -->
|
|
<h5 class="section-header mb-4">4. Document Verification</h5>
|
|
<div class="row">
|
|
<div class="form-group col-md-6 mb-3">
|
|
<label for="doc_type">Government ID Proof <span class="text-danger">*</span></label>
|
|
<select name="doc_type" id="doc_type" class="form-control" required="1">
|
|
<option value="aadhaar" t-att-selected="post.get('doc_type') == 'aadhaar'">Aadhaar Card</option>
|
|
<option value="driving_license" t-att-selected="post.get('doc_type') == 'driving_license'">Driving License</option>
|
|
<option value="passport" t-att-selected="post.get('doc_type') == 'passport'">Passport</option>
|
|
<option value="voter_id" t-att-selected="post.get('doc_type') == 'voter_id'">Voter ID</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group col-md-6 mb-3">
|
|
<label class="d-block mb-2">Upload File (PDF, JPG, PNG) <span class="text-danger">*</span></label>
|
|
<div class="upload-box">
|
|
<i class="fa fa-cloud-upload fa-2x text-brand-plum mb-2"></i>
|
|
<input type="file" name="id_proof" id="id_proof" class="form-control-file d-block mx-auto" accept=".pdf,.jpg,.jpeg,.png" required="1" style="font-size: 0.85rem; max-width: 200px;"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary btn-lg btn-block submit-btn mt-4 shadow-sm">
|
|
Submit Rental Request
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Inherit and Override Success Confirmation Page -->
|
|
<template id="rental_request_success_template_inherit" inherit_id="event_rental.rental_request_success_template">
|
|
<xpath expr="//div[@id='wrap']" position="replace">
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Playball&display=swap');
|
|
|
|
#wrap {
|
|
background-color: #FAF8F5 !important;
|
|
font-family: 'Inter', sans-serif !important;
|
|
}
|
|
|
|
h2, h4 {
|
|
font-family: 'Outfit', sans-serif !important;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.success-card {
|
|
background: #ffffff;
|
|
border: 1px solid #EAE5E8;
|
|
border-radius: 20px;
|
|
box-shadow: 0 4px 30px rgba(113, 75, 103, 0.03);
|
|
text-align: center;
|
|
}
|
|
|
|
.reference-badge {
|
|
padding: 12px 20px;
|
|
background-color: #eef2f7;
|
|
border-radius: 30px;
|
|
display: inline-block;
|
|
border: 1px dashed #d4a14a;
|
|
}
|
|
|
|
.success-icon {
|
|
color: #d4a14a;
|
|
}
|
|
</style>
|
|
|
|
<div id="wrap" class="py-5">
|
|
<div class="container text-center">
|
|
<div class="success-card p-5 col-lg-6 col-md-8 mx-auto bg-white">
|
|
<div class="mb-4">
|
|
<i class="fa fa-envelope-o fa-5x success-icon"></i>
|
|
</div>
|
|
<h2 class="display-5 text-brand-plum mb-3" style="font-size: 2rem;">Inquiry Registered!</h2>
|
|
<p class="lead text-muted mb-4" style="font-size: 1rem;">We have successfully registered your event rental inquiry in our booking database.</p>
|
|
|
|
<div class="reference-badge mb-4">
|
|
<span class="text-muted" style="font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px;">Reference Number</span><br/>
|
|
<h4 class="font-weight-bold text-brand-plum mb-0 mt-1" t-out="name"/>
|
|
</div>
|
|
|
|
<p class="text-muted mb-4" style="font-size: 0.9rem; line-height: 1.6;">Our operations team is evaluating real-time stock allocations. You will receive an email and WhatsApp message shortly with a portal checkout link to review and pay the quotation.</p>
|
|
<a href="/rentals" class="btn btn-primary bg-brand-plum border-0 py-2 px-5 font-weight-bold shadow-sm" style="border-radius: 30px; font-size: 0.95rem;">Back to Catalog</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Inherit and Override Homepage to match events.aakritidesign.com -->
|
|
<template id="theme_aakriti_events_homepage" inherit_id="website.homepage" active="True" customize_show="False">
|
|
<xpath expr="//div[@id='wrap']" position="replace">
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Playball&display=swap');
|
|
|
|
.aakriti-home-wrap {
|
|
background-color: #FAF8F5 !important;
|
|
font-family: 'Inter', sans-serif !important;
|
|
color: #0f172a;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.aakriti-cursive {
|
|
font-family: 'Playball', cursive !important;
|
|
color: #d4a14a !important;
|
|
font-size: 2.2rem;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: 'Outfit', sans-serif !important;
|
|
color: #0b223e;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.text-brand-plum { color: #0b223e !important; }
|
|
.text-brand-gold { color: #d4a14a !important; }
|
|
.bg-brand-plum { background-color: #0b223e !important; color: white !important; }
|
|
.bg-brand-gold { background-color: #d4a14a !important; color: white !important; }
|
|
|
|
/* CSS Animations */
|
|
@keyframes fadeInUp {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(40px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@keyframes spinSlow {
|
|
from { transform: rotate(0deg); }
|
|
to { transform: rotate(360deg); }
|
|
}
|
|
@keyframes pulseGold {
|
|
0%, 100% {
|
|
box-shadow: 0 15px 40px rgba(212, 161, 74, 0.25);
|
|
}
|
|
50% {
|
|
box-shadow: 0 15px 60px rgba(212, 161, 74, 0.5);
|
|
}
|
|
}
|
|
@keyframes floatSlow {
|
|
0%, 100% { transform: translateY(0); }
|
|
50% { transform: translateY(-10px); }
|
|
}
|
|
|
|
.animated-fade-in {
|
|
animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
opacity: 0;
|
|
}
|
|
.delay-100 { animation-delay: 100ms; }
|
|
.delay-200 { animation-delay: 200ms; }
|
|
.delay-300 { animation-delay: 300ms; }
|
|
.delay-400 { animation-delay: 400ms; }
|
|
.delay-500 { animation-delay: 500ms; }
|
|
|
|
/* Hero Carousel Styles */
|
|
.carousel-item {
|
|
height: 95vh;
|
|
min-height: 650px;
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.carousel-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: linear-gradient(to bottom, rgba(11, 34, 62, 0.45) 30%, rgba(11, 34, 62, 0.85) 100%);
|
|
}
|
|
.carousel-caption-custom {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
left: 8%;
|
|
right: 8%;
|
|
text-align: left;
|
|
color: white;
|
|
max-width: 850px;
|
|
z-index: 10;
|
|
}
|
|
.carousel-pretitle {
|
|
font-size: 1.1rem;
|
|
letter-spacing: 6px;
|
|
font-weight: 700;
|
|
color: #d4a14a;
|
|
margin-bottom: 20px;
|
|
display: block;
|
|
text-transform: uppercase;
|
|
text-shadow: 0 2px 4px rgba(0,0,0,0.2);
|
|
}
|
|
.carousel-title {
|
|
font-size: 4.25rem;
|
|
font-weight: 800;
|
|
color: white !important;
|
|
line-height: 1.15;
|
|
margin-bottom: 25px;
|
|
text-shadow: 0 4px 20px rgba(0,0,0,0.6);
|
|
}
|
|
.carousel-title span {
|
|
color: #d4a14a !important;
|
|
}
|
|
.carousel-text {
|
|
font-size: 1.3rem;
|
|
font-weight: 300;
|
|
line-height: 1.8;
|
|
color: #f8fafc;
|
|
margin-bottom: 45px;
|
|
text-shadow: 0 2px 8px rgba(0,0,0,0.4);
|
|
}
|
|
|
|
/* Buttons */
|
|
.btn-premium-primary {
|
|
background-color: #0b223e !important;
|
|
border: 2px solid #d4a14a !important;
|
|
color: white !important;
|
|
font-weight: 700;
|
|
letter-spacing: 2px;
|
|
padding: 16px 36px;
|
|
border-radius: 30px;
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
text-transform: uppercase;
|
|
font-size: 0.85rem;
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
}
|
|
.btn-premium-primary:hover {
|
|
background-color: #d4a14a !important;
|
|
color: #0b223e !important;
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 12px 30px rgba(212, 161, 74, 0.4);
|
|
}
|
|
.btn-premium-secondary {
|
|
background-color: transparent !important;
|
|
border: 2px solid white !important;
|
|
color: white !important;
|
|
font-weight: 700;
|
|
letter-spacing: 2px;
|
|
padding: 14px 36px;
|
|
border-radius: 30px;
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
text-transform: uppercase;
|
|
font-size: 0.85rem;
|
|
margin-left: 15px;
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
}
|
|
.btn-premium-secondary:hover {
|
|
background-color: #d4a14a !important;
|
|
border-color: #d4a14a !important;
|
|
color: #0b223e !important;
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 12px 30px rgba(212, 161, 74, 0.4);
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Section Styles */
|
|
.section-padding {
|
|
padding: 120px 0;
|
|
}
|
|
.section-subtitle {
|
|
font-size: 0.95rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 5px;
|
|
font-weight: 700;
|
|
color: #d4a14a;
|
|
margin-bottom: 15px;
|
|
display: block;
|
|
}
|
|
.section-title {
|
|
font-size: 3rem;
|
|
font-weight: 800;
|
|
margin-bottom: 30px;
|
|
color: #0b223e;
|
|
position: relative;
|
|
display: inline-block;
|
|
padding-bottom: 20px;
|
|
}
|
|
.section-title::after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 80px;
|
|
height: 4px;
|
|
background-color: #d4a14a;
|
|
border-radius: 2px;
|
|
}
|
|
.text-center .section-title::after {
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
/* Luxury Divider */
|
|
.luxury-divider {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 25px 0;
|
|
}
|
|
.luxury-divider::before, .luxury-divider::after {
|
|
content: '';
|
|
flex: 1;
|
|
height: 1px;
|
|
background: linear-gradient(90deg, transparent, rgba(212, 161, 74, 0.6), transparent);
|
|
}
|
|
.luxury-divider span {
|
|
padding: 0 15px;
|
|
font-size: 0.75rem;
|
|
color: #d4a14a;
|
|
letter-spacing: 4px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/* About Collage Grid */
|
|
.about-collage {
|
|
position: relative;
|
|
height: 520px;
|
|
}
|
|
.about-collage::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 3%;
|
|
left: 3%;
|
|
width: 94%;
|
|
height: 94%;
|
|
border: 2px solid #d4a14a;
|
|
border-radius: 16px;
|
|
z-index: 1;
|
|
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.about-collage:hover::before {
|
|
transform: scale(1.03) rotate(1.5deg);
|
|
border-color: #0b223e;
|
|
}
|
|
.collage-img {
|
|
position: absolute;
|
|
border-radius: 12px;
|
|
box-shadow: 0 15px 35px rgba(11, 34, 62, 0.12);
|
|
object-fit: cover;
|
|
border: 6px solid white;
|
|
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.collage-img:hover {
|
|
transform: scale(1.06) translateY(-8px);
|
|
z-index: 10 !important;
|
|
border-color: #d4a14a;
|
|
box-shadow: 0 25px 50px rgba(212, 161, 74, 0.25);
|
|
}
|
|
.collage-img-1 {
|
|
width: 60%;
|
|
height: 75%;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 3;
|
|
}
|
|
.collage-img-2 {
|
|
width: 50%;
|
|
height: 50%;
|
|
top: 10%;
|
|
right: 0;
|
|
z-index: 2;
|
|
}
|
|
.collage-img-3 {
|
|
width: 45%;
|
|
height: 45%;
|
|
bottom: 0;
|
|
right: 8%;
|
|
z-index: 4;
|
|
}
|
|
|
|
/* Strength Cards */
|
|
.strength-card {
|
|
background: rgba(255, 255, 255, 0.9);
|
|
backdrop-filter: blur(10px);
|
|
border: 1px solid rgba(212, 161, 74, 0.2) !important;
|
|
border-top: 5px solid #d4a14a !important;
|
|
border-radius: 16px;
|
|
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
|
overflow: hidden;
|
|
position: relative;
|
|
box-shadow: 0 8px 30px rgba(11, 34, 62, 0.03);
|
|
}
|
|
.strength-card:hover {
|
|
transform: translateY(-12px);
|
|
box-shadow: 0 20px 45px rgba(11, 34, 62, 0.08), 0 0 20px rgba(212, 161, 74, 0.15);
|
|
border-color: #d4a14a !important;
|
|
}
|
|
.strength-card-number {
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 20px;
|
|
font-family: 'Playball', cursive !important;
|
|
font-size: 2.5rem;
|
|
color: rgba(212, 161, 74, 0.18);
|
|
line-height: 1;
|
|
transition: all 0.5s ease;
|
|
}
|
|
.strength-card:hover .strength-card-number {
|
|
color: rgba(212, 161, 74, 0.45);
|
|
transform: scale(1.1) translateY(-3px);
|
|
}
|
|
.strength-card img {
|
|
transition: transform 0.6s ease;
|
|
}
|
|
.strength-card:hover img {
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
/* Choose Us layout */
|
|
.choose-us-icon-box {
|
|
background: #0b223e;
|
|
width: 70px;
|
|
height: 70px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 20px;
|
|
border: 2px solid #d4a14a;
|
|
box-shadow: 0 4px 15px rgba(11, 34, 62, 0.15);
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.choose-us-icon-box img {
|
|
width: 32px;
|
|
height: 32px;
|
|
filter: brightness(0) invert(1);
|
|
transition: transform 0.4s ease;
|
|
}
|
|
.d-flex:hover .choose-us-icon-box {
|
|
transform: scale(1.15) rotate(15deg);
|
|
background-color: #d4a14a;
|
|
box-shadow: 0 8px 25px rgba(212, 161, 74, 0.35);
|
|
}
|
|
.d-flex:hover .choose-us-icon-box img {
|
|
filter: brightness(0);
|
|
transform: scale(1.1);
|
|
}
|
|
.choose-us-center-img-wrap {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 25px;
|
|
}
|
|
.choose-us-center-img-wrap img {
|
|
width: 300px;
|
|
height: 300px;
|
|
border-radius: 50%;
|
|
object-fit: cover;
|
|
border: 6px solid #d4a14a;
|
|
position: relative;
|
|
z-index: 2;
|
|
box-shadow: 0 15px 40px rgba(11, 34, 62, 0.2);
|
|
transition: all 0.5s ease;
|
|
animation: pulseGold 6s infinite ease-in-out;
|
|
}
|
|
.choose-us-center-img-wrap:hover img {
|
|
transform: scale(1.05);
|
|
box-shadow: 0 20px 50px rgba(212, 161, 74, 0.4);
|
|
}
|
|
.choose-us-center-img-wrap::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 10px;
|
|
right: 10px;
|
|
bottom: 10px;
|
|
border-radius: 50%;
|
|
border: 2px dashed rgba(212, 161, 74, 0.4);
|
|
z-index: 1;
|
|
animation: spinSlow 30s linear infinite;
|
|
pointer-events: none;
|
|
}
|
|
.choose-us-center-img-wrap::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: -5px;
|
|
left: -5px;
|
|
right: -5px;
|
|
bottom: -5px;
|
|
border-radius: 50%;
|
|
border: 1.5px solid rgba(212, 161, 74, 0.2);
|
|
z-index: 0;
|
|
animation: spinSlow 50s linear infinite reverse;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Service Cards */
|
|
.service-card {
|
|
background: white;
|
|
border: 1px solid #e2e8f0;
|
|
border-radius: 16px;
|
|
overflow: hidden;
|
|
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
|
box-shadow: 0 8px 30px rgba(11, 34, 62, 0.02);
|
|
position: relative;
|
|
}
|
|
.service-card:hover {
|
|
transform: translateY(-12px);
|
|
box-shadow: 0 20px 45px rgba(11, 34, 62, 0.12);
|
|
border-color: #d4a14a;
|
|
}
|
|
.service-img-container {
|
|
height: 260px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
background-color: #f1f5f9;
|
|
}
|
|
.service-img-container img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.service-card:hover .service-img-container img {
|
|
transform: scale(1.12);
|
|
}
|
|
.service-img-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: linear-gradient(to bottom, rgba(11, 34, 62, 0) 30%, rgba(11, 34, 62, 0.7) 100%);
|
|
opacity: 0.85;
|
|
transition: opacity 0.5s ease;
|
|
}
|
|
.service-card:hover .service-img-overlay {
|
|
opacity: 0.95;
|
|
background: linear-gradient(to bottom, rgba(11, 34, 62, 0.1) 10%, rgba(11, 34, 62, 0.85) 100%);
|
|
}
|
|
.service-icon-badge {
|
|
position: absolute;
|
|
bottom: -20px;
|
|
right: 24px;
|
|
width: 55px;
|
|
height: 55px;
|
|
background: #0b223e;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-shadow: 0 4px 15px rgba(11, 34, 62, 0.3);
|
|
border: 2.5px solid #d4a14a;
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
z-index: 3;
|
|
}
|
|
.service-icon-badge img {
|
|
width: 26px;
|
|
height: 26px;
|
|
filter: brightness(0) invert(1);
|
|
transition: all 0.3s ease;
|
|
}
|
|
.service-card:hover .service-icon-badge {
|
|
background-color: #d4a14a;
|
|
transform: scale(1.15) rotate(15deg);
|
|
}
|
|
.service-card:hover .service-icon-badge img {
|
|
filter: brightness(0);
|
|
}
|
|
|
|
/* FAQ Accordion */
|
|
.faq-accordion .accordion-item {
|
|
border: 1px solid rgba(11, 34, 62, 0.08);
|
|
border-radius: 16px !important;
|
|
margin-bottom: 20px;
|
|
overflow: hidden;
|
|
background: white;
|
|
box-shadow: 0 4px 15px rgba(0,0,0,0.01);
|
|
transition: all 0.3s ease;
|
|
}
|
|
.faq-accordion .accordion-item:hover {
|
|
box-shadow: 0 8px 25px rgba(11, 34, 62, 0.04);
|
|
border-color: rgba(212, 161, 74, 0.3);
|
|
}
|
|
.faq-accordion .accordion-button {
|
|
font-family: 'Outfit', sans-serif;
|
|
font-weight: 700;
|
|
color: #0b223e;
|
|
padding: 24px;
|
|
font-size: 1.05rem;
|
|
transition: all 0.3s ease;
|
|
border-left: 4px solid transparent;
|
|
}
|
|
.faq-accordion .accordion-button:not(.collapsed) {
|
|
background-color: #f8fafc;
|
|
color: #0b223e;
|
|
box-shadow: none;
|
|
border-left: 5px solid #d4a14a !important;
|
|
font-weight: 800;
|
|
}
|
|
.faq-accordion .accordion-body {
|
|
padding: 24px;
|
|
line-height: 1.8;
|
|
color: #475569;
|
|
font-size: 0.95rem;
|
|
background-color: #f8fafc;
|
|
border-top: 1px solid rgba(11, 34, 62, 0.04);
|
|
}
|
|
|
|
/* Founder Spotlight */
|
|
.founder-img-wrap {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 20px;
|
|
}
|
|
.founder-img-wrap img {
|
|
width: 310px;
|
|
height: 310px;
|
|
object-fit: cover;
|
|
border: 6px solid #d4a14a;
|
|
position: relative;
|
|
z-index: 2;
|
|
box-shadow: 0 15px 35px rgba(11, 34, 62, 0.15);
|
|
transition: all 0.5s ease;
|
|
}
|
|
.founder-img-wrap:hover img {
|
|
transform: scale(1.03);
|
|
box-shadow: 0 20px 45px rgba(212, 161, 74, 0.25);
|
|
}
|
|
.founder-img-wrap::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 40px;
|
|
width: 310px;
|
|
height: 310px;
|
|
border: 2px solid #0b223e;
|
|
border-radius: 50%;
|
|
z-index: 1;
|
|
transition: all 0.5s ease;
|
|
}
|
|
.founder-img-wrap:hover::before {
|
|
transform: translate(-15px, 15px);
|
|
border-color: #d4a14a;
|
|
}
|
|
.founder-quote {
|
|
font-size: 1.15rem;
|
|
line-height: 1.7;
|
|
border-left: 4px solid #d4a14a;
|
|
padding-left: 20px;
|
|
font-style: italic;
|
|
color: #475569;
|
|
}
|
|
</style>
|
|
|
|
<div id="wrap" class="aakriti-home-wrap oe_structure oe_empty">
|
|
<!-- Bootstrap Carousel Hero Section -->
|
|
<div id="aakritiHeroCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="6000">
|
|
<div class="carousel-indicators">
|
|
<button type="button" data-bs-target="#aakritiHeroCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
|
|
<button type="button" data-bs-target="#aakritiHeroCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
|
|
<button type="button" data-bs-target="#aakritiHeroCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
|
|
</div>
|
|
<div class="carousel-inner">
|
|
<!-- Slide 1 -->
|
|
<div class="carousel-item active" style="background-image: url('https://events.aakritidesign.com/assets/img/home/banner/home-banner-1.webp');">
|
|
<div class="carousel-overlay"></div>
|
|
<div class="carousel-caption-custom">
|
|
<span class="carousel-pretitle animated-fade-in delay-100">Aakriti Design | Events</span>
|
|
<h1 class="carousel-title animated-fade-in delay-200">Live Life Through<br/><span>Design</span> and Purpose</h1>
|
|
<p class="carousel-text animated-fade-in delay-300">Custom event decor and wedding design created with meaning, intention, and cultural understanding. Aakriti Design specializes in fusion and multicultural events, bringing thoughtful design that reflects both tradition and emotion.</p>
|
|
<div class="carousel-cta animated-fade-in delay-400">
|
|
<a href="/rentals" class="btn btn-premium-primary">Explore Design</a>
|
|
<a href="/rental/request" class="btn btn-premium-secondary">Book Consultation</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Slide 2 -->
|
|
<div class="carousel-item" style="background-image: url('https://events.aakritidesign.com/assets/img/home/banner/home-banner-2.webp');">
|
|
<div class="carousel-overlay"></div>
|
|
<div class="carousel-caption-custom">
|
|
<span class="carousel-pretitle animated-fade-in delay-100">Aakriti Design | Events</span>
|
|
<h1 class="carousel-title animated-fade-in delay-200">Designing Experiences<br/><span>Beyond</span> Aesthetics</h1>
|
|
<p class="carousel-text animated-fade-in delay-300">We design and manage events with insight, not just aesthetics. With a deep understanding of how traditions, families, logistics, and emotions intersect, every celebration is planned with care and clarity.</p>
|
|
<div class="carousel-cta animated-fade-in delay-400">
|
|
<a href="/rentals" class="btn btn-premium-primary">Explore Design</a>
|
|
<a href="/rental/request" class="btn btn-premium-secondary">Book Consultation</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Slide 3 -->
|
|
<div class="carousel-item" style="background-image: url('https://events.aakritidesign.com/assets/img/home/banner/home-banner-3.webp');">
|
|
<div class="carousel-overlay"></div>
|
|
<div class="carousel-caption-custom">
|
|
<span class="carousel-pretitle animated-fade-in delay-100">Aakriti Design | Events</span>
|
|
<h1 class="carousel-title animated-fade-in delay-200">Confidence Built<br/><span>Through</span> Experience</h1>
|
|
<p class="carousel-text animated-fade-in delay-300">There is an unspoken confidence that comes from years of hands-on experience, problem solving, and real-world execution — and that strength shows through every detail we deliver.</p>
|
|
<div class="carousel-cta animated-fade-in delay-400">
|
|
<a href="/rentals" class="btn btn-premium-primary">Explore Design</a>
|
|
<a href="/rental/request" class="btn btn-premium-secondary">Book Consultation</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- About Us Section -->
|
|
<section class="section-padding">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6 mb-5 mb-lg-0">
|
|
<div class="about-collage">
|
|
<img src="https://events.aakritidesign.com/assets/img/home/banner/about/about-us-left.webp" class="collage-img collage-img-1" alt="About Left"/>
|
|
<img src="https://events.aakritidesign.com/assets/img/home/banner/about/about-us-top.webp" class="collage-img collage-img-2" alt="About Top"/>
|
|
<img src="https://events.aakritidesign.com/assets/img/home/banner/about/about-us-bottom.webp" class="collage-img collage-img-3" alt="About Bottom"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 ps-lg-5">
|
|
<span class="section-subtitle">About Us</span>
|
|
<h2 class="section-title text-brand-plum">We Are Aakrithi</h2>
|
|
<div class="luxury-divider"><span>♦ DESIGN & EVENT STYLING ♦</span></div>
|
|
<p class="lead font-weight-semibold text-brand-plum mb-4" style="font-size: 1.15rem; line-height: 1.6;">
|
|
Aakriti Design specializes in event decor and wedding design that goes beyond surface level styling. We design environments that reflect your story, your culture, and the experience you want your guests to remember.
|
|
</p>
|
|
<p class="text-muted mb-4" style="line-height: 1.7;">
|
|
Every celebration carries emotion, movement, and energy. Our approach to event design begins with understanding how people gather, how a space flows, and how each element supports the overall experience. From weddings and fusion celebrations to private and corporate events, design is considered in relation to the space, the guests, and the moment being celebrated.
|
|
</p>
|
|
<a href="/rentals" class="btn btn-premium-primary px-4 mt-2">Browse Collections</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Featured Strengths Section -->
|
|
<section class="section-padding bg-white border-top border-bottom">
|
|
<div class="container">
|
|
<div class="text-center mb-5">
|
|
<span class="section-subtitle">Our Strengths</span>
|
|
<h2 class="section-title text-brand-plum">Core Strengths to Highlight</h2>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 mb-4">
|
|
<div class="strength-card h-100 p-4">
|
|
<div class="strength-card-number">01</div>
|
|
<img src="https://events.aakritidesign.com/assets/img/home/banner/strength/our-strengths-custom.webp" class="img-fluid rounded mb-3" style="height: 180px; width: 100%; object-fit: cover;" alt="Custom Event Design"/>
|
|
<h4 class="h5 font-weight-bold text-brand-plum mb-2">Custom Event Design</h4>
|
|
<p class="text-muted mb-0" style="font-size: 0.9rem;">Bespoke visual elements and creative designs built specifically to reflect your story and aesthetic vision.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="strength-card h-100 p-4">
|
|
<div class="strength-card-number">02</div>
|
|
<img src="https://events.aakritidesign.com/assets/img/home/banner/strength/our-strengths-fusion.webp" class="img-fluid rounded mb-3" style="height: 180px; width: 100%; object-fit: cover;" alt="Multicultural Fusion"/>
|
|
<h4 class="h5 font-weight-bold text-brand-plum mb-2">Multicultural Fusion</h4>
|
|
<p class="text-muted mb-0" style="font-size: 0.9rem;">Expert blending of varied cultural rituals and design aesthetics for respectful and unique celebrations.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="strength-card h-100 p-4">
|
|
<div class="strength-card-number">03</div>
|
|
<img src="https://events.aakritidesign.com/assets/img/home/banner/strength/our-strengths-space.webp" class="img-fluid rounded mb-3" style="height: 180px; width: 100%; object-fit: cover;" alt="Space & Flow Planning"/>
|
|
<h4 class="h5 font-weight-bold text-brand-plum mb-2">Space & Flow Planning</h4>
|
|
<p class="text-muted mb-0" style="font-size: 0.9rem;">Detailed layout architecture that guides guest movement and coordinates setup logistics smoothly.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Why Choose Us / The Aakriti Difference -->
|
|
<section class="section-padding">
|
|
<div class="container">
|
|
<div class="text-center mb-5 pb-3">
|
|
<span class="section-subtitle">The Aakriti Difference</span>
|
|
<h2 class="section-title text-brand-plum">Why Choose Us?</h2>
|
|
</div>
|
|
<div class="row align-items-center">
|
|
<!-- Left column -->
|
|
<div class="col-lg-4">
|
|
<div class="d-flex mb-5">
|
|
<div class="me-3">
|
|
<div class="choose-us-icon-box">
|
|
<img src="https://events.aakritidesign.com/assets/why-choose-us/icon/fusion.webp" alt="Fusion"/>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h4 class="h5 font-weight-bold mb-2">Fusion Wedding Experts</h4>
|
|
<p class="text-muted" style="font-size: 0.9rem;">Specializing in multicultural celebrations, we thoughtfully blend traditions with modern design for a respectful experience.</p>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex mb-5 mb-lg-0">
|
|
<div class="me-3">
|
|
<div class="choose-us-icon-box">
|
|
<img src="https://events.aakritidesign.com/assets/why-choose-us/icon/intentional.webp" alt="Space"/>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h4 class="h5 font-weight-bold mb-2">Intentional Space Design</h4>
|
|
<p class="text-muted" style="font-size: 0.9rem;">We design environments in relation to the space and guest flow, ensuring every element supports the energy of the gathering.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Center Image -->
|
|
<div class="col-lg-4 my-4 my-lg-0 text-center">
|
|
<div class="choose-us-center-img-wrap">
|
|
<img src="https://events.aakritidesign.com/assets/why-choose-us/centre-img.webp" alt="Aakriti Design center circle decoration"/>
|
|
</div>
|
|
</div>
|
|
<!-- Right column -->
|
|
<div class="col-lg-4">
|
|
<div class="d-flex mb-5">
|
|
<div class="me-3">
|
|
<div class="choose-us-icon-box">
|
|
<img src="https://events.aakritidesign.com/assets/why-choose-us/icon/expert.webp" alt="Expert"/>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h4 class="h5 font-weight-bold mb-2">Expert Execution Insight</h4>
|
|
<p class="text-muted" style="font-size: 0.9rem;">With over 10 years of experience, we understand not only how events should look, but how they function in real time for a stress-free day.</p>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex">
|
|
<div class="me-3">
|
|
<div class="choose-us-icon-box">
|
|
<img src="https://events.aakritidesign.com/assets/why-choose-us/icon/bespoke.webp" alt="Bespoke"/>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h4 class="h5 font-weight-bold mb-2">Bespoke Creative Styling</h4>
|
|
<p class="text-muted" style="font-size: 0.9rem;">Your story is never a template. We design from the ground up, creating environments that reflect your unique culture and vision.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Services Grid Section -->
|
|
<section class="section-padding bg-white border-top">
|
|
<div class="container">
|
|
<div class="text-center mb-5">
|
|
<span class="section-subtitle">Our Services</span>
|
|
<h2 class="section-title text-brand-plum">Service Based Excellence</h2>
|
|
</div>
|
|
<div class="row">
|
|
<t t-set="services_list" t-value="[
|
|
('Wedding Decor & Styling', 'https://events.aakritidesign.com/assets/img/home/banner/services/our-services-img-wedding-decor.webp', 'https://events.aakritidesign.com/assets/img/home/banner/services/icon/our-services-wedding-decor.webp'),
|
|
('Multicultural Fusion Weddings', 'https://events.aakritidesign.com/assets/img/home/banner/services/our-services-img-fusion-wedding.webp', 'https://events.aakritidesign.com/assets/img/home/banner/services/icon/our-services-fusion.webp'),
|
|
('Ceremony & Reception Design', 'https://events.aakritidesign.com/assets/img/home/banner/services/our-services-img-reception.webp', 'https://events.aakritidesign.com/assets/img/home/banner/services/icon/our-services-reception.webp'),
|
|
('Stage & Mandap Design', 'https://events.aakritidesign.com/assets/img/home/banner/services/our-services-img-stage.webp', 'https://events.aakritidesign.com/assets/img/home/banner/services/icon/our-services-stage.webp'),
|
|
('Table & Floral Styling', 'https://events.aakritidesign.com/assets/img/home/banner/services/our-services-img-table.webp', 'https://events.aakritidesign.com/assets/img/home/banner/services/icon/our-services-table.webp'),
|
|
('Event Rentals & Custom Builds', 'https://events.aakritidesign.com/assets/img/home/banner/services/our-services-img-event-rentals.webp', 'https://events.aakritidesign.com/assets/img/home/banner/services/icon/our-services-event-rental.webp')
|
|
]"/>
|
|
<t t-foreach="services_list" t-as="srv">
|
|
<div class="col-lg-4 col-md-6 mb-4">
|
|
<div class="service-card h-100">
|
|
<div class="service-img-container">
|
|
<img t-att-src="srv[1]" alt="Service Image"/>
|
|
<div class="service-img-overlay"></div>
|
|
<div class="service-icon-badge">
|
|
<img t-att-src="srv[2]" alt="Icon"/>
|
|
</div>
|
|
</div>
|
|
<div class="p-4 pt-5">
|
|
<h4 class="h5 font-weight-bold text-brand-plum mb-3" t-out="srv[0]"/>
|
|
<p class="text-muted mb-0" style="font-size: 0.9rem; line-height: 1.6;">Luxury, experience-driven design and logistics coordination matching your exact theme.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
<div class="text-center mt-4">
|
|
<a href="/rentals" class="btn btn-premium-primary px-5">Inquire and Rent Now</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FAQ & Common Questions Section -->
|
|
<section class="section-padding">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<!-- Image panel -->
|
|
<div class="col-lg-5 mb-5 mb-lg-0">
|
|
<div class="pe-lg-4">
|
|
<img src="https://events.aakritidesign.com/assets/img/home/banner/why-choose-us.webp" class="img-fluid rounded shadow" style="border-radius: 16px !important;" alt="FAQ panel"/>
|
|
</div>
|
|
</div>
|
|
<!-- Accordion panel -->
|
|
<div class="col-lg-7">
|
|
<span class="section-subtitle">FAQ's</span>
|
|
<h2 class="section-title text-brand-plum">Common Questions & Insights</h2>
|
|
<p class="text-muted mb-4">We believe in transparency and clarity. Here are some of the most common questions our clients ask about our bespoke event design process.</p>
|
|
|
|
<div class="accordion faq-accordion" id="aakritiFAQAccordion">
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="faqHeading1">
|
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse1" aria-expanded="true" aria-controls="faqCollapse1">
|
|
Can you design a fusion wedding that includes multiple cultures or religious ceremonies?
|
|
</button>
|
|
</h2>
|
|
<div id="faqCollapse1" class="accordion-collapse collapse show" aria-labelledby="faqHeading1" data-bs-parent="#aakritiFAQAccordion">
|
|
<div class="accordion-body">
|
|
Yes. Aakriti Design specializes in fusion and multicultural weddings, thoughtfully blending traditions with modern design in a seamless and respectful way.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="faqHeading2">
|
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse2" aria-expanded="false" aria-controls="faqCollapse2">
|
|
Do you work with different budgets?
|
|
</button>
|
|
</h2>
|
|
<div id="faqCollapse2" class="accordion-collapse collapse" aria-labelledby="faqHeading2" data-bs-parent="#aakritiFAQAccordion">
|
|
<div class="accordion-body">
|
|
Yes. We work across a range of budgets and focus on creating custom solutions that feel intentional, well executed, and aligned with the scale of each celebration.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="faqHeading3">
|
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse3" aria-expanded="false" aria-controls="faqCollapse3">
|
|
Do you offer full-service event decor or rentals only?
|
|
</button>
|
|
</h2>
|
|
<div id="faqCollapse3" class="accordion-collapse collapse" aria-labelledby="faqHeading3" data-bs-parent="#aakritiFAQAccordion">
|
|
<div class="accordion-body">
|
|
We offer both. Our services include custom decor design, styling, rentals, and on-site execution support, depending on the needs of the event.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Meet the Founder Spotlight -->
|
|
<section class="section-padding bg-white border-top border-bottom">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6 ps-lg-5 order-lg-2 mb-5 mb-lg-0 text-center">
|
|
<div class="founder-img-wrap">
|
|
<img src="https://events.aakritidesign.com/assets/img/home/banner/founder-bio.webp" class="img-fluid rounded-circle" alt="Paarul Ladd"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 order-lg-1">
|
|
<span class="section-subtitle">Bio</span>
|
|
<h2 class="section-title text-brand-plum">Meet the Creative Behind the Work</h2>
|
|
<h4 class="h5 text-brand-plum font-weight-bold mb-1">Paarul Ladd</h4>
|
|
<span class="text-muted d-block mb-4" style="font-size: 0.9rem; font-style: italic;">Founder & Creative Director</span>
|
|
<p class="text-muted mb-3" style="line-height: 1.7;">
|
|
Paarul Ladd is the creative force behind Aakriti Design Events, bringing over 10 years of experience in event design, logistics, and space management. Her work is informed by a deep understanding of how celebrations unfold, how families interact, and how environments shape experience.
|
|
</p>
|
|
<p class="text-muted mb-3" style="line-height: 1.7;">
|
|
Paarul is known for her ability to blend cultures seamlessly, creating events that feel personal, thoughtful, and beautifully balanced. Her background spans large scale events, intimate weddings, and complex fusion celebrations, giving her a grounded perspective that goes far beyond aesthetics.
|
|
</p>
|
|
<p class="text-muted mb-0" style="line-height: 1.7;">
|
|
Clients trust Paarul not only for her creative eye, but for her calm presence, practical insight, and ability to guide them through the process with clarity and confidence.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Inherit Website Layout to Override Header & Footer -->
|
|
<template id="theme_aakriti_events_header_inherit" inherit_id="website.layout" priority="15">
|
|
<!-- Header Override -->
|
|
<xpath expr="//header" position="replace">
|
|
<style>
|
|
.aakriti-header .nav-link {
|
|
color: rgba(255, 255, 255, 0.85) !important;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.aakriti-header .nav-link:hover {
|
|
color: #d4a14a !important;
|
|
}
|
|
.aakriti-header .btn-inquire {
|
|
background-color: #d4a14a !important;
|
|
color: white !important;
|
|
border-radius: 4px !important;
|
|
font-weight: 700 !important;
|
|
}
|
|
.aakriti-header .btn-inquire:hover {
|
|
background-color: #c08f3b !important;
|
|
color: white !important;
|
|
box-shadow: 0 4px 15px rgba(212, 161, 74, 0.4);
|
|
}
|
|
</style>
|
|
<header id="top" data-anchor="true" class="aakriti-header w-100" style="background-color: #1c2d42 !important; border-bottom: 1px solid rgba(212, 161, 74, 0.25); position: relative; z-index: 1000;">
|
|
<nav class="navbar navbar-expand-lg navbar-dark w-100 p-0 m-0">
|
|
<div class="container-fluid px-md-5 py-3 d-flex align-items-center justify-content-between">
|
|
<!-- Logo on left -->
|
|
<a href="/" class="navbar-brand m-0">
|
|
<img src="/theme_aakriti_events/static/src/img/logo.png" alt="Aakriti Design" style="max-height: 55px; height: auto; display: block;"/>
|
|
</a>
|
|
|
|
<!-- Middle Menus -->
|
|
<ul class="nav d-none d-lg-flex align-items-center justify-content-center m-0 p-0" style="list-style: none;">
|
|
<li class="nav-item mx-3">
|
|
<a class="nav-link text-white text-uppercase" href="/" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.85rem; padding: 5px 0;">Home</a>
|
|
</li>
|
|
<li class="nav-item mx-3">
|
|
<a class="nav-link text-white text-uppercase" href="/aboutus" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.85rem; padding: 5px 0;">About</a>
|
|
</li>
|
|
<li class="nav-item mx-3">
|
|
<a class="nav-link text-white text-uppercase" href="/rentals" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.85rem; padding: 5px 0;">Rentals</a>
|
|
</li>
|
|
<li class="nav-item mx-3">
|
|
<a class="nav-link text-white text-uppercase" href="/blog" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.85rem; padding: 5px 0;">Blog</a>
|
|
</li>
|
|
<li class="nav-item mx-3">
|
|
<a class="nav-link text-white text-uppercase" href="/contactus" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.85rem; padding: 5px 0;">Contact Us</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- CTA Button on right -->
|
|
<div class="d-flex align-items-center">
|
|
<a href="/rental/request" class="btn btn-inquire text-uppercase px-4 py-2" style="background-color: #d4a14a !important; color: white !important; font-family: 'Outfit', sans-serif; font-weight: 700; letter-spacing: 1.5px; font-size: 0.8rem; border-radius: 4px; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(212, 161, 74, 0.25);">Inquire Now</a>
|
|
|
|
<!-- Hamburger Menu for mobile -->
|
|
<button class="navbar-toggler d-lg-none ms-3 text-white border-0" type="button" data-bs-toggle="collapse" data-bs-target="#aakritiMobileNav" aria-controls="aakritiMobileNav" aria-expanded="false" aria-label="Toggle navigation" style="background: transparent;">
|
|
<i class="fa fa-bars" style="font-size: 1.5rem;"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Mobile Nav Collapse Container -->
|
|
<div class="collapse d-lg-none w-100" id="aakritiMobileNav" style="background-color: #1c2d42 !important; border-top: 1px solid rgba(212, 161, 74, 0.15);">
|
|
<ul class="nav flex-column p-4 m-0" style="list-style: none;">
|
|
<li class="nav-item mb-3">
|
|
<a class="nav-link text-white text-uppercase p-0" href="/" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.9rem;">Home</a>
|
|
</li>
|
|
<li class="nav-item mb-3">
|
|
<a class="nav-link text-white text-uppercase p-0" href="/aboutus" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.9rem;">About</a>
|
|
</li>
|
|
<li class="nav-item mb-3">
|
|
<a class="nav-link text-white text-uppercase p-0" href="/rentals" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.9rem;">Rentals</a>
|
|
</li>
|
|
<li class="nav-item mb-3">
|
|
<a class="nav-link text-white text-uppercase p-0" href="/blog" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.9rem;">Blog</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-white text-uppercase p-0" href="/contactus" style="font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: 1.5px; font-size: 0.9rem;">Contact Us</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
</xpath>
|
|
|
|
<!-- Footer Override -->
|
|
<xpath expr="//footer[@id='bottom']" position="attributes">
|
|
<attribute name="style" add="background-color: #0b223e !important; border-top: 1.5px solid rgba(212, 161, 74, 0.25);" separator=";"/>
|
|
<attribute name="class" add="aakriti-footer oe_structure oe_empty pt-5" separator=" "/>
|
|
</xpath>
|
|
|
|
<!-- Hide Odoo's default copyright area since we render our own in the custom grid -->
|
|
<xpath expr="//div[hasclass('o_footer_copyright')]" position="attributes">
|
|
<attribute name="class" add="d-none" separator=" "/>
|
|
</xpath>
|
|
|
|
<!-- Replace main footer div with our grid and links -->
|
|
<xpath expr="//div[@id='footer']" position="replace">
|
|
<div id="footer" class="aakriti-footer-container">
|
|
<style>
|
|
.aakriti-footer {
|
|
color: #ffffff !important;
|
|
background: linear-gradient(rgba(11, 34, 62, 0.93), rgba(11, 34, 62, 0.93)), url('https://events.aakritidesign.com/assets/footer-bg.webp') no-repeat center center !important;
|
|
background-size: cover !important;
|
|
padding: 80px 0 0 !important;
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-top: none !important;
|
|
}
|
|
.aakriti-footer-container {
|
|
max-width: 1400px;
|
|
margin: 0 auto;
|
|
padding: 0 40px;
|
|
position: relative;
|
|
}
|
|
.aakriti-footer-grid {
|
|
grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
|
|
gap: 20px;
|
|
margin-bottom: 60px;
|
|
display: grid;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.aakriti-footer-grid {
|
|
grid-template-columns: 1.5fr 2fr 2fr;
|
|
gap: 40px;
|
|
}
|
|
.aakriti-footer {
|
|
padding: 60px 0 0 !important;
|
|
}
|
|
.aakriti-footer-container {
|
|
padding: 0 25px;
|
|
}
|
|
}
|
|
@media (max-width: 500px) {
|
|
.aakriti-footer-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
.aakriti-footer h3 {
|
|
font-family: 'Outfit', sans-serif !important;
|
|
color: #ffffff !important;
|
|
font-size: 1.25rem;
|
|
font-weight: 700;
|
|
margin-bottom: 25px;
|
|
letter-spacing: 0.5px;
|
|
text-transform: capitalize;
|
|
}
|
|
.aakriti-footer-desc {
|
|
color: #ffffff !important;
|
|
max-width: 320px;
|
|
font-size: 0.95rem;
|
|
line-height: 1.6;
|
|
margin-bottom: 25px;
|
|
}
|
|
.aakriti-footer .social-icons {
|
|
gap: 15px;
|
|
display: flex;
|
|
}
|
|
.aakriti-footer .social-icons a {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
background-color: #d4a14a !important;
|
|
margin-right: 0px;
|
|
border: none !important;
|
|
transition: all 0.3s ease;
|
|
color: #0b223e !important;
|
|
}
|
|
.aakriti-footer .social-icons a:hover {
|
|
background-color: #d4a14a !important;
|
|
color: #ffffff !important;
|
|
transform: translateY(-3px);
|
|
}
|
|
.aakriti-footer .social-icons svg {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.aakriti-footer .link-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 15px;
|
|
}
|
|
.aakriti-footer .link-list li {
|
|
margin-bottom: 0px;
|
|
}
|
|
.aakriti-footer .link-list li a {
|
|
color: #ffffff !important;
|
|
font-size: 0.95rem;
|
|
text-decoration: none !important;
|
|
transition: color 0.3s ease;
|
|
}
|
|
.aakriti-footer .link-list li a:hover {
|
|
color: #d4a14a !important;
|
|
}
|
|
.aakriti-footer .contact-info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 20px;
|
|
}
|
|
.aakriti-footer .contact-link {
|
|
color: #ffffff !important;
|
|
align-items: center;
|
|
gap: 12px;
|
|
font-size: 0.95rem;
|
|
text-decoration: none !important;
|
|
transition: color 0.3s ease;
|
|
display: inline-flex;
|
|
}
|
|
.aakriti-footer .contact-link:hover {
|
|
color: #ffffff !important;
|
|
}
|
|
.aakriti-footer .contact-icon {
|
|
width: 20px;
|
|
height: 20px;
|
|
color: #d4a14a !important;
|
|
}
|
|
.aakriti-footer .bottom-bar {
|
|
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
|
|
padding: 25px 0 !important;
|
|
margin-top: 50px;
|
|
font-size: 0.95rem;
|
|
color: #ffffff !important;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.aakriti-footer .bottom-bar a {
|
|
color: #d4a14a !important;
|
|
text-decoration: none !important;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* Scroll to top floating button */
|
|
.scrollToTopBtnWrapper {
|
|
z-index: 1000;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition: all .4s cubic-bezier(.165, .84, .44, 1);
|
|
position: fixed;
|
|
bottom: 40px;
|
|
right: 40px;
|
|
transform: translateY(20px);
|
|
}
|
|
.scrollToTopBtnWrapper.scrollToTopBtnVisible {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
transform: translateY(0);
|
|
}
|
|
.scrollToTopBtn {
|
|
color: #d4a14a;
|
|
cursor: pointer;
|
|
background: #0b223e;
|
|
border: 2px solid #d4a14a;
|
|
border-radius: 50%;
|
|
outline: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 50px;
|
|
height: 50px;
|
|
padding: 0;
|
|
transition: all .3s;
|
|
display: flex;
|
|
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.scrollToTopBtn svg {
|
|
width: 20px;
|
|
height: 20px;
|
|
transition: transform .3s;
|
|
}
|
|
.scrollToTopBtn:hover {
|
|
color: #0b223e;
|
|
background: #d4a14a;
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 6px 20px rgba(212, 161, 74, 0.4);
|
|
}
|
|
.scrollToTopBtn:hover svg {
|
|
transform: translateY(-2px);
|
|
}
|
|
@media (max-width: 768px) {
|
|
.scrollToTopBtnWrapper {
|
|
bottom: 30px;
|
|
right: 20px;
|
|
}
|
|
.scrollToTopBtn {
|
|
width: 45px;
|
|
height: 45px;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="aakriti-footer-grid">
|
|
<!-- Brand Column -->
|
|
<div class="aakriti-footer-brand-col d-flex flex-column gap-3">
|
|
<div style="height: 60px; display: flex; align-items: center;">
|
|
<img src="/theme_aakriti_events/static/src/img/logo.png" alt="Aakriti Design" style="max-height: 60px; height: auto; display: block;"/>
|
|
</div>
|
|
<p class="aakriti-footer-desc m-0">
|
|
At Aakrithi Design, we're not just building events - we're empowering meaningful celebrations to thrive through exceptional design and planning.
|
|
</p>
|
|
<div class="social-icons">
|
|
<a href="#" aria-label="Facebook"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a>
|
|
<a href="#" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><circle cx="12" cy="12" r="4"></circle><circle cx="17.5" cy="6.5" r="0.5" fill="currentColor"></circle></svg></a>
|
|
<a href="#" aria-label="Twitter"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg></a>
|
|
<a href="#" aria-label="LinkedIn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z M2 9h4v12H2z M4 2a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z"></path></svg></a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Quick Links -->
|
|
<div>
|
|
<h3>Quick Links</h3>
|
|
<ul class="link-list">
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="/aboutus">About Us</a></li>
|
|
<li><a href="/rental/request">Contact Us</a></li>
|
|
<li><a href="/rentals">Our Services</a></li>
|
|
<li><a href="/rentals">Our Portfolio</a></li>
|
|
<li><a href="/blog">Blog</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Services Links -->
|
|
<div>
|
|
<h3>Services</h3>
|
|
<ul class="link-list">
|
|
<li><a href="/rentals">Proposal Backdrop</a></li>
|
|
<li><a href="/rentals">Photobooth Backdrops</a></li>
|
|
<li><a href="/rentals">Engagement Ceremonies</a></li>
|
|
<li><a href="/rentals">Stage and Mandap Decor</a></li>
|
|
<li><a href="/rentals">Entrance and Arrival Styling</a></li>
|
|
<li><a href="/rentals">Ceremony and Reception Design</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Contact Info -->
|
|
<div>
|
|
<h3>Contact</h3>
|
|
<div class="contact-info">
|
|
<a href="mailto:info@aakritidesign.com" class="contact-link">
|
|
<svg class="contact-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
|
|
info@aakritidesign.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bottom Copyright -->
|
|
<div class="bottom-bar">
|
|
<div class="copyright">
|
|
© 2026 Aakriti Design. All rights reserved. | Powered by <a href="https://metatroncubesolutions.com/" target="_blank" rel="noopener noreferrer">Metatroncube</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Scroll to Top floating button -->
|
|
<div class="scrollToTopBtnWrapper">
|
|
<button class="scrollToTopBtn" aria-label="Scroll to top">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
|
|
<polyline points="18 15 12 9 6 15"></polyline>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Scroll to Top script -->
|
|
<script type="text/javascript">
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var btnWrapper = document.querySelector('.scrollToTopBtnWrapper');
|
|
if (btnWrapper) {
|
|
window.addEventListener('scroll', function() {
|
|
if (window.scrollY > 300) {
|
|
btnWrapper.classList.add('scrollToTopBtnVisible');
|
|
} else {
|
|
btnWrapper.classList.remove('scrollToTopBtnVisible');
|
|
}
|
|
});
|
|
btnWrapper.querySelector('.scrollToTopBtn').addEventListener('click', function(e) {
|
|
e.preventDefault();
|
|
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Inherit and Override About Us page -->
|
|
<template id="theme_aakriti_events_aboutus" inherit_id="website.aboutus" active="True">
|
|
<xpath expr="//div[@id='wrap']" position="replace">
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Playball&display=swap');
|
|
|
|
.about-wrap {
|
|
background-color: #FAF8F5 !important;
|
|
font-family: 'Inter', sans-serif !important;
|
|
color: #0f172a;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: 'Outfit', sans-serif !important;
|
|
color: #0b223e;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* Page Banner */
|
|
.about-banner {
|
|
position: relative;
|
|
background: linear-gradient(rgba(11, 34, 62, 0.5), rgba(11, 34, 62, 0.85)),
|
|
url('https://events.aakritidesign.com/inner-banners/1.webp') no-repeat center center;
|
|
background-size: cover;
|
|
padding: 120px 0;
|
|
text-align: center;
|
|
color: white;
|
|
}
|
|
.about-banner-title {
|
|
font-size: 3.5rem;
|
|
font-weight: 800;
|
|
color: white !important;
|
|
margin-bottom: 15px;
|
|
}
|
|
.about-banner-breadcrumbs {
|
|
font-size: 0.95rem;
|
|
font-weight: 500;
|
|
letter-spacing: 1px;
|
|
}
|
|
.about-banner-breadcrumbs a {
|
|
color: #d4a14a !important;
|
|
text-decoration: none;
|
|
}
|
|
.about-banner-breadcrumbs span {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
/* Section Styles */
|
|
.section-padding {
|
|
padding: 110px 0;
|
|
}
|
|
.section-subtitle {
|
|
font-size: 0.95rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 4px;
|
|
font-weight: 700;
|
|
color: #d4a14a;
|
|
margin-bottom: 15px;
|
|
display: block;
|
|
}
|
|
.section-heading {
|
|
font-size: 3rem;
|
|
font-weight: 800;
|
|
margin-bottom: 30px;
|
|
color: #0b223e;
|
|
}
|
|
|
|
/* Section 1 About grid */
|
|
.about-events-section {
|
|
position: relative;
|
|
background-color: #FAF8F5;
|
|
}
|
|
.about-events-img-col {
|
|
position: relative;
|
|
height: 520px;
|
|
}
|
|
.about-events-grid-overlay {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
/* Offset outline box behind image */
|
|
.about-events-grid-overlay::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 5%;
|
|
left: 5%;
|
|
width: 85%;
|
|
height: 85%;
|
|
border: 2px solid #d4a14a;
|
|
border-radius: 16px;
|
|
z-index: 0;
|
|
}
|
|
.about-events-image-wrapper {
|
|
position: absolute;
|
|
border-radius: 16px;
|
|
box-shadow: 0 15px 40px rgba(11, 34, 62, 0.12);
|
|
overflow: hidden;
|
|
border: 6px solid white;
|
|
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.about-events-image-wrapper img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
.about-events-main-image {
|
|
width: 62%;
|
|
height: 75%;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 2;
|
|
}
|
|
.about-events-secondary-image {
|
|
width: 58%;
|
|
height: 60%;
|
|
right: 0;
|
|
bottom: 5%;
|
|
z-index: 1;
|
|
}
|
|
.about-events-image-wrapper:hover {
|
|
transform: scale(1.04) translateY(-5px);
|
|
z-index: 5 !important;
|
|
border-color: #d4a14a;
|
|
}
|
|
|
|
/* Spinning SVG Experience Badge */
|
|
.about-events-exp-badge {
|
|
position: absolute;
|
|
bottom: 22%;
|
|
right: 38%;
|
|
z-index: 3;
|
|
background: #0b223e;
|
|
color: white;
|
|
border-radius: 50%;
|
|
width: 135px;
|
|
height: 135px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border: 3.5px solid #d4a14a;
|
|
box-shadow: 0 12px 30px rgba(212, 161, 74, 0.35);
|
|
transition: all 0.3s ease;
|
|
}
|
|
.about-events-exp-badge:hover {
|
|
transform: scale(1.08);
|
|
}
|
|
.about-events-badge-inner {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.about-events-badge-text {
|
|
text-align: center;
|
|
z-index: 2;
|
|
position: absolute;
|
|
}
|
|
.about-events-badge-number {
|
|
font-family: 'Outfit', sans-serif;
|
|
font-size: 2.2rem;
|
|
font-weight: 800;
|
|
color: #d4a14a;
|
|
display: block;
|
|
line-height: 1;
|
|
}
|
|
.about-events-badge-label {
|
|
font-size: 0.65rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
display: block;
|
|
margin-top: 2px;
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
.about-events-badge-circle {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
animation: spinSlow 20s linear infinite;
|
|
pointer-events: none;
|
|
}
|
|
.about-events-rotating-text {
|
|
fill: white;
|
|
font-size: 8px;
|
|
letter-spacing: 1.8px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
@keyframes spinSlow {
|
|
from { transform: rotate(0deg); }
|
|
to { transform: rotate(360deg); }
|
|
}
|
|
|
|
/* Section 2 Details Grid */
|
|
.about-details-section {
|
|
background-color: white;
|
|
}
|
|
.about-details-architectural-grid {
|
|
position: relative;
|
|
height: 550px;
|
|
}
|
|
.about-details-architectural-grid::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 10%;
|
|
right: 10%;
|
|
width: 80%;
|
|
height: 80%;
|
|
border: 2px dashed rgba(212, 161, 74, 0.3);
|
|
border-radius: 16px;
|
|
z-index: 0;
|
|
}
|
|
.about-details-image-box {
|
|
position: absolute;
|
|
border-radius: 16px;
|
|
overflow: hidden;
|
|
box-shadow: 0 15px 35px rgba(11, 34, 62, 0.08);
|
|
border: 6px solid white;
|
|
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.about-details-image-box img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
.about-details-portrait-box {
|
|
width: 50%;
|
|
height: 70%;
|
|
left: 0;
|
|
top: 5%;
|
|
z-index: 1;
|
|
}
|
|
.about-details-landscape-box {
|
|
width: 55%;
|
|
height: 50%;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 2;
|
|
}
|
|
.about-details-detail-box {
|
|
width: 45%;
|
|
height: 45%;
|
|
right: 15%;
|
|
bottom: 5%;
|
|
z-index: 3;
|
|
}
|
|
.about-details-image-box:hover {
|
|
transform: scale(1.05) translateY(-5px);
|
|
z-index: 10 !important;
|
|
border-color: #d4a14a;
|
|
}
|
|
.about-details-mini-badge {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
right: 10px;
|
|
width: 75px;
|
|
height: 75px;
|
|
background: rgba(11, 34, 62, 0.95);
|
|
border-radius: 50%;
|
|
border: 1.5px solid #d4a14a;
|
|
animation: spinSlow 15s linear infinite reverse;
|
|
}
|
|
|
|
/* CTA Section with Parallax Background */
|
|
.about-cta-section {
|
|
position: relative;
|
|
padding: 140px 0;
|
|
background: linear-gradient(rgba(11, 34, 62, 0.65), rgba(11, 34, 62, 0.95)),
|
|
url('https://images.unsplash.com/photo-1519225495810-7517c2965a7d?q=80&w=1920') no-repeat center center;
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
color: white;
|
|
text-align: center;
|
|
}
|
|
.about-cta-brand {
|
|
font-family: 'Playball', cursive !important;
|
|
font-size: 2.5rem;
|
|
color: #d4a14a;
|
|
display: block;
|
|
margin-bottom: 15px;
|
|
}
|
|
.about-cta-title {
|
|
font-size: 2.8rem;
|
|
font-weight: 800;
|
|
color: white !important;
|
|
line-height: 1.3;
|
|
margin-bottom: 35px;
|
|
text-shadow: 0 4px 15px rgba(0,0,0,0.4);
|
|
}
|
|
</style>
|
|
|
|
<div class="about-wrap oe_structure oe_empty">
|
|
<!-- Page Banner -->
|
|
<section class="about-banner">
|
|
<div class="about-banner-content">
|
|
<h1 class="about-banner-title">About Us</h1>
|
|
<nav class="about-banner-breadcrumbs">
|
|
<span><a href="/">Home</a></span>
|
|
<span><span> » </span><span class="text-white">About</span></span>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 1: About Events -->
|
|
<section class="about-events-section section-padding">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<!-- Left: Collage of images -->
|
|
<div class="col-lg-6 mb-5 mb-lg-0">
|
|
<div class="about-events-grid-overlay">
|
|
<div class="about-events-image-wrapper about-events-main-image">
|
|
<img src="https://events.aakritidesign.com/assets/about/section1/section-1-left.webp" alt="About Section Image Left"/>
|
|
</div>
|
|
<div class="about-events-image-wrapper about-events-secondary-image">
|
|
<img src="https://events.aakritidesign.com/assets/about/section1/section-1-right.webp" alt="About Section Image Right"/>
|
|
</div>
|
|
<div class="about-events-exp-badge">
|
|
<div class="about-events-badge-inner">
|
|
<div class="about-events-badge-text">
|
|
<span class="about-events-badge-number">12+</span>
|
|
<span class="about-events-badge-label">Years</span>
|
|
</div>
|
|
<div class="about-events-badge-circle">
|
|
<svg viewBox="0 0 100 100">
|
|
<path id="badgePath" d="M 50, 50 m -37, 0 a 37,37 0 1,1 74,0 a 37,37 0 1,1 -74,0" fill="transparent"></path>
|
|
<text class="about-events-rotating-text">
|
|
<textPath href="#badgePath">AAKRITI DESIGN • EVENTS • LUXURY •</textPath>
|
|
</text>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Right: Content -->
|
|
<div class="col-lg-6 ps-lg-5">
|
|
<span class="section-subtitle">About Us</span>
|
|
<h2 class="section-heading">Events Made With Purpose</h2>
|
|
<p class="lead font-weight-bold text-brand-plum mb-4" style="line-height: 1.6; font-size: 1.2rem;">
|
|
Custom event decor and wedding design created with meaning, intention, and cultural understanding.
|
|
</p>
|
|
<p class="text-muted mb-4" style="line-height: 1.8; font-size: 0.98rem;">
|
|
Aakriti Design specializes in event decor and wedding design that goes beyond surface level styling. We design environments that reflect your story, your culture, and the experience you want your guests to remember.
|
|
</p>
|
|
<p class="text-muted mb-0" style="line-height: 1.8; font-size: 0.98rem;">
|
|
Every celebration carries emotion, movement, and energy. Our approach to event design begins with understanding how people gather, how a space flows, and how each element supports the overall experience. From weddings and fusion celebrations to private and corporate events, design is considered in relation to the space, the guests, and the moment being celebrated.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 2: About Details & architectural grid -->
|
|
<section class="about-details-section section-padding border-top border-bottom">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<!-- Left: Text content -->
|
|
<div class="col-lg-6 mb-5 mb-lg-0 order-2 order-lg-1">
|
|
<p class="text-muted mb-4" style="line-height: 1.8; font-size: 0.98rem;">
|
|
We are known for our work in custom and fusion event decor, blending tradition with modern design in a way that feels seamless and intentional. Each event is designed from the ground up, never using generic templates or one size fits all solutions.
|
|
</p>
|
|
<p class="text-muted mb-4" style="line-height: 1.8; font-size: 0.98rem;">
|
|
With years of experience and a highly personalized approach, we design and execute weddings that feel effortlessly elegant and beautifully considered. Our process is structured to support you at every step, allowing you to enjoy a smooth and stress free planning and decor experience.
|
|
</p>
|
|
<p class="text-muted mb-4" style="line-height: 1.8; font-size: 0.98rem;">
|
|
With years of hands-on experience, we understand not only how events should look, but how they function in real time. This allows us to create decor that is beautiful, practical, and well executed.
|
|
</p>
|
|
<p class="text-muted mb-0" style="line-height: 1.8; font-size: 0.98rem;">
|
|
The result is event design that feels thoughtful, balanced, and meaningful. Spaces that look elegant, function effortlessly, and leave a lasting impression.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Right: Architectural Image Grid -->
|
|
<div class="col-lg-6 order-1 order-lg-2 mb-5 mb-lg-0">
|
|
<div class="about-details-architectural-grid">
|
|
<div class="about-details-image-box about-details-portrait-box">
|
|
<img src="https://events.aakritidesign.com/assets/about/section2/section-2-left.webp" alt="Portrait Image Detail"/>
|
|
</div>
|
|
<div class="about-details-image-box about-details-landscape-box">
|
|
<img src="https://events.aakritidesign.com/assets/about/section2/section-2-right.webp" alt="Landscape Image Detail"/>
|
|
</div>
|
|
<div class="about-details-image-box about-details-detail-box">
|
|
<img src="https://events.aakritidesign.com/assets/about/section2/section-2-centre.webp" alt="Center Detail Image"/>
|
|
<div class="about-details-mini-badge d-flex align-items-center justify-content-center">
|
|
<svg viewBox="0 0 100 100" style="width: 100%; height: 100%;">
|
|
<path id="miniPath" d="M 50, 50 m -40, 0 a 40,40 0 1,1 80,0 a 40,40 0 1,1 -80,0" fill="transparent"></path>
|
|
<text fill="white" font-size="7.5px" letter-spacing="1px" font-weight="600">
|
|
<textPath href="#miniPath">CURATED • DESIGN • EXCELLENCE •</textPath>
|
|
</text>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 3: Parallax Call-to-Action -->
|
|
<section class="about-cta-section">
|
|
<div class="container">
|
|
<span class="about-cta-brand">Aakrithi Design</span>
|
|
<h2 class="about-cta-title">Bring Authentic Turkish Flavour To<br/>Your Event - Contact Us Today.</h2>
|
|
<a href="/rental/request" class="btn btn-premium-primary px-5 py-3">Get In Touch</a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
</odoo>
|