Venus_Studios/contact.html

289 lines
16 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Contact Venus Photo Studio And Lab at Door no. 24, Kannadiyar St, Karaikal, Puducherry 609602. Call or WhatsApp 098940 41125 for bookings.">
<title>Contact Venus Photo Studio And Lab | Karaikal</title>
<meta name="robots" content="index, follow">
<meta name="keywords" content="Venus Photo Studio And Lab, Karaikal photography studio, photography studio in Karaikal, wedding photographer Karaikal, photo lab Karaikal, candid photography, videography, album design">
<link rel="canonical" href="/contact">
<meta property="og:site_name" content="Venus Photo Studio And Lab">
<meta property="og:type" content="website">
<meta property="og:title" content="Contact Venus Photo Studio And Lab | Karaikal">
<meta property="og:description" content="Contact Venus Photo Studio And Lab at Door no. 24, Kannadiyar St, Karaikal, Puducherry 609602. Call or WhatsApp 098940 41125 for bookings.">
<meta property="og:url" content="/contact">
<meta property="og:image" content="/assets/images/logo/venus-monogram.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Contact Venus Photo Studio And Lab | Karaikal">
<meta name="twitter:description" content="Contact Venus Photo Studio And Lab at Door no. 24, Kannadiyar St, Karaikal, Puducherry 609602. Call or WhatsApp 098940 41125 for bookings.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://images.unsplash.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script>
window.tailwind = window.tailwind || {};
tailwind.config = {
theme: {
extend: {
colors: {
night: "#0B0B0B",
gold: "#D4AF37",
ivory: "#F7F2E8",
aubergine: "#241424"
},
maxWidth: {
content: "1180px"
}
}
}
};
</script>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="assets/css/style.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "PhotographyBusiness",
"name": "Venus Photo Studio And Lab",
"telephone": "+919894041125",
"address": {
"@type": "PostalAddress",
"streetAddress": "Door no. 24, Kannadiyar St",
"addressLocality": "Karaikal",
"addressRegion": "Puducherry",
"postalCode": "609602",
"addressCountry": "IN"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.9",
"reviewCount": "956"
},
"sameAs": [
"https://www.instagram.com/venus_karaikal/",
"https://share.google/YNpBPkSB80YTTgXGD"
]
}
</script>
</head>
<body class="site-shell" data-page="contact">
<header class="site-header">
<div class="mx-auto flex h-20 max-w-content items-center justify-between px-5 lg:px-8">
<a href="/" class="flex items-center gap-3" aria-label="Venus Photo Studio And Lab home">
<img src="assets/images/logo/venus-monogram.jpg" class="h-11 w-11" alt="" width="44" height="44">
<span class="leading-tight">
<span class="block font-display text-lg font-bold text-white sm:text-xl">Venus Photo Studio</span>
<span class="block text-[0.62rem] font-bold uppercase tracking-[0.18em] text-gold">And Lab | Photography & Film</span>
</span>
</a>
<nav class="hidden items-center gap-8 lg:flex" aria-label="Primary navigation">
<a href="/" class="nav-link text-sm font-semibold" data-nav="home">Home</a>
<a href="/about" class="nav-link text-sm font-semibold" data-nav="about">About</a>
<a href="/gallery" class="nav-link text-sm font-semibold" data-nav="gallery">Gallery</a>
<a href="/services" class="nav-link text-sm font-semibold" data-nav="services">Services</a>
<a href="/contact" class="nav-link text-sm font-semibold" data-nav="contact">Contact</a>
</nav>
<div class="hidden items-center gap-3 lg:flex">
<a href="https://www.instagram.com/venus_karaikal/" target="_blank" rel="noopener" class="ghost-button">
<i data-lucide="instagram" class="h-4 w-4"></i>
Instagram
</a>
</div>
<button class="grid h-11 w-11 place-items-center border border-white/15 text-white lg:hidden" type="button" data-menu-toggle aria-expanded="false" aria-label="Open navigation">
<i data-menu-icon data-lucide="menu" class="h-5 w-5"></i>
</button>
</div>
<div class="mobile-panel border-t border-white/10 bg-night/95 lg:hidden" data-mobile-panel>
<nav class="mx-auto grid max-w-content gap-1 px-5 py-5" aria-label="Mobile navigation">
<a href="/" class="nav-link py-3 text-base font-semibold" data-nav="home">Home</a>
<a href="/about" class="nav-link py-3 text-base font-semibold" data-nav="about">About</a>
<a href="/gallery" class="nav-link py-3 text-base font-semibold" data-nav="gallery">Gallery</a>
<a href="/services" class="nav-link py-3 text-base font-semibold" data-nav="services">Services</a>
<a href="/contact" class="nav-link py-3 text-base font-semibold" data-nav="contact">Contact</a>
</nav>
</div>
</header>
<main>
<section class="cinematic-hero hero-contact relative flex items-center bg-cover bg-center pt-28">
<div class="relative mx-auto w-full max-w-content px-5 py-16 lg:px-8">
<div class="max-w-4xl">
<span class="section-kicker reveal-text">Contact Venus Photo Studio And Lab</span>
<h1 class="reveal-text mt-6 font-display text-5xl font-bold leading-tight text-white sm:text-6xl lg:text-7xl">Start your visual story with one simple enquiry.</h1>
<p class="reveal-text mt-6 max-w-2xl text-base leading-8 text-white/74 sm:text-lg">Send your date, event type, and preferred coverage. The studio will help you choose a photo, film, or complete visual package.</p>
</div>
</div>
<span class="hero-scroll" aria-hidden="true"></span>
</section>
<section class="mx-auto grid max-w-content gap-10 px-5 py-20 lg:grid-cols-[1.1fr_0.9fr] lg:px-8 lg:py-28">
<div data-aos="fade-right">
<span class="section-kicker">Contact Form</span>
<h2 class="mt-4 font-display text-4xl font-bold text-white sm:text-5xl">Tell us what you are planning.</h2>
<form class="mt-8 grid gap-4" data-contact-form>
<div class="grid gap-4 sm:grid-cols-2">
<label>
<span class="mb-2 block text-xs font-bold uppercase tracking-[0.16em] text-white/50">Name</span>
<input class="input-field" type="text" name="name" placeholder="Your name" required>
</label>
<label>
<span class="mb-2 block text-xs font-bold uppercase tracking-[0.16em] text-white/50">Phone</span>
<input class="input-field" type="tel" name="phone" placeholder="+91 ..." required>
</label>
</div>
<div class="grid gap-4 sm:grid-cols-2">
<label>
<span class="mb-2 block text-xs font-bold uppercase tracking-[0.16em] text-white/50">Event Type</span>
<select class="input-field" name="event" required>
<option value="">Choose service</option>
<option>Wedding Photography</option>
<option>Cinematic Videography</option>
<option>Couple Shoot</option>
<option>Maternity Shoot</option>
<option>Baby Shoot</option>
<option>Event Coverage</option>
<option>Album Design</option>
</select>
</label>
<label>
<span class="mb-2 block text-xs font-bold uppercase tracking-[0.16em] text-white/50">Event Date</span>
<input class="input-field" type="date" name="date">
</label>
</div>
<label>
<span class="mb-2 block text-xs font-bold uppercase tracking-[0.16em] text-white/50">Message</span>
<textarea class="input-field min-h-40 resize-y" name="message" placeholder="Location, ceremony flow, guest count, and the mood you want..." required></textarea>
</label>
<button class="lux-button justify-self-start" type="submit">
<i data-lucide="send" class="h-4 w-4"></i>
Send Enquiry
</button>
<p class="hidden text-sm font-semibold text-gold" data-form-note role="status"></p>
</form>
</div>
<aside class="grid content-start gap-5" data-aos="fade-left">
<div class="lux-card p-7">
<i data-lucide="phone" class="h-6 w-6 text-gold"></i>
<h3 class="mt-5 font-display text-2xl font-bold">Phone</h3>
<a href="tel:+919894041125" class="mt-3 block text-white/68 hover:text-gold">098940 41125</a>
</div>
<div class="lux-card p-7">
<i data-lucide="message-circle" class="h-6 w-6 text-gold"></i>
<h3 class="mt-5 font-display text-2xl font-bold">WhatsApp</h3>
<a href="https://wa.me/919894041125" target="_blank" rel="noopener" class="mt-3 inline-flex items-center gap-2 text-white/68 hover:text-gold">Chat Now <i data-lucide="arrow-up-right" class="h-4 w-4"></i></a>
</div>
<div class="lux-card p-7">
<i data-lucide="instagram" class="h-6 w-6 text-gold"></i>
<h3 class="mt-5 font-display text-2xl font-bold">Instagram</h3>
<a href="https://www.instagram.com/venus_karaikal/" target="_blank" rel="noopener" class="mt-3 inline-flex items-center gap-2 text-white/68 hover:text-gold">@venus_karaikal <i data-lucide="arrow-up-right" class="h-4 w-4"></i></a>
</div>
<div class="lux-card p-7">
<i data-lucide="star" class="h-6 w-6 text-gold"></i>
<h3 class="mt-5 font-display text-2xl font-bold">Google Rating</h3>
<p class="mt-3 text-white/68">4.9 rating from 956 Google reviews</p>
<a href="https://share.google/YNpBPkSB80YTTgXGD" target="_blank" rel="noopener" class="mt-4 inline-flex items-center gap-2 text-white/68 hover:text-gold">Read Reviews <i data-lucide="arrow-up-right" class="h-4 w-4"></i></a>
</div>
<div class="lux-card p-7">
<i data-lucide="map-pin" class="h-6 w-6 text-gold"></i>
<h3 class="mt-5 font-display text-2xl font-bold">Studio Location</h3>
<p class="mt-3 leading-7 text-white/68">Door no. 24, Kannadiyar St, Karaikal, Puducherry 609602</p>
<p class="mt-3 text-sm text-white/52">Open 9:40 AM to 9:00 PM, Friday closed</p>
</div>
</aside>
</section>
<section class="border-y border-white/10 bg-white/[0.035]">
<div class="mx-auto grid max-w-content gap-10 px-5 py-20 lg:grid-cols-[0.8fr_1.2fr] lg:px-8 lg:py-28">
<div data-aos="fade-right">
<span class="section-kicker">Visit Studio</span>
<h2 class="mt-4 font-display text-4xl font-bold text-white sm:text-5xl">Door no. 24, Kannadiyar Street studio access.</h2>
<p class="mt-5 leading-8 text-white/68">Use the embedded map to plan your route, then call or WhatsApp before visiting for a consultation slot.</p>
<div class="mt-8 flex flex-col gap-3 sm:flex-row">
<a href="https://maps.google.com/?q=Door%20no%2024%2C%20Kannadiyar%20St%2C%20Karaikal%2C%20Puducherry%20609602" target="_blank" rel="noopener" class="lux-button">
<i data-lucide="navigation" class="h-4 w-4"></i>
Directions
</a>
<a href="https://www.instagram.com/venus_karaikal/" target="_blank" rel="noopener" class="ghost-button">
<i data-lucide="instagram" class="h-4 w-4"></i>
Instagram
</a>
</div>
</div>
<div class="overflow-hidden border border-white/10" data-aos="fade-left">
<iframe
class="map-frame"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
src="https://www.google.com/maps?q=Door%20no%2024%2C%20Kannadiyar%20St%2C%20Karaikal%2C%20Puducherry%20609602&output=embed"
title="Venus Photo Studio And Lab location map">
</iframe>
</div>
</div>
</section>
<section class="mx-auto max-w-content px-5 py-20 lg:px-8 lg:py-28">
<div class="grid items-center gap-10 lg:grid-cols-[1fr_0.9fr]">
<div data-aos="fade-right">
<span class="section-kicker">Fast Links</span>
<h2 class="mt-4 font-display text-4xl font-bold text-white sm:text-5xl">Prefer a direct message?</h2>
<p class="mt-5 max-w-2xl leading-8 text-white/68">WhatsApp is the fastest way to share dates, references, and event details. Instagram is ideal for checking the current visual style.</p>
<div class="mt-8 flex flex-col gap-3 sm:flex-row">
<a href="https://wa.me/919894041125" target="_blank" rel="noopener" class="lux-button">
<i data-lucide="message-circle" class="h-4 w-4"></i>
WhatsApp
</a>
<a href="tel:+919894041125" class="ghost-button">
<i data-lucide="phone-call" class="h-4 w-4"></i>
Call Studio
</a>
</div>
</div>
<div class="image-frame min-h-[28rem]" data-aos="fade-left">
<img class="h-full" src="https://images.unsplash.com/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=1000&q=82" alt="Camera lens closeup for contact section" loading="lazy">
</div>
</div>
</section>
</main>
<footer class="border-t border-white/10 bg-black/70">
<div class="mx-auto grid max-w-content gap-10 px-5 py-12 md:grid-cols-[1.2fr_0.8fr_0.8fr] lg:px-8">
<div>
<a href="/" class="flex items-center gap-3" aria-label="Venus Photo Studio And Lab home">
<img src="assets/images/logo/venus-monogram.jpg" class="h-11 w-11" alt="" width="44" height="44">
<span class="font-display text-2xl font-bold text-white">Venus Photo Studio And Lab</span>
</a>
<p class="mt-5 max-w-md leading-7 text-white/58">Premium photography and cinematic videography for weddings, portraits, family milestones, and events in Karaikal.</p>
</div>
<div>
<p class="text-sm font-bold uppercase tracking-[0.18em] text-gold">Studio</p>
<div class="mt-5 grid gap-3 text-sm text-white/64">
<a href="/about" class="hover:text-gold">About</a>
<a href="/gallery" class="hover:text-gold">Gallery</a>
<a href="/services" class="hover:text-gold">Services</a>
<a href="/contact" class="hover:text-gold">Contact</a>
</div>
</div>
<div>
<p class="text-sm font-bold uppercase tracking-[0.18em] text-gold">Connect</p>
<div class="mt-5 grid gap-3 text-sm text-white/64">
<a href="tel:+919894041125" class="hover:text-gold">098940 41125</a>
<a href="https://wa.me/919894041125" target="_blank" rel="noopener" class="hover:text-gold">WhatsApp Enquiry</a>
<a href="https://www.instagram.com/venus_karaikal/" target="_blank" rel="noopener" class="hover:text-gold">Instagram</a>
<span>Door no. 24, Kannadiyar St, Karaikal, Puducherry 609602</span>
</div>
</div>
</div>
<div class="border-t border-white/10 px-5 py-5 text-center text-xs font-semibold uppercase tracking-[0.16em] text-white/42">
&copy; <span data-year></span> Venus Photo Studio And Lab. Crafted for timeless stories.
</div>
</footer>
<script src="https://unpkg.com/lucide@latest"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="assets/js/app.js"></script>
</body>
</html>