281 lines
18 KiB
HTML
281 lines
18 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="Explore photography and videography services from Venus Photo Studio And Lab including wedding photography, cinematic video, kids photography, albums, and event coverage.">
|
|
<title>Services | 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="/services">
|
|
<meta property="og:site_name" content="Venus Photo Studio And Lab">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Services | Venus Photo Studio And Lab Karaikal">
|
|
<meta property="og:description" content="Explore photography and videography services from Venus Photo Studio And Lab including wedding photography, cinematic video, kids photography, albums, and event coverage.">
|
|
<meta property="og:url" content="/services">
|
|
<meta property="og:image" content="/assets/images/logo/venus-monogram.jpg">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="Services | Venus Photo Studio And Lab Karaikal">
|
|
<meta name="twitter:description" content="Explore photography and videography services from Venus Photo Studio And Lab including wedding photography, cinematic video, kids photography, albums, and event coverage.">
|
|
<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">
|
|
</head>
|
|
<body class="site-shell" data-page="services">
|
|
<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-services 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">Services</span>
|
|
<h1 class="reveal-text mt-6 font-display text-5xl font-bold leading-tight text-white sm:text-6xl lg:text-7xl">Premium coverage for the moments that become legacy.</h1>
|
|
<p class="reveal-text mt-6 max-w-2xl text-base leading-8 text-white/74 sm:text-lg">Choose focused coverage or build a custom collection across photography, cinematography, albums, reels, and event storytelling.</p>
|
|
</div>
|
|
</div>
|
|
<span class="hero-scroll" aria-hidden="true"></span>
|
|
</section>
|
|
|
|
<section class="mx-auto max-w-content px-5 py-20 lg:px-8 lg:py-28">
|
|
<div class="mb-10 max-w-3xl" data-aos="fade-up">
|
|
<span class="section-kicker">Service Cards</span>
|
|
<h2 class="mt-4 font-display text-4xl font-bold text-white sm:text-5xl">Every offering is shaped for clarity, elegance, and delivery quality.</h2>
|
|
</div>
|
|
<div class="grid gap-5 md:grid-cols-2 lg:grid-cols-3">
|
|
<article class="service-card" data-aos="fade-up">
|
|
<div class="relative">
|
|
<img src="https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=900&q=80" alt="Wedding photography service" loading="lazy">
|
|
<span class="absolute left-5 top-5 grid h-11 w-11 place-items-center bg-black/70 text-gold backdrop-blur"><i data-lucide="gem" class="h-5 w-5"></i></span>
|
|
</div>
|
|
<div class="p-6">
|
|
<h3 class="font-display text-2xl font-bold text-white">Wedding Photography</h3>
|
|
<p class="mt-3 text-sm leading-7 text-white/64">Full-day candid, traditional, portrait, ritual, family, and decor coverage with refined color grading.</p>
|
|
<a href="https://wa.me/919894041125?text=Hi%20Venus%20Photo%20Studio%20And%20Lab%2C%20I%20want%20to%20enquire%20about%20Wedding%20Photography." target="_blank" rel="noopener" class="ghost-button mt-6">
|
|
<i data-lucide="message-circle" class="h-4 w-4"></i>
|
|
WhatsApp
|
|
</a>
|
|
</div>
|
|
</article>
|
|
<article class="service-card" data-aos="fade-up" data-aos-delay="80">
|
|
<div class="relative">
|
|
<img src="https://images.unsplash.com/photo-1530023367847-a683933f4172?auto=format&fit=crop&w=900&q=80" alt="Cinematic videography service" loading="lazy">
|
|
<span class="absolute left-5 top-5 grid h-11 w-11 place-items-center bg-black/70 text-gold backdrop-blur"><i data-lucide="video" class="h-5 w-5"></i></span>
|
|
</div>
|
|
<div class="p-6">
|
|
<h3 class="font-display text-2xl font-bold text-white">Cinematic Videography</h3>
|
|
<p class="mt-3 text-sm leading-7 text-white/64">Trailer films, highlight reels, long-form edits, interviews, and mood-led storytelling for every event rhythm.</p>
|
|
<a href="https://wa.me/919894041125?text=Hi%20Venus%20Photo%20Studio%20And%20Lab%2C%20I%20want%20to%20enquire%20about%20Cinematic%20Videography." target="_blank" rel="noopener" class="ghost-button mt-6">
|
|
<i data-lucide="message-circle" class="h-4 w-4"></i>
|
|
WhatsApp
|
|
</a>
|
|
</div>
|
|
</article>
|
|
<article class="service-card" data-aos="fade-up" data-aos-delay="160">
|
|
<div class="relative">
|
|
<img src="https://images.unsplash.com/photo-1518199266791-5375a83190b7?auto=format&fit=crop&w=900&q=80" alt="Couple shoot service" loading="lazy">
|
|
<span class="absolute left-5 top-5 grid h-11 w-11 place-items-center bg-black/70 text-gold backdrop-blur"><i data-lucide="heart" class="h-5 w-5"></i></span>
|
|
</div>
|
|
<div class="p-6">
|
|
<h3 class="font-display text-2xl font-bold text-white">Couple Shoots</h3>
|
|
<p class="mt-3 text-sm leading-7 text-white/64">Pre-wedding, engagement, anniversary, and editorial couple portraits directed with a relaxed mood.</p>
|
|
<a href="https://wa.me/919894041125?text=Hi%20Venus%20Photo%20Studio%20And%20Lab%2C%20I%20want%20to%20enquire%20about%20Couple%20Shoots." target="_blank" rel="noopener" class="ghost-button mt-6">
|
|
<i data-lucide="message-circle" class="h-4 w-4"></i>
|
|
WhatsApp
|
|
</a>
|
|
</div>
|
|
</article>
|
|
<article class="service-card" data-aos="fade-up">
|
|
<div class="relative">
|
|
<img src="https://images.unsplash.com/photo-1546015720-b8b30df5aa27?auto=format&fit=crop&w=900&q=80" alt="Kids photography service" loading="lazy">
|
|
<span class="absolute left-5 top-5 grid h-11 w-11 place-items-center bg-black/70 text-gold backdrop-blur"><i data-lucide="baby" class="h-5 w-5"></i></span>
|
|
</div>
|
|
<div class="p-6">
|
|
<h3 class="font-display text-2xl font-bold text-white">Kids Photography</h3>
|
|
<p class="mt-3 text-sm leading-7 text-white/64">Baby portraits, birthdays, family lifestyle sessions, and patient studio direction for little personalities.</p>
|
|
<a href="https://wa.me/919894041125?text=Hi%20Venus%20Photo%20Studio%20And%20Lab%2C%20I%20want%20to%20enquire%20about%20Kids%20Photography." target="_blank" rel="noopener" class="ghost-button mt-6">
|
|
<i data-lucide="message-circle" class="h-4 w-4"></i>
|
|
WhatsApp
|
|
</a>
|
|
</div>
|
|
</article>
|
|
<article class="service-card" data-aos="fade-up" data-aos-delay="80">
|
|
<div class="relative">
|
|
<img src="https://images.unsplash.com/photo-1495020689067-958852a7765e?auto=format&fit=crop&w=900&q=80" alt="Album design service" loading="lazy">
|
|
<span class="absolute left-5 top-5 grid h-11 w-11 place-items-center bg-black/70 text-gold backdrop-blur"><i data-lucide="book-open" class="h-5 w-5"></i></span>
|
|
</div>
|
|
<div class="p-6">
|
|
<h3 class="font-display text-2xl font-bold text-white">Album Design</h3>
|
|
<p class="mt-3 text-sm leading-7 text-white/64">Heirloom album layouts, photo selection, sequencing, cover design, and print-ready storytelling.</p>
|
|
<a href="https://wa.me/919894041125?text=Hi%20Venus%20Photo%20Studio%20And%20Lab%2C%20I%20want%20to%20enquire%20about%20Album%20Design." target="_blank" rel="noopener" class="ghost-button mt-6">
|
|
<i data-lucide="message-circle" class="h-4 w-4"></i>
|
|
WhatsApp
|
|
</a>
|
|
</div>
|
|
</article>
|
|
<article class="service-card" data-aos="fade-up" data-aos-delay="160">
|
|
<div class="relative">
|
|
<img src="https://images.unsplash.com/photo-1464366400600-7168b8af9bc3?auto=format&fit=crop&w=900&q=80" alt="Event coverage service" loading="lazy">
|
|
<span class="absolute left-5 top-5 grid h-11 w-11 place-items-center bg-black/70 text-gold backdrop-blur"><i data-lucide="sparkles" class="h-5 w-5"></i></span>
|
|
</div>
|
|
<div class="p-6">
|
|
<h3 class="font-display text-2xl font-bold text-white">Event Coverage</h3>
|
|
<p class="mt-3 text-sm leading-7 text-white/64">Birthdays, engagements, corporate events, stage programs, rituals, and social celebrations.</p>
|
|
<a href="https://wa.me/919894041125?text=Hi%20Venus%20Photo%20Studio%20And%20Lab%2C%20I%20want%20to%20enquire%20about%20Event%20Coverage." target="_blank" rel="noopener" class="ghost-button mt-6">
|
|
<i data-lucide="message-circle" class="h-4 w-4"></i>
|
|
WhatsApp
|
|
</a>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="border-y border-white/10 bg-white/[0.035]">
|
|
<div class="mx-auto max-w-content px-5 py-20 lg:px-8 lg:py-28">
|
|
<div class="mb-10 max-w-3xl" data-aos="fade-up">
|
|
<span class="section-kicker">Booking Flow</span>
|
|
<h2 class="mt-4 font-display text-4xl font-bold text-white sm:text-5xl">A clear process keeps the creative work effortless.</h2>
|
|
</div>
|
|
<div class="grid gap-4 md:grid-cols-4">
|
|
<div class="lux-card p-6" data-aos="fade-up">
|
|
<span class="font-display text-4xl text-gold">01</span>
|
|
<h3 class="mt-5 font-display text-2xl font-bold">Enquire</h3>
|
|
<p class="mt-3 text-sm leading-7 text-white/62">Share date, event type, venue, and expected coverage.</p>
|
|
</div>
|
|
<div class="lux-card p-6" data-aos="fade-up" data-aos-delay="80">
|
|
<span class="font-display text-4xl text-gold">02</span>
|
|
<h3 class="mt-5 font-display text-2xl font-bold">Plan</h3>
|
|
<p class="mt-3 text-sm leading-7 text-white/62">Choose services, timeline, deliverables, and visual mood.</p>
|
|
</div>
|
|
<div class="lux-card p-6" data-aos="fade-up" data-aos-delay="160">
|
|
<span class="font-display text-4xl text-gold">03</span>
|
|
<h3 class="mt-5 font-display text-2xl font-bold">Capture</h3>
|
|
<p class="mt-3 text-sm leading-7 text-white/62">Work with a prepared team and thoughtful on-day direction.</p>
|
|
</div>
|
|
<div class="lux-card p-6" data-aos="fade-up" data-aos-delay="240">
|
|
<span class="font-display text-4xl text-gold">04</span>
|
|
<h3 class="mt-5 font-display text-2xl font-bold">Deliver</h3>
|
|
<p class="mt-3 text-sm leading-7 text-white/62">Receive edited photos, films, reels, and album-ready files.</p>
|
|
</div>
|
|
</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-[0.9fr_1.1fr]">
|
|
<div data-aos="fade-right">
|
|
<span class="section-kicker">Custom Packages</span>
|
|
<h2 class="mt-4 font-display text-4xl font-bold text-white sm:text-5xl">Need a combined photo, film, album, and reel plan?</h2>
|
|
<p class="mt-5 leading-8 text-white/68">Venus Photo Studio And Lab can design a custom collection for multi-day weddings, family events, and venue-heavy celebrations where coverage needs to feel complete.</p>
|
|
<a href="https://wa.me/919894041125?text=Hi%20Venus%20Photo%20Studio%20And%20Lab%2C%20I%20want%20a%20custom%20photo%20and%20video%20package." target="_blank" rel="noopener" class="lux-button mt-8">
|
|
<i data-lucide="message-circle" class="h-4 w-4"></i>
|
|
Build My Package
|
|
</a>
|
|
</div>
|
|
<div class="grid gap-4 sm:grid-cols-2" data-aos="fade-left">
|
|
<div class="image-frame min-h-[24rem] sm:mt-10">
|
|
<img class="parallax-img h-full" src="https://images.unsplash.com/photo-1520854221256-17451cc331bf?auto=format&fit=crop&w=900&q=82" alt="Wedding couple service preview" loading="lazy">
|
|
</div>
|
|
<div class="image-frame min-h-[24rem]">
|
|
<img class="parallax-img h-full" src="https://images.unsplash.com/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=900&q=82" alt="Event decor service preview" loading="lazy">
|
|
</div>
|
|
</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">
|
|
© <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>
|