Vamsi Agency - Contact Us
:root {
--primary: #1a1a2e;
--secondary: #e94560;
--accent: #16213e;
--gold: #d4a853;
--gold-light: #f0d68a;
--cream: #faf6f0;
--white: #ffffff;
--dark: #0f0f1a;
--glass-bg: rgba(255, 255, 255, 0.08);
--glass-border: rgba(255, 255, 255, 0.18);
--shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
--shadow-lg: 0 40px 80px -20px rgba(0, 0, 0, 0.4);
--radius: 20px;
--radius-sm: 12px;
--font-heading: 'Playfair Display', serif;
--font-body: 'Inter', sans-serif;
--transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
font-family: var(--font-body);
background: var(--dark);
color: var(--white);
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
::selection { background: var(--secondary); color: var(--white); }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--dark); }
::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 4px; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
.container {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
}
.section {
padding: 120px 0;
position: relative;
}
.section-label {
font-family: var(--font-body);
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 12px;
display: block;
}
.section-title {
font-family: var(--font-heading);
font-size: clamp(2.2rem, 5vw, 3.5rem);
font-weight: 700;
line-height: 1.15;
margin-bottom: 20px;
}
.section-title span { color: var(--gold); }
.section-sub {
font-size: 1.05rem;
color: rgba(255, 255, 255, 0.7);
max-width: 600px;
line-height: 1.7;
}
.btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 36px;
border-radius: 50px;
font-family: var(--font-body);
font-size: 0.95rem;
font-weight: 600;
border: none;
cursor: pointer;
transition: var(--transition);
position: relative;
overflow: hidden;
}
.btn-primary {
background: linear-gradient(135deg, var(--gold), var(--gold-light));
color: var(--dark);
}
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -10px rgba(212, 168, 83, 0.4); }
.btn-outline {
background: transparent;
color: var(--white);
border: 2px solid rgba(255, 255, 255, 0.3);
}
.btn-outline:hover { border-color: var(--gold); color: var(--gold); transform: translateY(-3px); }
.btn-whatsapp { background: #25D366; color: white; }
.btn-whatsapp:hover { background: #1da851; transform: translateY(-3px); box-shadow: 0 20px 40px -10px rgba(37, 211, 102, 0.4); }
.btn-phone { background: var(--secondary); color: white; }
.btn-phone:hover { background: #d63850; transform: translateY(-3px); }
.fade-up { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s ease; }
.fade-up.visible { opacity: 1; transform: translateY(0); }
/* ===== NAVIGATION ===== */
nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 20px 40px;
display: flex;
align-items: center;
justify-content: space-between;
transition: var(--transition);
}
nav.scrolled {
background: rgba(15, 15, 26, 0.92);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
padding: 14px 40px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}
.nav-logo {
font-family: var(--font-heading);
font-size: 1.6rem;
font-weight: 700;
color: var(--gold);
display: flex;
align-items: center;
gap: 10px;
}
.nav-logo i { font-size: 1.3rem; }
.nav-links { display: flex; align-items: center; gap: 32px; list-style: none; }
.nav-links a {
font-size: 0.85rem;
font-weight: 500;
color: rgba(255, 255, 255, 0.8);
transition: var(--transition);
position: relative;
}
.nav-links a::after {
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 0;
height: 2px;
background: var(--gold);
transition: var(--transition);
}
.nav-links a:hover::after { width: 100%; }
.nav-links a:hover { color: var(--gold); }
.nav-toggle {
display: none;
background: none;
border: none;
color: var(--white);
font-size: 1.5rem;
cursor: pointer;
}
.mobile-menu {
display: none;
position: fixed;
top: 0;
right: -100%;
width: 300px;
height: 100vh;
background: rgba(15, 15, 26, 0.98);
backdrop-filter: blur(20px);
padding: 100px 40px 40px;
transition: var(--transition);
z-index: 999;
list-style: none;
}
.mobile-menu.active { right: 0; }
.mobile-menu li { margin-bottom: 24px; }
.mobile-menu a {
font-size: 1.1rem;
color: rgba(255, 255, 255, 0.8);
transition: var(--transition);
}
.mobile-menu a:hover { color: var(--gold); }
.mobile-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 998;
}
.mobile-overlay.active { display: block; }
/* ===== HERO ===== */
.hero {
position: relative;
height: 100vh;
min-height: 700px;
display: flex;
align-items: center;
overflow: hidden;
}
.hero-slider {
position: absolute;
inset: 0;
}
.hero-slide {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 1.5s ease;
background-size: cover;
background-position: center;
}
.hero-slide.active { opacity: 1; }
.hero-slide::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg,
rgba(15, 15, 26, 0.85) 0%,
rgba(15, 15, 26, 0.4) 50%,
rgba(15, 15, 26, 0.2) 100%
);
}
.hero-content {
position: relative;
z-index: 2;
max-width: 750px;
padding: 0 40px;
}
.hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.15);
padding: 8px 20px;
border-radius: 50px;
font-size: 0.8rem;
color: var(--gold-light);
margin-bottom: 24px;
}
.hero h1 {
font-family: var(--font-heading);
font-size: clamp(2.8rem, 7vw, 5rem);
font-weight: 700;
line-height: 1.08;
margin-bottom: 20px;
}
.hero h1 span { color: var(--gold); }
.hero p {
font-size: clamp(1rem, 2vw, 1.2rem);
color: rgba(255, 255, 255, 0.8);
line-height: 1.7;
margin-bottom: 36px;
max-width: 560px;
}
.hero-btns { display: flex; gap: 16px; flex-wrap: wrap; }
.hero-indicators {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 10px;
z-index: 3;
}
.hero-indicators span {
width: 40px;
height: 3px;
background: rgba(255, 255, 255, 0.3);
border-radius: 2px;
cursor: pointer;
transition: var(--transition);
}
.hero-indicators span.active { background: var(--gold); width: 60px; }
.hero-scroll {
position: absolute;
bottom: 80px;
right: 40px;
z-index: 3;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
color: rgba(255, 255, 255, 0.5);
font-size: 0.7rem;
letter-spacing: 2px;
text-transform: uppercase;
writing-mode: vertical-lr;
}
.hero-scroll .mouse {
width: 20px;
height: 32px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 10px;
position: relative;
}
.hero-scroll .mouse::after {
content: '';
position: absolute;
top: 6px;
left: 50%;
transform: translateX(-50%);
width: 3px;
height: 8px;
background: var(--gold);
border-radius: 2px;
animation: scrollWheel 2s infinite;
}
@keyframes scrollWheel {
0% { opacity: 1; transform: translateX(-50%) translateY(0); }
100% { opacity: 0; transform: translateX(-50%) translateY(10px); }
}
/* ===== CONTACT ===== */
.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin-top: 50px;
}
.contact-form {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: var(--radius);
padding: 40px;
}
.form-group { margin-bottom: 20px; }
.form-group label {
display: block;
font-size: 0.85rem;
font-weight: 500;
margin-bottom: 6px;
color: rgba(255, 255, 255, 0.7);
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 14px 18px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--radius-sm);
color: var(--white);
font-family: var(--font-body);
font-size: 0.95rem;
transition: var(--transition);
outline: none;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus { border-color: var(--gold); background: rgba(255, 255, 255, 0.1); }
.form-group input::placeholder,
.form-group textarea::placeholder { color: rgba(255, 255, 255, 0.3); }
.form-group select { cursor: pointer; }
.form-group select option { background: var(--dark); color: var(--white); }
.form-group textarea { resize: vertical; min-height: 100px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.contact-info { display: flex; flex-direction: column; gap: 24px; justify-content: center; }
.contact-info-item {
display: flex;
align-items: center;
gap: 16px;
}
.contact-info-item .icon {
width: 50px;
height: 50px;
border-radius: 50%;
background: rgba(212, 168, 83, 0.1);
display: flex;
align-items: center;
justify-content: center;
color: var(--gold);
font-size: 1.2rem;
flex-shrink: 0;
}
.contact-info-item h4 { font-size: 1rem; margin-bottom: 4px; }
.contact-info-item p { font-size: 0.9rem; color: rgba(255, 255, 255, 0.6); }
.contact-btns {
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-top: 16px;
}
.contact-btns .btn { flex: 1; min-width: 140px; justify-content: center; }
/* ===== MAP ===== */
.map-container {
margin-top: 50px;
border-radius: var(--radius);
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.06);
height: 400px;
}
.map-container iframe {
width: 100%;
height: 100%;
border: none;
}
/* ===== FOOTER ===== */
footer {
background: rgba(255, 255, 255, 0.02);
border-top: 1px solid rgba(255, 255, 255, 0.06);
padding: 80px 0 0;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1.5fr;
gap: 40px;
}
.footer-brand h3 {
font-family: var(--font-heading);
font-size: 1.6rem;
color: var(--gold);
margin-bottom: 16px;
}
.footer-brand p {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.6);
line-height: 1.7;
margin-bottom: 20px;
}
.footer-social { display: flex; gap: 14px; }
.footer-social a {
width: 42px;
height: 42px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.6);
transition: var(--transition);
}
.footer-social a:hover { border-color: var(--gold); color: var(--gold); transform: translateY(-3px); }
.footer-col h4 {
font-size: 0.95rem;
font-weight: 600;
margin-bottom: 20px;
color: var(--white);
}
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 12px; }
.footer-col ul li a {
font-size: 0.88rem;
color: rgba(255, 255, 255, 0.5);
transition: var(--transition);
}
.footer-col ul li a:hover { color: var(--gold); padding-left: 4px; }
.footer-newsletter p {
font-size: 0.88rem;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 16px;
line-height: 1.6;
}
.newsletter-form { display: flex; gap: 8px; }
.newsletter-form input {
flex: 1;
padding: 12px 16px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 50px;
color: var(--white);
font-size: 0.85rem;
outline: none;
}
.newsletter-form input:focus { border-color: var(--gold); }
.newsletter-form button {
width: 46px;
height: 46px;
border-radius: 50%;
border: none;
background: var(--gold);
color: var(--dark);
cursor: pointer;
transition: var(--transition);
font-size: 1rem;
}
.newsletter-form button:hover { background: var(--gold-light); transform: scale(1.05); }
.footer-bottom {
margin-top: 60px;
padding: 24px 0;
border-top: 1px solid rgba(255, 255, 255, 0.06);
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 16px;
font-size: 0.85rem;
color: rgba(255, 255, 255, 0.4);
}
/* ===== CHATBOT ===== */
.chatbot-toggle {
position: fixed;
bottom: 28px;
right: 28px;
width: 60px;
height: 60px;
border-radius: 50%;
background: linear-gradient(135deg, var(--gold), #b8893a);
border: none;
color: var(--dark);
font-size: 1.5rem;
cursor: pointer;
z-index: 100;
box-shadow: 0 8px 30px rgba(212, 168, 83, 0.4);
transition: var(--transition);
display: flex;
align-items: center;
justify-content: center;
}
.chatbot-toggle:hover { transform: scale(1.1); }
.chatbot-window {
position: fixed;
bottom: 100px;
right: 28px;
width: 360px;
max-height: 520px;
background: rgba(20, 20, 35, 0.98);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
z-index: 100;
display: none;
flex-direction: column;
overflow: hidden;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);
}
.chatbot-window.open { display: flex; }
.chatbot-header {
background: linear-gradient(135deg, var(--gold), #b8893a);
padding: 18px 22px;
display: flex;
align-items: center;
justify-content: space-between;
}
.chatbot-header h4 { color: var(--dark); font-size: 1rem; }
.chatbot-close { background: none; border: none; color: var(--dark); cursor: pointer; font-size: 1.2rem; }
.chatbot-messages {
flex: 1;
padding: 20px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 12px;
}
.chatbot-messages::-webkit-scrollbar { width: 4px; }
.chatbot-messages::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 2px; }
.msg {
max-width: 80%;
padding: 12px 16px;
border-radius: 16px;
font-size: 0.85rem;
line-height: 1.5;
animation: msgIn 0.3s ease;
}
@keyframes msgIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.msg.bot {
background: rgba(255, 255, 255, 0.08);
align-self: flex-start;
border-bottom-left-radius: 4px;
}
.msg.user {
background: var(--gold);
color: var(--dark);
align-self: flex-end;
border-bottom-right-radius: 4px;
}
.chatbot-input {
display: flex;
gap: 8px;
padding: 14px 18px;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.chatbot-input input {
flex: 1;
padding: 10px 14px;
border-radius: 50px;
border: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.06);
color: var(--white);
outline: none;
font-size: 0.85rem;
}
.chatbot-input input:focus { border-color: var(--gold); }
.chatbot-input button {
width: 40px;
height: 40px;
border-radius: 50%;
border: none;
background: var(--gold);
color: var(--dark);
cursor: pointer;
}
/* ===== BACK TO TOP ===== */
.back-top {
position: fixed;
bottom: 100px;
left: 28px;
width: 44px;
height: 44px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--white);
cursor: pointer;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: translateY(20px);
transition: var(--transition);
font-size: 1rem;
}
.back-top.visible { opacity: 1; transform: translateY(0); }
.back-top:hover { border-color: var(--gold); color: var(--gold); }
/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
.contact-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
.section { padding: 80px 0; }
nav { padding: 16px 20px; }
nav.scrolled { padding: 12px 20px; }
.nav-links { display: none; }
.nav-toggle { display: block; }
.mobile-menu { display: block; }
.hero-content { padding: 0 20px; }
.hero-scroll { display: none; }
.footer-grid { grid-template-columns: 1fr; }
.contact-form { padding: 24px; }
.form-row { grid-template-columns: 1fr; }
.chatbot-window { width: calc(100% - 40px); right: 20px; bottom: 90px; }
.back-top { bottom: 100px; left: 16px; }
.map-container { height: 280px; }
}
@media (max-width: 480px) {
.hero-btns .btn { width: 100%; justify-content: center; }
.contact-btns .btn { min-width: 100%; }
}
/* ===== LOADER ===== */
.loader {
position: fixed;
inset: 0;
background: var(--dark);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
transition: opacity 0.6s ease, visibility 0.6s ease;
}
.loader.hidden { opacity: 0; visibility: hidden; }
.loader-spinner {
width: 50px;
height: 50px;
border: 3px solid rgba(255, 255, 255, 0.05);
border-top-color: var(--gold);
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
Award-Winning Travel Agency
Get In Touch
Ready to explore the world? Fill out the form and our travel experts will get back to you within 24 hours.
š Hi! Welcome to Vamsi Agency! I'm your travel assistant. How can I help you today? You can ask about packages, destinations, or booking!
// ===== LOADER =====
window.addEventListener('load', () => {
document.getElementById('loader').classList.add('hidden');
});
// ===== NAV =====
const navbar = document.getElementById('navbar');
const navToggle = document.getElementById('navToggle');
const mobileMenu = document.getElementById('mobileMenu');
const mobileOverlay = document.getElementById('mobileOverlay');
window.addEventListener('scroll', () => {
navbar.classList.toggle('scrolled', window.scrollY > 60);
});
navToggle.addEventListener('click', () => {
mobileMenu.classList.toggle('active');
mobileOverlay.classList.toggle('active');
});
mobileOverlay.addEventListener('click', () => {
mobileMenu.classList.remove('active');
mobileOverlay.classList.remove('active');
});
document.querySelectorAll('.mobile-menu a').forEach(a => {
a.addEventListener('click', () => {
mobileMenu.classList.remove('active');
mobileOverlay.classList.remove('active');
});
});
// ===== HERO SLIDER =====
const slides = document.querySelectorAll('.hero-slide');
const indicatorsContainer = document.getElementById('heroIndicators');
let currentSlide = 0;
let slideInterval;
slides.forEach((_, i) => {
const dot = document.createElement('span');
if (i === 0) dot.classList.add('active');
dot.addEventListener('click', () => goToSlide(i));
indicatorsContainer.appendChild(dot);
});
function goToSlide(index) {
slides.forEach(s => s.classList.remove('active'));
document.querySelectorAll('.hero-indicators span').forEach(d => d.classList.remove('active'));
slides[index].classList.add('active');
document.querySelectorAll('.hero-indicators span')[index].classList.add('active');
currentSlide = index;
}
function nextSlide() {
goToSlide((currentSlide + 1) % slides.length);
}
slideInterval = setInterval(nextSlide, 5000);
document.querySelector('.hero').addEventListener('mouseenter', () => clearInterval(slideInterval));
document.querySelector('.hero').addEventListener('mouseleave', () => {
slideInterval = setInterval(nextSlide, 5000);
});
// ===== INTERSECTION OBSERVER =====
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, { threshold: 0.15 });
document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));
// ===== BACK TO TOP =====
const backTop = document.getElementById('backTop');
window.addEventListener('scroll', () => {
backTop.classList.toggle('visible', window.scrollY > 500);
});
backTop.addEventListener('click', () => window.scrollTo({ top: 0, behavior: 'smooth' }));
// ===== CHATBOT =====
const chatbotToggle = document.getElementById('chatbotToggle');
const chatbotWindow = document.getElementById('chatbotWindow');
const chatbotClose = document.getElementById('chatbotClose');
const chatbotInput = document.getElementById('chatbotInput');
const chatbotSend = document.getElementById('chatbotSend');
const chatbotMessages = document.getElementById('chatbotMessages');
const botResponses = {
'hello': 'Hello! Welcome to Vamsi Agency! How can I assist you with your travel plans today?',
'hi': 'Hi there! Looking for a dream vacation? I can help you find the perfect package!',
'package': 'We have amazing packages! š International: Thailand (ā¹39,999), Dubai (ā¹54,999), Switzerland (ā¹1,99,999). India: Kerala (ā¹24,999), Kashmir (ā¹34,999), Goa (ā¹18,999). Which one interests you?',
'thailand': 'Thailand Explorer - 5D/4N starting at ā¹39,999! š¹š Includes flights, hotels, sightseeing & meals. Want to book?',
'dubai': 'Dubai Luxury Tour - 5D/4N starting at ā¹54,999! š¦šŖ Desert Safari, Burj Khalifa & more. Interested?',
'switzerland': 'Switzerland Premium - 8D/7N starting at ā¹1,99,999! šØš Swiss Alps, scenic trains & luxury stays!',
'kerala': 'Kerala Backwaters - 5D/4N starting at ā¹24,999! Houseboat cruises, tea gardens & beaches!',
'kashmir': 'Jammu & Kashmir Paradise - 6D/5N starting at ā¹34,999! Shikara rides, snow & Mughal gardens!',
'goa': 'Goa Beach Vacation - 4D/3N starting at ā¹18,999! Sun, sand & nightlife!',
'bali': 'Bali Paradise - 6D/5N starting at ā¹64,999! Beaches, temples & adventure!',
'maldives': 'Maldives Honeymoon - 4D/3N starting at ā¹89,999! Water villa stay & sunset cruises!',
'contact': 'You can reach us at š +91 98765 43210, š§ info@vamsiagency.com, or visit our office!',
'book': 'To book a package, please fill the inquiry form on our website, or contact us directly at +91 98765 43210!',
'price': 'Our packages start from as low as ā¹18,999 for domestic and ā¹39,999 for international! Great value for premium travel!',
'visa': 'We provide easy visa assistance for all international destinations. Our team handles the entire process!',
'thanks': "You're welcome! š Feel free to ask if you have any other questions. Happy travels!",
'bye': 'Goodbye! š« Thank you for choosing Vamsi Agency. Have a wonderful journey!'
};
function addMessage(text, type) {
const msg = document.createElement('div');
msg.className = `msg ${type}`;
msg.textContent = text;
chatbotMessages.appendChild(msg);
chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
}
function getBotResponse(input) {
const lower = input.toLowerCase();
for (const [key, response] of Object.entries(botResponses)) {
if (lower.includes(key)) return response;
}
return "I'd be happy to help! š You can ask me about packages, destinations, pricing, booking, or anything travel-related. Or call us at +91 98765 43210!";
}
function handleChat() {
const text = chatbotInput.value.trim();
if (!text) return;
addMessage(text, 'user');
chatbotInput.value = '';
setTimeout(() => {
addMessage(getBotResponse(text), 'bot');
}, 600);
}
chatbotToggle.addEventListener('click', () => {
chatbotWindow.classList.toggle('open');
if (chatbotWindow.classList.contains('open')) {
chatbotInput.focus();
chatbotToggle.style.display = 'none';
}
});
chatbotClose.addEventListener('click', () => {
chatbotWindow.classList.remove('open');
chatbotToggle.style.display = 'flex';
});
chatbotSend.addEventListener('click', handleChat);
chatbotInput.addEventListener('keypress', (e) => {
if (e.key === 'Enter') handleChat();
});
document.getElementById('liveChatBtn').addEventListener('click', (e) => {
e.preventDefault();
chatbotWindow.classList.add('open');
chatbotToggle.style.display = 'none';
chatbotInput.focus();
});
// ===== CONTACT FORM =====
document.getElementById('contactForm').addEventListener('submit', function(e) {
e.preventDefault();
const btn = this.querySelector('button[type="submit"]');
const original = btn.innerHTML;
btn.innerHTML = '
Sending...';
btn.disabled = true;
setTimeout(() => {
btn.innerHTML = '
Inquiry Sent!';
setTimeout(() => {
btn.innerHTML = original;
btn.disabled = false;
this.reset();
}, 2000);
}, 1500);
});
// ===== PARALLAX ON HERO =====
window.addEventListener('scroll', () => {
const scrolled = window.scrollY;
const heroContent = document.querySelector('.hero-content');
if (heroContent && scrolled < window.innerHeight) {
heroContent.style.transform = `translateY(${scrolled * 0.3}px)`;
heroContent.style.opacity = 1 - (scrolled / window.innerHeight) * 0.5;
}
});
console.log('%cāļø Vamsi Agency', 'font-size:24px;font-weight:bold;color:#d4a853;');
console.log('%cExplore the World with Premium Travel Experiences', 'font-size:14px;color:#f0d68a;');