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'],
|
||||
'data': [
|
||||
'views/website_v2_templates.xml',
|
||||
'views/portfolio_templates.xml',
|
||||
],
|
||||
'installable': True,
|
||||
'application': False,
|
||||
|
||||
@ -2474,4 +2474,388 @@ justify-content:center;
|
||||
background:#C9973A;
|
||||
color:#fff !important;
|
||||
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 ────────────────────────────────────────── */
|
||||
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 () {
|
||||
initHeader();
|
||||
initMobileDrawer();
|
||||
@ -184,6 +257,7 @@
|
||||
initReveal();
|
||||
initCounters();
|
||||
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="/aboutus">About Us</a>
|
||||
<a href="/rentals">Services</a>
|
||||
<a href="/rentals">Gallery</a>
|
||||
<a href="/aboutus">Experience</a>
|
||||
<a href="/portfolio">Portfolio</a>
|
||||
<!-- <a href="/aboutus">Experience</a> -->
|
||||
<a href="/blog">Blog</a>
|
||||
<a href="/contactus">Contact</a>
|
||||
<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 ─────────────────────────────────── -->
|
||||
<template id="v2_contactus" inherit_id="website.contactus" name="V2 Contact Us" active="True" priority="500">
|
||||
<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;">
|
||||
<main style="width:100%; max-width:640px; margin:0 auto; padding:80px 32px; text-align:center;">
|
||||
<span class="v2-eyebrow" style="display:block; margin-bottom:16px;">Contact</span>
|
||||
<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 style="height:2px; background:linear-gradient(to right,transparent,rgba(201,151,58,0.4),transparent); margin-bottom:36px;"></div>
|
||||
<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 style="display:flex; align-items:center; justify-content:center; gap:12px; font-family:'Cormorant Garamond',Georgia,serif; font-size:1.3rem; color:#1a1206;">
|
||||
<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>
|
||||
<a href="mailto:hello@aakritidesign.com" style="color:#1a1206; text-decoration:none;">hello@aakritidesign.com</a>
|
||||
<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);">Contact Us</h1>
|
||||
<div class="v2-inner-banner-breadcrumb">
|
||||
<a href="/">Home</a> / <span class="v2-active">Contact</span>
|
||||
</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>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user