1312 lines
74 KiB
XML
1312 lines
74 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!-- 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: #1A1519;
|
|
}
|
|
|
|
/* Signature Accent Font */
|
|
.aakriti-cursive {
|
|
font-family: 'Playball', cursive !important;
|
|
color: #C5A880 !important;
|
|
font-size: 2.2rem;
|
|
line-height: 1;
|
|
}
|
|
|
|
/* Brand colors */
|
|
.text-brand-plum {
|
|
color: #714B67 !important;
|
|
}
|
|
.bg-brand-plum {
|
|
background-color: #714B67 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
.text-brand-gold {
|
|
color: #C5A880 !important;
|
|
}
|
|
.bg-brand-gold {
|
|
background-color: #C5A880 !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: #F3EFF2;
|
|
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 #F3EFF2;
|
|
padding-bottom: 15px;
|
|
color: #714B67;
|
|
}
|
|
|
|
.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: #FAF4F8 !important;
|
|
color: #714B67 !important;
|
|
transform: translateX(3px);
|
|
}
|
|
|
|
.list-group-item.active-category {
|
|
background-color: #714B67 !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: #714B67 !important;
|
|
box-shadow: 0 4px 15px rgba(113, 75, 103, 0.1) !important;
|
|
}
|
|
|
|
.search-btn {
|
|
border-radius: 30px !important;
|
|
background-color: #714B67 !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: #59294C !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: #C5A880;
|
|
}
|
|
|
|
.img-container {
|
|
position: relative;
|
|
height: 220px;
|
|
overflow: hidden;
|
|
background-color: #F8F5F7;
|
|
}
|
|
|
|
.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: #C5A880; /* 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 #714B67;
|
|
color: #714B67;
|
|
background: transparent;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.card-action-btn:hover {
|
|
background-color: #714B67 !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: #1A1519;
|
|
}
|
|
|
|
.aakriti-cursive {
|
|
font-family: 'Playball', cursive !important;
|
|
color: #C5A880 !important;
|
|
}
|
|
|
|
.breadcrumb-link {
|
|
color: #714B67;
|
|
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: #714B67;
|
|
}
|
|
|
|
.detail-action-btn {
|
|
border-radius: 30px !important;
|
|
background-color: #714B67 !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: #59294C !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 #C5A880;
|
|
padding-left: 12px;
|
|
color: #714B67;
|
|
}
|
|
</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: #F8F5F7;">
|
|
<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: #714B67;">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: #1A1519;
|
|
}
|
|
|
|
.aakriti-cursive {
|
|
font-family: 'Playball', cursive !important;
|
|
color: #C5A880 !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: #714B67;
|
|
border-left: 4px solid #C5A880;
|
|
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: #714B67 !important;
|
|
box-shadow: 0 0 0 3px rgba(113, 75, 103, 0.1) !important;
|
|
}
|
|
|
|
.form-group label {
|
|
font-weight: 600;
|
|
color: #4A3E48;
|
|
font-size: 0.9rem;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.submit-btn {
|
|
border-radius: 30px !important;
|
|
background-color: #714B67 !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: #59294C !important;
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 6px 18px rgba(113, 75, 103, 0.3) !important;
|
|
}
|
|
|
|
.upload-box {
|
|
border: 2px dashed #C5A880;
|
|
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 #FAF4F8;"/>
|
|
|
|
<!-- 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 #FAF4F8;"/>
|
|
|
|
<!-- 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 #FAF4F8;"/>
|
|
|
|
<!-- 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: #FAF4F8;
|
|
border-radius: 30px;
|
|
display: inline-block;
|
|
border: 1px dashed #C5A880;
|
|
}
|
|
|
|
.success-icon {
|
|
color: #C5A880;
|
|
}
|
|
</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: #1A1519;
|
|
}
|
|
|
|
.aakriti-cursive {
|
|
font-family: 'Playball', cursive !important;
|
|
color: #C5A880 !important;
|
|
font-size: 2.2rem;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: 'Outfit', sans-serif !important;
|
|
color: #1A1519;
|
|
}
|
|
|
|
.text-brand-plum { color: #714B67 !important; }
|
|
.text-brand-gold { color: #C5A880 !important; }
|
|
.bg-brand-plum { background-color: #714B67 !important; color: white !important; }
|
|
.bg-brand-gold { background-color: #C5A880 !important; color: white !important; }
|
|
|
|
/* Hero Carousel Styles */
|
|
.carousel-item {
|
|
height: 90vh;
|
|
min-height: 550px;
|
|
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(rgba(113, 75, 103, 0.4), rgba(26, 21, 25, 0.85));
|
|
}
|
|
.carousel-caption-custom {
|
|
position: absolute;
|
|
top: 55%;
|
|
transform: translateY(-50%);
|
|
left: 8%;
|
|
right: 8%;
|
|
text-align: left;
|
|
color: white;
|
|
max-width: 800px;
|
|
z-index: 10;
|
|
}
|
|
.carousel-pretitle {
|
|
font-size: 0.95rem;
|
|
letter-spacing: 4px;
|
|
font-weight: 700;
|
|
color: #C5A880;
|
|
margin-bottom: 15px;
|
|
display: block;
|
|
text-transform: uppercase;
|
|
}
|
|
.carousel-title {
|
|
font-size: 3.5rem;
|
|
font-weight: 800;
|
|
color: white !important;
|
|
line-height: 1.15;
|
|
margin-bottom: 20px;
|
|
}
|
|
.carousel-text {
|
|
font-size: 1.15rem;
|
|
font-weight: 300;
|
|
line-height: 1.6;
|
|
color: #F3EFF2;
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
/* Buttons */
|
|
.btn-premium-primary {
|
|
background-color: #714B67 !important;
|
|
border: 1px solid #714B67 !important;
|
|
color: white !important;
|
|
font-weight: 700;
|
|
letter-spacing: 1px;
|
|
padding: 14px 28px;
|
|
border-radius: 30px;
|
|
transition: all 0.3s ease;
|
|
text-transform: uppercase;
|
|
font-size: 0.85rem;
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
}
|
|
.btn-premium-primary:hover {
|
|
background-color: #59294C !important;
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 5px 15px rgba(113, 75, 103, 0.4);
|
|
}
|
|
.btn-premium-secondary {
|
|
background-color: transparent !important;
|
|
border: 2px solid white !important;
|
|
color: white !important;
|
|
font-weight: 700;
|
|
letter-spacing: 1px;
|
|
padding: 12px 28px;
|
|
border-radius: 30px;
|
|
transition: all 0.3s ease;
|
|
text-transform: uppercase;
|
|
font-size: 0.85rem;
|
|
margin-left: 15px;
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
}
|
|
.btn-premium-secondary:hover {
|
|
background-color: white !important;
|
|
color: #1A1519 !important;
|
|
transform: translateY(-2px);
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Section Styles */
|
|
.section-padding {
|
|
padding: 90px 0;
|
|
}
|
|
.section-subtitle {
|
|
font-size: 0.9rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 3px;
|
|
font-weight: 700;
|
|
color: #C5A880;
|
|
margin-bottom: 10px;
|
|
display: block;
|
|
}
|
|
.section-title {
|
|
font-size: 2.5rem;
|
|
font-weight: 700;
|
|
margin-bottom: 25px;
|
|
color: #714B67;
|
|
}
|
|
|
|
/* About Collage Grid */
|
|
.about-collage {
|
|
position: relative;
|
|
height: 520px;
|
|
}
|
|
.collage-img {
|
|
position: absolute;
|
|
border-radius: 12px;
|
|
box-shadow: 0 10px 30px rgba(113, 75, 103, 0.08);
|
|
object-fit: cover;
|
|
border: 4px solid white;
|
|
}
|
|
.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: white;
|
|
border: 1px solid #EAE5E8;
|
|
border-radius: 16px;
|
|
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
overflow: hidden;
|
|
box-shadow: 0 4px 20px rgba(113, 75, 103, 0.02);
|
|
}
|
|
.strength-card:hover {
|
|
transform: translateY(-8px);
|
|
box-shadow: 0 12px 30px rgba(113, 75, 103, 0.08);
|
|
border-color: #C5A880;
|
|
}
|
|
|
|
/* Choose Us layout */
|
|
.choose-us-icon-box {
|
|
background: #FAF4F8;
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 20px;
|
|
border: 2px solid #C5A880;
|
|
}
|
|
.choose-us-icon-box img {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.choose-us-center-img-wrap {
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
.choose-us-center-img-wrap img {
|
|
width: 290px;
|
|
height: 290px;
|
|
border-radius: 50%;
|
|
object-fit: cover;
|
|
border: 6px solid #C5A880;
|
|
box-shadow: 0 10px 30px rgba(113, 75, 103, 0.1);
|
|
}
|
|
|
|
/* Service Cards */
|
|
.service-card {
|
|
background: white;
|
|
border: 1px solid #EAE5E8;
|
|
border-radius: 16px;
|
|
overflow: hidden;
|
|
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
box-shadow: 0 4px 20px rgba(113, 75, 103, 0.02);
|
|
}
|
|
.service-card:hover {
|
|
transform: translateY(-8px);
|
|
box-shadow: 0 12px 30px rgba(113, 75, 103, 0.08);
|
|
border-color: #714B67;
|
|
}
|
|
.service-img-container {
|
|
height: 240px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
background-color: #F8F5F7;
|
|
}
|
|
.service-img-container img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
transition: transform 0.5s ease;
|
|
}
|
|
.service-card:hover .service-img-container img {
|
|
transform: scale(1.08);
|
|
}
|
|
.service-icon-badge {
|
|
position: absolute;
|
|
bottom: -20px;
|
|
right: 20px;
|
|
width: 50px;
|
|
height: 50px;
|
|
background: white;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-shadow: 0 4px 10px rgba(0,0,0,0.06);
|
|
border: 2px solid #C5A880;
|
|
}
|
|
.service-icon-badge img {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
/* Glassmorphism Inquiry Form */
|
|
.inquiry-card {
|
|
background: #ffffff;
|
|
border: 1px solid #EAE5E8;
|
|
box-shadow: 0 10px 40px rgba(113, 75, 103, 0.04);
|
|
border-radius: 20px;
|
|
}
|
|
|
|
/* FAQ Accordion */
|
|
.faq-accordion .accordion-item {
|
|
border: 1px solid #EAE5E8;
|
|
border-radius: 12px !important;
|
|
margin-bottom: 15px;
|
|
overflow: hidden;
|
|
box-shadow: 0 2px 10px rgba(0,0,0,0.01);
|
|
}
|
|
.faq-accordion .accordion-button {
|
|
font-family: 'Outfit', sans-serif;
|
|
font-weight: 600;
|
|
color: #714B67;
|
|
padding: 18px 20px;
|
|
}
|
|
.faq-accordion .accordion-button:not(.collapsed) {
|
|
background-color: #FAF4F8;
|
|
color: #714B67;
|
|
box-shadow: none;
|
|
}
|
|
.faq-accordion .accordion-body {
|
|
padding: 20px;
|
|
line-height: 1.6;
|
|
color: #5C555B;
|
|
}
|
|
|
|
/* Testimonial slider */
|
|
.testimonial-card {
|
|
background: white;
|
|
border: 1px solid #EAE5E8;
|
|
border-radius: 16px;
|
|
padding: 30px;
|
|
box-shadow: 0 4px 20px rgba(113, 75, 103, 0.02);
|
|
}
|
|
.quote-icon {
|
|
color: #C5A880;
|
|
font-size: 3rem;
|
|
line-height: 1;
|
|
}
|
|
</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">Aakriti Design | Events</span>
|
|
<h1 class="carousel-title">Live Life Through<br/>Design and Purpose</h1>
|
|
<p class="carousel-text">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">
|
|
<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">Aakriti Design | Events</span>
|
|
<h1 class="carousel-title">Designing Experiences<br/>Beyond Aesthetics</h1>
|
|
<p class="carousel-text">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">
|
|
<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">Aakriti Design | Events</span>
|
|
<h1 class="carousel-title">Confidence Built<br/>Through Experience</h1>
|
|
<p class="carousel-text">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">
|
|
<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">We Are Aakrithi</h2>
|
|
<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">Core Strengths to Highlight</h2>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 mb-4">
|
|
<div class="strength-card h-100 p-4">
|
|
<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">
|
|
<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">
|
|
<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">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">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-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">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">
|
|
<img src="https://events.aakritidesign.com/assets/img/home/banner/founder-bio.webp" class="img-fluid rounded-circle shadow" style="width: 320px; height: 320px; object-fit: cover; border: 6px solid #C5A880;" alt="Paarul Ladd"/>
|
|
</div>
|
|
<div class="col-lg-6 order-lg-1">
|
|
<span class="section-subtitle">Bio</span>
|
|
<h2 class="section-title">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>
|
|
</odoo>
|