portfolio, contact page updated
This commit is contained in:
parent
3d8621e6ab
commit
640fae8be8
Binary file not shown.
@ -18,6 +18,7 @@
|
|||||||
'depends': ['website', 'event_rental'],
|
'depends': ['website', 'event_rental'],
|
||||||
'data': [
|
'data': [
|
||||||
'views/website_v2_templates.xml',
|
'views/website_v2_templates.xml',
|
||||||
|
'views/portfolio_templates.xml',
|
||||||
],
|
],
|
||||||
'installable': True,
|
'installable': True,
|
||||||
'application': False,
|
'application': False,
|
||||||
|
|||||||
@ -2474,4 +2474,388 @@ justify-content:center;
|
|||||||
background:#C9973A;
|
background:#C9973A;
|
||||||
color:#fff !important;
|
color:#fff !important;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ==========================================================
|
||||||
|
INNER BANNER (PORTFOLIO, CONTACT, ETC.)
|
||||||
|
========================================================== */
|
||||||
|
.v2-inner-banner {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 400px !important;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-start;
|
||||||
|
padding: 0 10%;
|
||||||
|
color: white;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-inner-banner::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: linear-gradient(to right, rgba(26, 18, 6, 0.9) 0%, rgba(201, 151, 58, 0.4) 50%, transparent 100%);
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-inner-banner-content {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-inner-banner-title {
|
||||||
|
font-size: 3.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-inner-banner-breadcrumb {
|
||||||
|
font-size: 1rem;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-inner-banner-breadcrumb a {
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-inner-banner-breadcrumb a:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-inner-banner-breadcrumb .v2-active {
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Portfolio Section */
|
||||||
|
.v2-portfolio-section {
|
||||||
|
padding: 60px 5%;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tabs */
|
||||||
|
.v2-portfolio-tabs {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 15px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-portfolio-tab {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
padding: 12px 24px;
|
||||||
|
background: transparent;
|
||||||
|
border: 1px solid #d4af37;
|
||||||
|
border-radius: 6px;
|
||||||
|
color: #333;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-portfolio-tab:hover, .v2-portfolio-tab.active {
|
||||||
|
background: #C9973A;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Masonry Grid (CSS Columns approach) */
|
||||||
|
.v2-masonry-grid {
|
||||||
|
column-count: 3;
|
||||||
|
column-gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.v2-masonry-grid { column-count: 2; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.v2-masonry-grid { column-count: 1; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-portfolio-item {
|
||||||
|
break-inside: avoid;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
|
||||||
|
background: white;
|
||||||
|
/* Added transition for smooth hide/show via JS */
|
||||||
|
transition: opacity 0.4s ease, transform 0.4s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-portfolio-item.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-portfolio-item-inner {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-portfolio-item img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
border-radius: 8px;
|
||||||
|
transition: transform 0.5s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-portfolio-item:hover img {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-portfolio-info {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding: 30px;
|
||||||
|
background: linear-gradient(to top, rgba(201, 151, 58, 0.95), rgba(201, 151, 58, 0.4) 40%, transparent);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: flex-end;
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(20px);
|
||||||
|
transition: all 0.4s ease;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-portfolio-item:hover .v2-portfolio-info {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-portfolio-info h3 {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
color: #fff;
|
||||||
|
font-family: var(--v2-font-display);
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-portfolio-info p {
|
||||||
|
font-size: 0.95rem;
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 5px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-portfolio-info p svg {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==========================================================
|
||||||
|
CONTACT PAGE STYLES
|
||||||
|
========================================================== */
|
||||||
|
.v2-contact-page {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 80px 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-contact-hero-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1.2fr;
|
||||||
|
gap: 60px;
|
||||||
|
/* margin-bottom: 60px; */
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.v2-contact-hero-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
gap: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-contact-hero-left {
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-contact-title {
|
||||||
|
font-size: clamp(2.5rem, 4vw, 3.5rem);
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.2;
|
||||||
|
margin: 15px 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-contact-desc {
|
||||||
|
font-size: 1rem;
|
||||||
|
color: #555;
|
||||||
|
line-height: 1.6;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-contact-details {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-contact-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 15px;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
color: #333;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Contact Form Card */
|
||||||
|
.v2-contact-form-card {
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 30px;
|
||||||
|
box-shadow: 0 10px 40px rgba(0,0,0,0.03);
|
||||||
|
border: 1px solid rgba(0,0,0,0.03);
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-form-title {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
color: #1a1206;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-form-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.v2-form-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-form-full-width {
|
||||||
|
grid-column: 1 / -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-form-input, .v2-form-select, .v2-form-textarea {
|
||||||
|
width: 100%;
|
||||||
|
padding: 14px 18px;
|
||||||
|
border: 1px solid rgba(0,0,0,0.08);
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
font-family: inherit;
|
||||||
|
background: #fafafa;
|
||||||
|
color: #333;
|
||||||
|
transition: border-color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-form-input:focus, .v2-form-select:focus, .v2-form-textarea:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: #C9973A;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-form-select {
|
||||||
|
appearance: none;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-select-arrow {
|
||||||
|
position: absolute;
|
||||||
|
right: 18px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
pointer-events: none;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Info Cards */
|
||||||
|
.v2-info-cards-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.v2-info-cards-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-info-card {
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 5px 20px rgba(0,0,0,0.04);
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-info-card-img {
|
||||||
|
width: 100%;
|
||||||
|
height: 180px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-info-card-img img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-info-card-content {
|
||||||
|
padding: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-info-card-content h4 {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
color: #1a1206;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-info-card-content p {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
color: #555;
|
||||||
|
line-height: 1.6;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-contact-social {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-contact-social a {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #C9973A;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2-contact-social a:hover {
|
||||||
|
background-color: #1a1206;
|
||||||
|
}
|
||||||
|
|||||||
@ -177,6 +177,79 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ── Bootstrap ────────────────────────────────────────── */
|
/* ── Bootstrap ────────────────────────────────────────── */
|
||||||
|
function initPortfolio() {
|
||||||
|
const grid = document.getElementById('v2-portfolio-grid');
|
||||||
|
const tabs = document.querySelectorAll('.v2-portfolio-tab');
|
||||||
|
if (!grid || !tabs.length) return;
|
||||||
|
|
||||||
|
// Dynamic portfolio data
|
||||||
|
const portfolioData = [
|
||||||
|
{ category: 'weddings', img: '/theme_aakriti_v2/static/src/img/wedding.png', title: 'Romantic Garden Wedding', location: 'Bangalore, India' },
|
||||||
|
{ category: 'corporate', img: '/theme_aakriti_v2/static/src/img/corporate.png', title: 'Annual Corporate Summit', location: 'Hyderabad, India' },
|
||||||
|
{ category: 'birthday', img: '/theme_aakriti_v2/static/src/img/birthday.png', title: 'Milestone Birthday Bash', location: 'Bangalore, India' },
|
||||||
|
{ category: 'cultural', img: '/theme_aakriti_v2/static/src/img/cultural.png', title: 'Royal Cultural Night', location: 'Mysore, India' },
|
||||||
|
{ category: 'private', img: '/theme_aakriti_v2/static/src/img/gallery1.webp', title: 'Private Celebration', location: 'Goa, India' },
|
||||||
|
{ category: 'weddings', img: '/theme_aakriti_v2/static/src/img/about.webp', title: 'Classic Wedding', location: 'Bangalore, India' }
|
||||||
|
];
|
||||||
|
|
||||||
|
// Function to render items
|
||||||
|
function renderItems(filter) {
|
||||||
|
grid.innerHTML = ''; // Clear current
|
||||||
|
|
||||||
|
portfolioData.forEach(item => {
|
||||||
|
if (filter === 'all' || filter === item.category) {
|
||||||
|
const itemHTML = `
|
||||||
|
<div class="v2-portfolio-item" data-category="${item.category}" style="opacity: 0; transform: scale(0.9); transition: opacity 0.4s ease, transform 0.4s ease;">
|
||||||
|
<div class="v2-portfolio-item-inner">
|
||||||
|
<img src="${item.img}" alt="${item.title}"/>
|
||||||
|
<div class="v2-portfolio-info">
|
||||||
|
<h3>${item.title}</h3>
|
||||||
|
<p><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg> ${item.location}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
// Parse and append to trigger animation
|
||||||
|
const temp = document.createElement('div');
|
||||||
|
temp.innerHTML = itemHTML.trim();
|
||||||
|
const element = temp.firstChild;
|
||||||
|
grid.appendChild(element);
|
||||||
|
|
||||||
|
// Trigger animation after append
|
||||||
|
setTimeout(() => {
|
||||||
|
element.style.opacity = '1';
|
||||||
|
element.style.transform = 'scale(1)';
|
||||||
|
}, 50);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Initial render
|
||||||
|
renderItems('all');
|
||||||
|
|
||||||
|
// Tab click handlers
|
||||||
|
tabs.forEach(tab => {
|
||||||
|
tab.addEventListener('click', function() {
|
||||||
|
tabs.forEach(t => t.classList.remove('active'));
|
||||||
|
this.classList.add('active');
|
||||||
|
|
||||||
|
const filter = this.getAttribute('data-filter');
|
||||||
|
|
||||||
|
// Fade out existing items
|
||||||
|
const currentItems = grid.querySelectorAll('.v2-portfolio-item');
|
||||||
|
currentItems.forEach(item => {
|
||||||
|
item.style.opacity = '0';
|
||||||
|
item.style.transform = 'scale(0.9)';
|
||||||
|
});
|
||||||
|
|
||||||
|
// Wait for fade out, then render new filtered list
|
||||||
|
setTimeout(() => {
|
||||||
|
renderItems(filter);
|
||||||
|
}, 400); // Wait for transition
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
onReady(function () {
|
onReady(function () {
|
||||||
initHeader();
|
initHeader();
|
||||||
initMobileDrawer();
|
initMobileDrawer();
|
||||||
@ -184,6 +257,7 @@
|
|||||||
initReveal();
|
initReveal();
|
||||||
initCounters();
|
initCounters();
|
||||||
initActiveNav();
|
initActiveNav();
|
||||||
|
initPortfolio();
|
||||||
});
|
});
|
||||||
|
|
||||||
})();
|
})();
|
||||||
|
|||||||
66
addons/theme_aakriti_v2/views/portfolio_templates.xml
Normal file
66
addons/theme_aakriti_v2/views/portfolio_templates.xml
Normal file
@ -0,0 +1,66 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<odoo>
|
||||||
|
<!-- Page Record -->
|
||||||
|
<record id="portfolio_page" model="website.page">
|
||||||
|
<field name="name">Portfolio</field>
|
||||||
|
<field name="type">qweb</field>
|
||||||
|
<field name="url">/portfolio</field>
|
||||||
|
<field name="website_published">True</field>
|
||||||
|
<field name="key">theme_aakriti_v2.portfolio_page_template</field>
|
||||||
|
<field name="arch" type="xml">
|
||||||
|
<t name="Portfolio" t-name="theme_aakriti_v2.portfolio_page_template">
|
||||||
|
<t t-call="website.layout">
|
||||||
|
<div id="wrap" class="oe_structure oe_empty" style="background-color: var(--v2-cream); font-family: 'Jost', sans-serif;">
|
||||||
|
<!-- Inner Banner -->
|
||||||
|
<section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/hero_bg.png');">
|
||||||
|
<div class="v2-inner-banner-content">
|
||||||
|
<h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">Portfolio</h1>
|
||||||
|
<div class="v2-inner-banner-breadcrumb">
|
||||||
|
<a href="/">Home</a> / <span class="v2-active">Portfolio</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Portfolio Section -->
|
||||||
|
<section class="v2-portfolio-section">
|
||||||
|
<div class="v2-portfolio-tabs">
|
||||||
|
<button class="v2-portfolio-tab active" data-filter="all">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
|
||||||
|
ALL EVENTS
|
||||||
|
</button>
|
||||||
|
<button class="v2-portfolio-tab" data-filter="weddings">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="8" cy="12" r="5"></circle><circle cx="16" cy="12" r="5"></circle></svg>
|
||||||
|
WEDDINGS
|
||||||
|
</button>
|
||||||
|
<button class="v2-portfolio-tab" data-filter="corporate">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>
|
||||||
|
CORPORATE EVENTS
|
||||||
|
</button>
|
||||||
|
<button class="v2-portfolio-tab" data-filter="birthday">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v4"></path><path d="M12 18v4"></path><path d="M4.93 19.07l2.83-2.83"></path><path d="M16.24 7.76l2.83-2.83"></path><path d="M2 12h4"></path><path d="M18 12h4"></path><path d="M4.93 4.93l2.83 2.83"></path><path d="M16.24 16.24l2.83 2.83"></path></svg>
|
||||||
|
BIRTHDAY CELEBRATIONS
|
||||||
|
</button>
|
||||||
|
<button class="v2-portfolio-tab" data-filter="cultural">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon></svg>
|
||||||
|
CULTURAL EVENTS
|
||||||
|
</button>
|
||||||
|
<button class="v2-portfolio-tab" data-filter="private">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>
|
||||||
|
PRIVATE PARTIES
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="v2-masonry-grid" id="v2-portfolio-grid">
|
||||||
|
<!-- Portfolio items will be injected here dynamically by theme_v2.js -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- <div class="v2-portfolio-load-more" style="text-align: center; margin-top: 50px;">
|
||||||
|
<a href="#" class="v2-btn-outline-gold" style="display: inline-flex; align-items: center; gap: 8px;">VIEW MORE PROJECTS <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></a>
|
||||||
|
</div> -->
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</t>
|
||||||
|
</t>
|
||||||
|
</field>
|
||||||
|
</record>
|
||||||
|
</odoo>
|
||||||
@ -65,8 +65,8 @@
|
|||||||
<a href="/">Home</a>
|
<a href="/">Home</a>
|
||||||
<a href="/aboutus">About Us</a>
|
<a href="/aboutus">About Us</a>
|
||||||
<a href="/rentals">Services</a>
|
<a href="/rentals">Services</a>
|
||||||
<a href="/rentals">Gallery</a>
|
<a href="/portfolio">Portfolio</a>
|
||||||
<a href="/aboutus">Experience</a>
|
<!-- <a href="/aboutus">Experience</a> -->
|
||||||
<a href="/blog">Blog</a>
|
<a href="/blog">Blog</a>
|
||||||
<a href="/contactus">Contact</a>
|
<a href="/contactus">Contact</a>
|
||||||
<a href="/rental/request" class="v2-nav-cta" style="display:inline-flex; align-items:center;">
|
<a href="/rental/request" class="v2-nav-cta" style="display:inline-flex; align-items:center;">
|
||||||
@ -825,17 +825,105 @@ el.textContent=new Date().getFullYear();
|
|||||||
<!-- ── 5. CONTACT US PAGE ─────────────────────────────────── -->
|
<!-- ── 5. CONTACT US PAGE ─────────────────────────────────── -->
|
||||||
<template id="v2_contactus" inherit_id="website.contactus" name="V2 Contact Us" active="True" priority="500">
|
<template id="v2_contactus" inherit_id="website.contactus" name="V2 Contact Us" active="True" priority="500">
|
||||||
<xpath expr="//div[@id='wrap']" position="replace">
|
<xpath expr="//div[@id='wrap']" position="replace">
|
||||||
<div id="wrap" class="oe_structure oe_empty" style="background-color:#fdf6e3; font-family:'Jost',sans-serif; padding-top:96px; min-height:80vh; display:flex; align-items:center; justify-content:center;">
|
<div id="wrap" class="oe_structure oe_empty" style="background-color:var(--v2-cream); font-family:'Jost',sans-serif;">
|
||||||
<main style="width:100%; max-width:640px; margin:0 auto; padding:80px 32px; text-align:center;">
|
<!-- Inner Banner -->
|
||||||
<span class="v2-eyebrow" style="display:block; margin-bottom:16px;">Contact</span>
|
<section class="v2-inner-banner" style="background-image: url('/theme_aakriti_v2/static/src/img/hero_bg.png');">
|
||||||
<h1 style="font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(2.8rem,5vw,4.5rem); font-weight:700; color:#1a1206; margin:0 0 32px;">Let's Connect</h1>
|
<div class="v2-inner-banner-content">
|
||||||
<div style="height:2px; background:linear-gradient(to right,transparent,rgba(201,151,58,0.4),transparent); margin-bottom:36px;"></div>
|
<h1 class="v2-inner-banner-title" style="font-family: var(--v2-font-display);">Contact Us</h1>
|
||||||
<p style="color:#6b5e4e; line-height:1.8; margin:0 0 40px;">For inquiries, collaborations, wedding consultations, or event planning questions, send us a message. We respond personally within two business days.</p>
|
<div class="v2-inner-banner-breadcrumb">
|
||||||
<div style="display:flex; align-items:center; justify-content:center; gap:12px; font-family:'Cormorant Garamond',Georgia,serif; font-size:1.3rem; color:#1a1206;">
|
<a href="/">Home</a> / <span class="v2-active">Contact</span>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
|
</div>
|
||||||
<a href="mailto:hello@aakritidesign.com" style="color:#1a1206; text-decoration:none;">hello@aakritidesign.com</a>
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</section>
|
||||||
|
<div class="v2-contact-page">
|
||||||
|
<!-- Top section -->
|
||||||
|
<div class="v2-contact-hero-grid">
|
||||||
|
<div class="v2-contact-hero-left">
|
||||||
|
<span class="v2-eyebrow-text" style="color: #c9973a; font-weight: 600; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 2px;">GET IN TOUCH</span>
|
||||||
|
<h1 class="v2-contact-title">
|
||||||
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">LET'S CREATE</span><br/>
|
||||||
|
<span class="v2-gold-text" style="font-family: var(--v2-font-display);">SOMETHING</span><br/>
|
||||||
|
<span class="v2-dark-text" style="font-family: var(--v2-font-display);">INCREDIBLE TOGETHER</span>
|
||||||
|
</h1>
|
||||||
|
<div class="v2-hero-divider" style="margin-left: 0; margin-bottom: 25px;">
|
||||||
|
<img src="/theme_aakriti_v2/static/src/img/decorative-line.png" alt="Decorative Line" style="height: auto; max-width: 150px; display: block;"/>
|
||||||
|
</div>
|
||||||
|
<p class="v2-contact-desc">
|
||||||
|
Have a question or ready to start planning your<br/>event? We'd love to hear from you.
|
||||||
|
</p>
|
||||||
|
<div class="v2-contact-details">
|
||||||
|
<!-- <div class="v2-contact-item">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6.5-6.5A19.79 19.79 0 0 1 1.08 4.18 2 2 0 0 1 3.06 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.89-.89a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16z"></path></svg>
|
||||||
|
<span>+91 98765 43210</span>
|
||||||
|
</div> -->
|
||||||
|
<div class="v2-contact-item">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-10 6L2 7"></path></svg>
|
||||||
|
<span>hello@aakritievents.com</span>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="v2-contact-item">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C9973A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
|
||||||
|
<span>123 Celebration Avenue,<br/>Bangalore, India - 560001</span>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="v2-contact-hero-right">
|
||||||
|
<div class="v2-contact-form-card">
|
||||||
|
<h3 class="v2-form-title">SEND US A MESSAGE</h3>
|
||||||
|
<form action="/website/form/crm.lead" method="post" data-model_name="crm.lead" data-success_page="/contactus-thank-you" class="s_website_form">
|
||||||
|
<div class="v2-form-grid">
|
||||||
|
<div class="v2-form-group">
|
||||||
|
<input type="text" name="contact_name" class="v2-form-input" placeholder="Your Name" required="1"/>
|
||||||
|
</div>
|
||||||
|
<div class="v2-form-group">
|
||||||
|
<input type="tel" name="phone" class="v2-form-input" placeholder="Phone Number"/>
|
||||||
|
</div>
|
||||||
|
<div class="v2-form-group">
|
||||||
|
<input type="email" name="email_from" class="v2-form-input" placeholder="Email Address" required="1"/>
|
||||||
|
</div>
|
||||||
|
<div class="v2-form-group" style="position:relative;">
|
||||||
|
<select name="event_type" class="v2-form-select">
|
||||||
|
<option value="" disabled="1" selected="1">Event Type</option>
|
||||||
|
<option value="Wedding">Wedding</option>
|
||||||
|
<option value="Corporate">Corporate</option>
|
||||||
|
<option value="Birthday">Birthday</option>
|
||||||
|
<option value="Other">Other</option>
|
||||||
|
</select>
|
||||||
|
<div class="v2-select-arrow">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m6 9 6 6 6-6"/></svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-form-group" style="position:relative;">
|
||||||
|
<select name="budget" class="v2-form-select">
|
||||||
|
<option value="" disabled="1" selected="1">Budget</option>
|
||||||
|
<option value="Under 5L">Under 5L</option>
|
||||||
|
<option value="5L - 10L">5L - 10L</option>
|
||||||
|
<option value="10L+">10L+</option>
|
||||||
|
</select>
|
||||||
|
<div class="v2-select-arrow">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m6 9 6 6 6-6"/></svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="v2-form-group" style="position:relative;">
|
||||||
|
<input type="text" name="event_date" class="v2-form-input" placeholder="Event Date" onfocus="(this.type='date')" onblur="if(!this.value)this.type='text'"/>
|
||||||
|
</div>
|
||||||
|
<div class="v2-form-group v2-form-full-width">
|
||||||
|
<textarea name="description" class="v2-form-textarea" placeholder="Message" rows="5"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="v2-form-group v2-form-full-width">
|
||||||
|
<button type="submit" class="v2-btn-gold" style="display:inline-flex; align-items:center; font-size: 0.75rem; padding: 12px 10px; text-transform: uppercase; border-radius: 4px; border: none; cursor: pointer;">
|
||||||
|
LET'S PLAN TOGETHER
|
||||||
|
<span style="display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); margin-left:8px;">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" 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>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</xpath>
|
</xpath>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user