MetatroncubeSoftwareSolutions/odoo-aakriti-events-rental
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

about page updated

Browse Source
This commit is contained in:
Selvi 2026-07-30 18:15:47 +05:30
parent c9794886fc
commit c73f2fcd4f
1 changed files with 35 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
addons/theme_aakriti_v2/views/website_v2_templates.xml
View File

@ -868,7 +868,7 @@ el.textContent=new Date().getFullYear();
<!-- Slide 1 --> <!-- Slide 1 -->
<div class="carousel-item active"> <div class="carousel-item active">
<div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div> <div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div>
<p style="font-size: 2.8rem; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;"> <p style="font-size: 2.8rem !important; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
"The event decor was absolutely breathtaking! Aakriti Events completely transformed our venue in Waterloo. Their attention to detail is unmatched." "The event decor was absolutely breathtaking! Aakriti Events completely transformed our venue in Waterloo. Their attention to detail is unmatched."
</p> </p>
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center;"> <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
@ -879,7 +879,7 @@ el.textContent=new Date().getFullYear();
<!-- Slide 2 --> <!-- Slide 2 -->
<div class="carousel-item"> <div class="carousel-item">
<div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div> <div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div>
<p style="font-size: 2.8rem; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;"> <p style="font-size: 2.8rem !important; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
"Incredible rental selection and flawless execution for our corporate gala. The team made the entire process seamless from start to finish." "Incredible rental selection and flawless execution for our corporate gala. The team made the entire process seamless from start to finish."
</p> </p>
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center;"> <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
@ -890,7 +890,7 @@ el.textContent=new Date().getFullYear();
<!-- Slide 3 --> <!-- Slide 3 -->
<div class="carousel-item"> <div class="carousel-item">
<div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div> <div style="font-size: 6rem; color: #C9973A; line-height: 0; font-family: serif; margin: 40px 0 20px;">&#8220;</div>
<p style="font-size: 2.8rem; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;"> <p style="font-size: 2.8rem !important; font-weight: 500; color: #C9973A; line-height: 1.4; margin-bottom: 40px; font-family: 'Cormorant Garamond', Georgia, serif;">
"We rented their premium floral arches and seating for our outdoor ceremony in Kitchener-Waterloo. Everything was delivered on time and looked pristine." "We rented their premium floral arches and seating for our outdoor ceremony in Kitchener-Waterloo. Everything was delivered on time and looked pristine."
</p> </p>
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center;"> <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
@ -1332,7 +1332,7 @@ el.textContent=new Date().getFullYear();
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.v2-founder-grid { .v2-founder-grid {
grid-template-columns: 1fr 1.2fr 1fr; grid-template-columns: 1fr 1fr;
} }
} }
.v2-founder-img { .v2-founder-img {
@ -1385,16 +1385,11 @@ el.textContent=new Date().getFullYear();
position: relative; position: relative;
padding: 100px 24px; padding: 100px 24px;
text-align: center; text-align: center;
background-image: url('/theme_aakriti_v2/static/src/img/about/cta.webp'); background-color: #fff;
background-size: cover; background-image: none;
background-position: center;
<!-- background-attachment: fixed; -->
} }
.v2-cta-banner::before { .v2-cta-banner::before {
content: ''; content: none;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
<!-- background: linear-gradient(to right, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.98) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.98) 75%, rgba(255,255,255,0.2) 100%); -->
} }
.v2-cta-banner-content { .v2-cta-banner-content {
position: relative; position: relative;
@ -1405,13 +1400,13 @@ el.textContent=new Date().getFullYear();
.v2-cta-banner-title { .v2-cta-banner-title {
font-family: 'Cormorant Garamond', Georgia, serif; font-family: 'Cormorant Garamond', Georgia, serif;
font-size: clamp(2.5rem, 4vw, 3.5rem); font-size: clamp(2.5rem, 4vw, 3.5rem);
color: #1a1206; color: #111111;
margin-bottom: 16px; margin-bottom: 16px;
line-height: 1.1; line-height: 1.1;
font-weight: 600; font-weight: 600;
} }
.v2-cta-banner-text { .v2-cta-banner-text {
color: #666; color: #333333;
font-size: 1.05rem; font-size: 1.05rem;
line-height: 1.6; line-height: 1.6;
margin-bottom: 32px; margin-bottom: 32px;
@ -1446,14 +1441,15 @@ el.textContent=new Date().getFullYear();
<section class="v2-about-section"> <section class="v2-about-section">
<div class="v2-story-grid"> <div class="v2-story-grid">
<!-- Images Left --> <!-- Images Left -->
<div class="v2-story-images" style="display: grid; gap: 16px;"> <div class="v2-story-images">
<!-- <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="position: relative; width: 100%;">
<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%; aspect-ratio: 1/1; object-fit: cover; border-radius: 12px; display: block;"/>
<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;"/> <!-- Remove / Change Image Button -->
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;"> <!-- <button onclick="this.closest('div').querySelector('img').remove(); this.remove();" title="Remove image"
<img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-left.webp" alt="Event details" style="width: 100%; height: 220px; object-fit: cover; border-radius: 12px;"/> style="position: absolute; top: 10px; right: 10px; background: rgba(0,0,0,0.55); color: #fff; border: none; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1rem; line-height: 1; transition: background 0.2s ease;"
<img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-right.webp" alt="Event setup" style="width: 100%; height: 220px; object-fit: cover; border-radius: 12px;"/> onmouseover="this.style.background='rgba(0,0,0,0.8)'" onmouseout="this.style.background='rgba(0,0,0,0.55)'">
</div> &#x2715;
</button> -->
</div> </div>
</div> </div>
<!-- Content Right --> <!-- Content Right -->
@ -1473,18 +1469,18 @@ el.textContent=new Date().getFullYear();
<p class="v2-about-text">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> <p class="v2-about-text">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>
<!-- <p class="v2-about-text">From intimate gatherings to large multicultural weddings, our approach blends creativity with flawless execution.</p> --> <!-- <p class="v2-about-text">From intimate gatherings to large multicultural weddings, our approach blends creativity with flawless execution.</p> -->
<div style="margin-top: 36px;"> <!-- <div style="margin-top: 36px;">
<a href="/rental/request" class="v2-btn-gold-solid"> <a href="/rental/request" class="v2-btn-gold-solid">
LET'S CREATE TOGETHER LET'S CREATE TOGETHER
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</a> </a>
</div> </div> -->
</div> </div>
</div> </div>
</section> </section>
<!-- SECTION 2: WHAT MAKES US DIFFERENT --> <!-- SECTION 2: WHAT MAKES US DIFFERENT -->
<section class="v2-about-section" style="padding-top: 40px; padding-bottom: 120px;"> <!-- <section class="v2-about-section" style="padding-top: 40px; padding-bottom: 120px;">
<div style="text-align: center; margin-bottom: 60px;"> <div style="text-align: center; margin-bottom: 60px;">
<div class="v2-about-label center" style="justify-content: center;">WHAT MAKES US DIFFERENT</div> <div class="v2-about-label center" style="justify-content: center;">WHAT MAKES US DIFFERENT</div>
<h2 class="v2-about-title">The Aakriti Difference</h2> <h2 class="v2-about-title">The Aakriti Difference</h2>
@ -1492,7 +1488,7 @@ el.textContent=new Date().getFullYear();
<div class="v2-features-grid-about"> <div class="v2-features-grid-about">
<!-- Card 1 -->
<div class="v2-feature-card"> <div class="v2-feature-card">
<div class="v2-feature-icon-new"> <div class="v2-feature-icon-new">
<img src="/theme_aakriti_v2/static/src/img/about/icons/fusion-weddings.webp" <img src="/theme_aakriti_v2/static/src/img/about/icons/fusion-weddings.webp"
@ -1504,7 +1500,7 @@ el.textContent=new Date().getFullYear();
<p>Blending traditions beautifully while respecting every culture.</p> <p>Blending traditions beautifully while respecting every culture.</p>
</div> </div>
<!-- Card 2 -->
<div class="v2-feature-card"> <div class="v2-feature-card">
<div class="v2-feature-icon-new"> <div class="v2-feature-icon-new">
<img src="/theme_aakriti_v2/static/src/img/about/icons/intentional-design.webp" <img src="/theme_aakriti_v2/static/src/img/about/icons/intentional-design.webp"
@ -1516,7 +1512,7 @@ el.textContent=new Date().getFullYear();
<p>Every space is planned around guest experience and flow.</p> <p>Every space is planned around guest experience and flow.</p>
</div> </div>
<!-- Card 3 -->
<div class="v2-feature-card"> <div class="v2-feature-card">
<div class="v2-feature-icon-new"> <div class="v2-feature-icon-new">
<img src="/theme_aakriti_v2/static/src/img/about/icons/creative-styling.webp" <img src="/theme_aakriti_v2/static/src/img/about/icons/creative-styling.webp"
@ -1528,7 +1524,7 @@ el.textContent=new Date().getFullYear();
<p>Every celebration is designed from the ground up.</p> <p>Every celebration is designed from the ground up.</p>
</div> </div>
<!-- Card 4 -->
<div class="v2-feature-card"> <div class="v2-feature-card">
<div class="v2-feature-icon-new"> <div class="v2-feature-icon-new">
<img src="/theme_aakriti_v2/static/src/img/about/icons/execution-expertise.webp" <img src="/theme_aakriti_v2/static/src/img/about/icons/execution-expertise.webp"
@ -1540,7 +1536,7 @@ el.textContent=new Date().getFullYear();
<p>Over a decade of practical planning experience.</p> <p>Over a decade of practical planning experience.</p>
</div> </div>
<!-- Card 5 -->
<div class="v2-feature-card"> <div class="v2-feature-card">
<div class="v2-feature-icon-new"> <div class="v2-feature-icon-new">
<img src="/theme_aakriti_v2/static/src/img/about/icons/personalized-service.webp" <img src="/theme_aakriti_v2/static/src/img/about/icons/personalized-service.webp"
@ -1552,7 +1548,7 @@ el.textContent=new Date().getFullYear();
<p>No templates. Every design is uniquely yours.</p> <p>No templates. Every design is uniquely yours.</p>
</div> </div>
<!-- Card 6 -->
<div class="v2-feature-card"> <div class="v2-feature-card">
<div class="v2-feature-icon-new"> <div class="v2-feature-icon-new">
<img src="/theme_aakriti_v2/static/src/img/about/icons/stress-free-process.webp" <img src="/theme_aakriti_v2/static/src/img/about/icons/stress-free-process.webp"
@ -1565,17 +1561,12 @@ el.textContent=new Date().getFullYear();
</div> </div>
</div> </div>
</section> </section> -->
<!-- SECTION 3: MEET THE FOUNDER --> <!-- SECTION 3: MEET THE FOUNDER -->
<section class="v2-founder-section"> <section class="v2-founder-section">
<div class="v2-founder-grid"> <div class="v2-founder-grid">
<!-- Left: Image --> <!-- Left: Content -->
<div>
<img src="/theme_aakriti_v2/static/src/img/about/meet-the-founder.webp" alt="Founder" class="v2-founder-img" style="aspect-ratio: 4/5;"/>
</div>
<!-- Middle: Content -->
<div> <div>
<div class="v2-about-label">MEET THE FOUNDER</div> <div class="v2-about-label">MEET THE FOUNDER</div>
<h2 class="v2-about-title" style="margin-bottom: 16px;">Meet The Creative<br/>Behind <span class="gold">Aakriti</span></h2> <h2 class="v2-about-title" style="margin-bottom: 16px;">Meet The Creative<br/>Behind <span class="gold">Aakriti</span></h2>
@ -1597,22 +1588,9 @@ el.textContent=new Date().getFullYear();
</div> --> </div> -->
</div> </div>
<!-- Right: Quote Card --> <!-- Right: Image -->
<div class="v2-founder-quote-card"> <div>
<div class="v2-quote-icon">“</div> <img src="/theme_aakriti_v2/static/src/img/about/meet-the-founder.webp" alt="Founder" class="v2-founder-img" style="aspect-ratio: 4/4;"/>
<p class="v2-quote-text">
Every celebration should feel personal, meaningful, and beautifully unforgettable.
</p>
<div class="v2-quote-author">Paarul Ladd</div>
<!-- Flower Decoration Image -->
<img class="v2-flower-deco"
src="/theme_aakriti_v2/static/src/img/about/meet-the-founder-flower.webp"
alt="Flower Decoration"
width="120"
height="120"/>
</div> </div>
</div> </div>
</section> </section>
@ -1620,8 +1598,8 @@ el.textContent=new Date().getFullYear();
<!-- SECTION 4: CTA BANNER --> <!-- SECTION 4: CTA BANNER -->
<section class="v2-cta-banner"> <section class="v2-cta-banner">
<div class="v2-cta-banner-content"> <div class="v2-cta-banner-content">
<h2 class="v2-cta-banner-title" style="color: #000;">Let's Create Something<br/><span style="color: #000;">Beautiful</span> Together</h2> <h2 class="v2-cta-banner-title">Let's Create Something<br/><span>Beautiful</span> Together</h2>
<p class="v2-cta-banner-text" style="color: #000;">Whether you're planning an intimate celebration or a grand wedding, we'll bring your vision to life.</p> <p class="v2-cta-banner-text">Whether you're planning an intimate celebration or a grand wedding, we'll bring your vision to life.</p>
<a href="/contactus" class="v2-btn-gold-solid" style="display:inline-flex; align-items:center; gap:8px;"> <a href="/contactus" class="v2-btn-gold-solid" style="display:inline-flex; align-items:center; gap:8px;">
BOOK A CONSULTATION BOOK A CONSULTATION
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>