extra img commented
This commit is contained in:
parent
5d7f7267e7
commit
1462478722
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -64,26 +64,28 @@
|
||||
<!-- Basic Product Detail Page -->
|
||||
<template id="rental_product_detail_template" name="Rental Product Detail">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="container py-4">
|
||||
<div class="row">
|
||||
<div id="wrap" style="background-color: #fdf6e3; font-family: 'Jost', sans-serif; padding: 160px 0 80px; min-height: 100vh; display: flex; align-items: center;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6 mb-4">
|
||||
<div style="height: 350px; background: #eee; text-align: center; line-height: 350px;">
|
||||
<img t-if="product.image_1920" t-att-src="image_data_uri(product.image_1920)" class="img-fluid h-100" style="object-fit: cover;"/>
|
||||
<span t-else="" class="text-muted">No Image</span>
|
||||
<div style="height: 450px; background: #f0e9d6; text-align: center; line-height: 450px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.05);">
|
||||
<img t-if="product.image_1920" t-att-src="image_data_uri(product.image_1920)" class="img-fluid h-100 w-100" style="object-fit: contain;"/>
|
||||
<span t-else="" class="text-muted" style="font-family: 'Jost', sans-serif;">No Image</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h1 t-field="product.name"/>
|
||||
<h4 class="text-primary my-3" t-field="product.rental_price_per_day" t-options="{'widget': 'monetary', 'display_currency': res_company.currency_id}"/>
|
||||
<p t-field="product.description_sale"/>
|
||||
<a t-att-href="'/rental/request?product_id=%s' % product.product_variant_id.id" class="btn btn-primary btn-lg btn-block mt-4">
|
||||
<div class="col-md-6" style="padding-left: 2rem;">
|
||||
<h1 t-field="product.name" style="font-family: 'Cormorant Garamond', serif; color: #1a1206; font-size: 3rem; margin-bottom: 1rem;"/>
|
||||
<h4 class="my-3" style="color: #795769; font-family: 'Jost', sans-serif; font-size: 1.5rem; font-weight: 600;" t-field="product.rental_price_per_day" t-options="{'widget': 'monetary', 'display_currency': res_company.currency_id}"/>
|
||||
<p t-field="product.description_sale" style="font-family: 'Jost', sans-serif; color: #4a4a4a; line-height: 1.6; margin-bottom: 2rem;"/>
|
||||
<a t-att-href="'/rental/request?product_id=%s' % product.product_variant_id.id" class="btn" style="background-color: #795769; color: #fff; padding: 12px 30px; border-radius: 30px; font-family: 'Jost', sans-serif; font-weight: 500; text-decoration: none; display: inline-block; transition: all 0.3s ease;">
|
||||
Request Booking
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4" t-if="product.rental_terms">
|
||||
<h3>Terms & Conditions</h3>
|
||||
<div t-field="product.rental_terms"/>
|
||||
<div class="mt-5" t-if="product.rental_terms" style="background: #fff; padding: 2.5rem; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05);">
|
||||
<h3 style="font-family: 'Cormorant Garamond', serif; color: #1a1206; margin-bottom: 1rem;">Terms & Conditions</h3>
|
||||
<div t-field="product.rental_terms" style="font-family: 'Jost', sans-serif; color: #4a4a4a; line-height: 1.6;"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
@ -92,59 +94,61 @@
|
||||
<!-- Basic Request Form Template -->
|
||||
<template id="rental_request_form_template" name="Request Rental Form">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="container py-4">
|
||||
<h2 class="mb-4">Request Rental Form</h2>
|
||||
<div id="wrap" style="background-color: #fdf6e3; font-family: 'Jost', sans-serif; padding: 160px 0 80px; min-height: 100vh;">
|
||||
<div class="container">
|
||||
<div style="background: #fff; padding: 40px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); max-width: 900px; margin: 0 auto;">
|
||||
<h2 class="mb-4 text-center" style="font-family: 'Cormorant Garamond', serif; color: #1a1206; font-size: 2.5rem;">Request Booking</h2>
|
||||
<div class="alert alert-danger" role="alert" t-if="error_message">
|
||||
<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()"/>
|
||||
|
||||
<h4>Customer Information</h4>
|
||||
<h4 style="font-family: 'Cormorant Garamond', serif; color: #c9973a;">Customer Information</h4>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="customer_name">Name</label>
|
||||
<input type="text" name="customer_name" id="customer_name" class="form-control" required="1" t-att-value="post.get('customer_name', '')"/>
|
||||
<label for="customer_name" style="font-weight: 500;">Name</label>
|
||||
<input type="text" name="customer_name" id="customer_name" class="form-control" required="1" t-att-value="post.get('customer_name', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="customer_email">Email</label>
|
||||
<input type="email" name="customer_email" id="customer_email" class="form-control" required="1" t-att-value="post.get('customer_email', '')"/>
|
||||
<label for="customer_email" style="font-weight: 500;">Email</label>
|
||||
<input type="email" name="customer_email" id="customer_email" class="form-control" required="1" t-att-value="post.get('customer_email', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="customer_phone">Phone</label>
|
||||
<input type="tel" name="customer_phone" id="customer_phone" class="form-control" required="1" t-att-value="post.get('customer_phone', '')"/>
|
||||
<label for="customer_phone" style="font-weight: 500;">Phone</label>
|
||||
<input type="tel" name="customer_phone" id="customer_phone" class="form-control" required="1" t-att-value="post.get('customer_phone', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="company_name">Company Name</label>
|
||||
<input type="text" name="company_name" id="company_name" class="form-control" t-att-value="post.get('company_name', '')"/>
|
||||
<label for="company_name" style="font-weight: 500;">Company Name</label>
|
||||
<input type="text" name="company_name" id="company_name" class="form-control" t-att-value="post.get('company_name', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="customer_address">Address</label>
|
||||
<textarea name="customer_address" id="customer_address" class="form-control"><t t-out="post.get('customer_address', '')"/></textarea>
|
||||
<label for="customer_address" style="font-weight: 500;">Address</label>
|
||||
<textarea name="customer_address" id="customer_address" class="form-control" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"><t t-out="post.get('customer_address', '')"/></textarea>
|
||||
</div>
|
||||
|
||||
<h4 class="mt-4">Event Details</h4>
|
||||
<h4 class="mt-4" style="font-family: 'Cormorant Garamond', serif; color: #c9973a;">Event Details</h4>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="start_date">Start Date & Time</label>
|
||||
<input type="datetime-local" name="start_date" id="start_date" class="form-control" required="1" t-att-value="post.get('start_date', '')"/>
|
||||
<label for="start_date" style="font-weight: 500;">Start Date & Time</label>
|
||||
<input type="datetime-local" name="start_date" id="start_date" class="form-control" required="1" t-att-value="post.get('start_date', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="end_date">End Date & Time</label>
|
||||
<input type="datetime-local" name="end_date" id="end_date" class="form-control" required="1" t-att-value="post.get('end_date', '')"/>
|
||||
<label for="end_date" style="font-weight: 500;">End Date & Time</label>
|
||||
<input type="datetime-local" name="end_date" id="end_date" class="form-control" required="1" t-att-value="post.get('end_date', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="location">Location</label>
|
||||
<input type="text" name="location" id="location" class="form-control" required="1" t-att-value="post.get('location', '')"/>
|
||||
<label for="location" style="font-weight: 500;">Location</label>
|
||||
<input type="text" name="location" id="location" class="form-control" required="1" t-att-value="post.get('location', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="event_type">Event Type</label>
|
||||
<select name="event_type" id="event_type" class="form-control">
|
||||
<label for="event_type" style="font-weight: 500;">Event Type</label>
|
||||
<select name="event_type" id="event_type" class="form-control" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;">
|
||||
<option value="wedding">Wedding</option>
|
||||
<option value="birthday">Birthday</option>
|
||||
<option value="corporate">Corporate Event</option>
|
||||
@ -154,11 +158,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4 class="mt-4">Rental Product</h4>
|
||||
<h4 class="mt-4" style="font-family: 'Cormorant Garamond', serif; color: #c9973a;">Rental Product</h4>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-8">
|
||||
<label for="product_id">Product</label>
|
||||
<select name="product_id" id="product_id" class="form-control">
|
||||
<label for="product_id" style="font-weight: 500;">Product</label>
|
||||
<select name="product_id" id="product_id" class="form-control" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;">
|
||||
<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">
|
||||
<t t-out="prod.display_name"/>
|
||||
@ -167,16 +171,16 @@
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="quantity">Quantity</label>
|
||||
<input type="number" name="quantity" id="quantity" class="form-control" min="1" value="1" required="1"/>
|
||||
<label for="quantity" style="font-weight: 500;">Quantity</label>
|
||||
<input type="number" name="quantity" id="quantity" class="form-control" min="1" value="1" required="1" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4 class="mt-4">Documents</h4>
|
||||
<h4 class="mt-4" style="font-family: 'Cormorant Garamond', serif; color: #c9973a;">Documents</h4>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="doc_type">ID Proof Type</label>
|
||||
<select name="doc_type" id="doc_type" class="form-control">
|
||||
<label for="doc_type" style="font-weight: 500;">ID Proof Type</label>
|
||||
<select name="doc_type" id="doc_type" class="form-control" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;">
|
||||
<option value="aadhaar">Aadhaar Card</option>
|
||||
<option value="driving_license">Driving License</option>
|
||||
<option value="passport">Passport</option>
|
||||
@ -184,14 +188,16 @@
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="id_proof">Upload ID Proof</label>
|
||||
<input type="file" name="id_proof" id="id_proof" class="form-control-file" accept=".pdf,.jpg,.jpeg,.png" required="1"/>
|
||||
<label for="id_proof" style="font-weight: 500;">Upload ID Proof</label>
|
||||
<input type="file" name="id_proof" id="id_proof" class="form-control-file" accept=".pdf,.jpg,.jpeg,.png" required="1" style="padding: 10px;"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary btn-block btn-lg mt-4">Submit</button>
|
||||
<button type="submit" class="btn btn-block btn-lg mt-4" style="background-color: #795769; color: #fff; border-radius: 30px; font-family: 'Jost', sans-serif; font-weight: 500; transition: all 0.3s ease;">Submit Request</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -47,6 +47,10 @@
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
/* ── Typography ────────────────────────────────────────────── */
|
||||
.v2-display {
|
||||
font-family: var(--v2-font-display);
|
||||
|
||||
Binary file not shown.
Binary file not shown.
@ -165,7 +165,7 @@
|
||||
<path d="m22 7-10 6L2 7"/>
|
||||
</svg>
|
||||
|
||||
hello@aakrithievents.com
|
||||
hello@Aakritievents.com
|
||||
</p>
|
||||
|
||||
<p>
|
||||
@ -259,7 +259,7 @@
|
||||
|
||||
<div class="v2-footer-bottom">
|
||||
©<span id="v2-footer-year">2024</span>
|
||||
Aakrithi Events. All Rights Reserved.
|
||||
Aakriti Events. All Rights Reserved.
|
||||
</div>
|
||||
|
||||
<script>
|
||||
@ -322,7 +322,7 @@ el.textContent=new Date().getFullYear();
|
||||
<img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
|
||||
</div>
|
||||
<p class="v2-hero-sub v2-reveal v2-reveal-delay-1 hero-title">
|
||||
Aakrithi Events crafts unforgettable weddings,
|
||||
Aakriti Events crafts unforgettable weddings,
|
||||
corporate gatherings, cultural celebrations and
|
||||
luxury experiences with purpose, passion and
|
||||
flawless execution.
|
||||
@ -613,7 +613,7 @@ el.textContent=new Date().getFullYear();
|
||||
<div class="v2-quote-mark-new">“</div>
|
||||
<div class="v2-stars"><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span><span class="v2-star">★</span></div>
|
||||
</div>
|
||||
<p class="v2-testimonial-text-new">Aakrithi Events made our dream wedding an absolute fairytale. Every detail was beyond perfect! Every detail was beyond perfect!</p>
|
||||
<p class="v2-testimonial-text-new">Aakriti Events made our dream wedding an absolute fairytale. Every detail was beyond perfect! Every detail was beyond perfect!</p>
|
||||
<div class="v2-testimonial-author-new">- Priya & Arjun</div>
|
||||
</div>
|
||||
<div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-2">
|
||||
@ -782,7 +782,7 @@ el.textContent=new Date().getFullYear();
|
||||
</div>
|
||||
<div class="v2-contact-line">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><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"/><polyline points="22,6 12,13 2,6"/></svg>
|
||||
<span>hello@aakrithievents.com</span>
|
||||
<span>hello@Aakritievents.com</span>
|
||||
</div>
|
||||
<div class="v2-contact-line">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
|
||||
@ -1147,7 +1147,7 @@ el.textContent=new Date().getFullYear();
|
||||
<div class="v2-story-grid">
|
||||
<!-- Images Left -->
|
||||
<div class="v2-story-images" style="display: grid; gap: 16px;">
|
||||
<img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Event setup" style="width: 100%; height: 320px; object-fit: cover; border-radius: 12px;"/>
|
||||
<!-- <img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Event setup" style="width: 100%; height: 320px; object-fit: cover; border-radius: 12px;"/> -->
|
||||
<div style="display: grid; gap: 16px;">
|
||||
<img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-top.webp" alt="Event setup" style="width: 100%; height: 320px; object-fit: cover; border-radius: 12px;"/>
|
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user