408 lines
26 KiB
HTML
408 lines
26 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="Venus Photo Studio And Lab is a top-rated photography studio and photo lab in Karaikal for wedding photography, videography, portraits, baby shoots, albums, and events.">
|
|
<title>Venus Photo Studio And Lab | Photography Studio in 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="/">
|
|
<meta property="og:site_name" content="Venus Photo Studio And Lab">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Venus Photo Studio And Lab | Photography Studio in Karaikal">
|
|
<meta property="og:description" content="Venus Photo Studio And Lab is a top-rated photography studio and photo lab in Karaikal for wedding photography, videography, portraits, baby shoots, albums, and events.">
|
|
<meta property="og:url" content="/">
|
|
<meta property="og:image" content="/assets/images/logo/venus-monogram.jpg">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="Venus Photo Studio And Lab | Photography Studio in Karaikal">
|
|
<meta name="twitter:description" content="Venus Photo Studio And Lab is a top-rated photography studio and photo lab in Karaikal for wedding photography, videography, portraits, baby shoots, albums, and events.">
|
|
<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",
|
|
"description": "Photography studio and photo lab in Karaikal offering wedding photography, videography, portraits, albums, baby shoots, and event coverage.",
|
|
"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"
|
|
},
|
|
"openingHoursSpecification": [
|
|
{
|
|
"@type": "OpeningHoursSpecification",
|
|
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Saturday", "Sunday"],
|
|
"opens": "09:40",
|
|
"closes": "21:00"
|
|
}
|
|
],
|
|
"sameAs": [
|
|
"https://www.instagram.com/venus_karaikal/",
|
|
"https://share.google/YNpBPkSB80YTTgXGD"
|
|
]
|
|
}
|
|
</script>
|
|
</head>
|
|
<body class="site-shell" data-page="home">
|
|
<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-home relative flex items-center bg-cover bg-center pt-28">
|
|
<div class="absolute inset-0 bg-[radial-gradient(circle_at_72%_20%,rgba(212,175,55,0.14),transparent_24rem)]"></div>
|
|
<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">Karaikal Luxury Visual Stories</span>
|
|
<h1 class="reveal-text mt-6 font-display text-6xl font-bold leading-[0.95] text-white sm:text-7xl lg:text-8xl">Venus Photo Studio And Lab</h1>
|
|
<p class="reveal-text mt-6 max-w-2xl text-base leading-8 text-white/76 sm:text-lg">Cinematic wedding photography, soulful portraits, and graceful family films crafted with rich color, patient direction, and a timeless editorial eye.</p>
|
|
<div class="reveal-text mt-9 flex flex-col gap-3 sm:flex-row">
|
|
<a href="/gallery" class="lux-button">
|
|
<i data-lucide="images" class="h-4 w-4"></i>
|
|
View Gallery
|
|
</a>
|
|
<a href="/contact" class="ghost-button">
|
|
<i data-lucide="message-circle" class="h-4 w-4"></i>
|
|
Contact Us
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="reveal-text mt-14 grid max-w-3xl grid-cols-3 border border-white/10 bg-black/30 backdrop-blur md:ml-auto">
|
|
<div class="p-4 sm:p-6">
|
|
<p class="font-display text-3xl text-gold">01</p>
|
|
<p class="mt-1 text-xs font-bold uppercase tracking-[0.18em] text-white/60">Direction</p>
|
|
</div>
|
|
<div class="border-x border-white/10 p-4 sm:p-6">
|
|
<p class="font-display text-3xl text-gold">4K</p>
|
|
<p class="mt-1 text-xs font-bold uppercase tracking-[0.18em] text-white/60">Films</p>
|
|
</div>
|
|
<div class="p-4 sm:p-6">
|
|
<p class="font-display text-3xl text-gold">24h</p>
|
|
<p class="mt-1 text-xs font-bold uppercase tracking-[0.18em] text-white/60">Highlights</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="hero-scroll" aria-hidden="true"></span>
|
|
</section>
|
|
|
|
<section id="featured" class="mx-auto max-w-content px-5 py-20 lg:px-8 lg:py-28">
|
|
<div class="mb-10 flex flex-col justify-between gap-6 md:flex-row md:items-end">
|
|
<div data-aos="fade-up">
|
|
<span class="section-kicker">Featured Photography</span>
|
|
<h2 class="mt-4 max-w-2xl font-display text-4xl font-bold text-white sm:text-5xl">Frames that feel composed, emotional, and quietly grand.</h2>
|
|
</div>
|
|
<a href="/gallery" class="ghost-button self-start md:self-end">
|
|
<i data-lucide="arrow-up-right" class="h-4 w-4"></i>
|
|
Explore Work
|
|
</a>
|
|
</div>
|
|
<div class="grid gap-5 md:grid-cols-3">
|
|
<figure class="image-frame min-h-[28rem]" data-aos="fade-up">
|
|
<img class="parallax-img h-[30rem]" src="https://images.unsplash.com/photo-1523438885200-e635ba2c371e?auto=format&fit=crop&w=900&q=80" alt="Elegant bridal portrait with warm cinematic light" loading="lazy">
|
|
<figcaption class="sr-only">Bridal Portraits</figcaption>
|
|
</figure>
|
|
<figure class="image-frame mt-0 min-h-[28rem] md:mt-16" data-aos="fade-up" data-aos-delay="120">
|
|
<img class="parallax-img h-[30rem]" src="https://images.unsplash.com/photo-1520854221256-17451cc331bf?auto=format&fit=crop&w=900&q=80" alt="Couple wedding portrait outdoors" loading="lazy">
|
|
<figcaption class="sr-only">Wedding Stories</figcaption>
|
|
</figure>
|
|
<figure class="image-frame min-h-[28rem]" data-aos="fade-up" data-aos-delay="220">
|
|
<img class="parallax-img h-[30rem]" src="https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?auto=format&fit=crop&w=900&q=80" alt="Studio portrait captured with polished lighting" loading="lazy">
|
|
<figcaption class="sr-only">Editorial Portraits</figcaption>
|
|
</figure>
|
|
</div>
|
|
</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.95fr_1.05fr] lg:px-8 lg:py-28">
|
|
<div class="image-frame min-h-[30rem]" data-aos="fade-right">
|
|
<img class="parallax-img h-full" src="https://images.unsplash.com/photo-1452587925148-ce544e77e70d?auto=format&fit=crop&w=1100&q=82" alt="Photographer holding a professional camera" loading="lazy">
|
|
</div>
|
|
<div class="flex flex-col justify-center" data-aos="fade-left">
|
|
<span class="section-kicker">About Studio</span>
|
|
<h2 class="mt-4 font-display text-4xl font-bold text-white sm:text-5xl">A premium studio for moments that deserve more than documentation.</h2>
|
|
<p class="mt-6 leading-8 text-white/68">Venus Photo Studio And Lab blends candid observation with refined direction, creating wedding albums, family portraits, event stories, and cinematic reels with a polished brand sensibility.</p>
|
|
<div class="mt-8 grid gap-4 sm:grid-cols-3">
|
|
<div class="lux-card p-5">
|
|
<i data-lucide="camera" class="h-5 w-5 text-gold"></i>
|
|
<p class="mt-4 text-sm font-bold uppercase tracking-[0.15em] text-white/72">Photography</p>
|
|
</div>
|
|
<div class="lux-card p-5">
|
|
<i data-lucide="clapperboard" class="h-5 w-5 text-gold"></i>
|
|
<p class="mt-4 text-sm font-bold uppercase tracking-[0.15em] text-white/72">Cinematography</p>
|
|
</div>
|
|
<div class="lux-card p-5">
|
|
<i data-lucide="book-open" class="h-5 w-5 text-gold"></i>
|
|
<p class="mt-4 text-sm font-bold uppercase tracking-[0.15em] text-white/72">Albums</p>
|
|
</div>
|
|
</div>
|
|
<a href="/about" class="lux-button mt-9 self-start">
|
|
<i data-lucide="arrow-right" class="h-4 w-4"></i>
|
|
Our Story
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</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">Services</span>
|
|
<h2 class="mt-4 font-display text-4xl font-bold text-white sm:text-5xl">Complete visual coverage for family milestones and grand celebrations.</h2>
|
|
</div>
|
|
<div class="grid gap-5 md:grid-cols-2 lg:grid-cols-3">
|
|
<article class="lux-card p-7" data-aos="fade-up">
|
|
<i data-lucide="gem" class="h-7 w-7 text-gold"></i>
|
|
<h3 class="mt-8 font-display text-2xl font-bold text-white">Wedding Photography</h3>
|
|
<p class="mt-4 text-sm leading-7 text-white/64">Candid, traditional, and editorial coverage with polished retouching and album-ready sequencing.</p>
|
|
</article>
|
|
<article class="lux-card p-7" data-aos="fade-up" data-aos-delay="80">
|
|
<i data-lucide="video" class="h-7 w-7 text-gold"></i>
|
|
<h3 class="mt-8 font-display text-2xl font-bold text-white">Cinematic Videography</h3>
|
|
<p class="mt-4 text-sm leading-7 text-white/64">Trailer edits, long-form films, reels, drone-style framing, and music-led storytelling.</p>
|
|
</article>
|
|
<article class="lux-card p-7" data-aos="fade-up" data-aos-delay="160">
|
|
<i data-lucide="heart" class="h-7 w-7 text-gold"></i>
|
|
<h3 class="mt-8 font-display text-2xl font-bold text-white">Couple Sessions</h3>
|
|
<p class="mt-4 text-sm leading-7 text-white/64">Pre-wedding, engagement, and anniversary shoots shaped around your location and mood.</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="overflow-hidden border-y border-white/10 bg-black/40 py-8" aria-label="Studio specialties">
|
|
<div class="marquee-track gap-8 text-sm font-bold uppercase tracking-[0.18em] text-white/42">
|
|
<span>Wedding Films</span><span class="text-gold">/</span><span>Baby Shoots</span><span class="text-gold">/</span><span>Maternity</span><span class="text-gold">/</span><span>Events</span><span class="text-gold">/</span><span>Albums</span><span class="text-gold">/</span><span>Reels</span>
|
|
<span>Wedding Films</span><span class="text-gold">/</span><span>Baby Shoots</span><span class="text-gold">/</span><span>Maternity</span><span class="text-gold">/</span><span>Events</span><span class="text-gold">/</span><span>Albums</span><span class="text-gold">/</span><span>Reels</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="mx-auto max-w-content px-5 py-20 lg:px-8 lg:py-28">
|
|
<div class="mb-10 flex flex-col justify-between gap-6 md:flex-row md:items-end">
|
|
<div data-aos="fade-up">
|
|
<span class="section-kicker">Portfolio Preview</span>
|
|
<h2 class="mt-4 max-w-2xl font-display text-4xl font-bold text-white sm:text-5xl">A glimpse into wedding days, portraits, and celebration energy.</h2>
|
|
</div>
|
|
<a href="/gallery" class="ghost-button self-start md:self-end">
|
|
<i data-lucide="grid-3x3" class="h-4 w-4"></i>
|
|
Full Gallery
|
|
</a>
|
|
</div>
|
|
<div class="grid auto-rows-[16rem] gap-4 md:grid-cols-4 md:auto-rows-[14rem]">
|
|
<button class="gallery-card md:col-span-2 md:row-span-2" type="button" data-lightbox="https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=1600&q=82" data-caption="Wedding ceremony detail">
|
|
<img class="h-full" src="https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=900&q=80" alt="Wedding ceremony detail" loading="lazy">
|
|
<span class="gallery-caption text-left"><span class="font-display text-2xl font-bold">Wedding Rituals</span><span class="mt-1 block text-xs uppercase tracking-[0.18em] text-gold">Ceremony</span></span>
|
|
</button>
|
|
<button class="gallery-card" type="button" data-lightbox="https://images.unsplash.com/photo-1518199266791-5375a83190b7?auto=format&fit=crop&w=1400&q=82" data-caption="Couple portrait">
|
|
<img class="h-full" src="https://images.unsplash.com/photo-1518199266791-5375a83190b7?auto=format&fit=crop&w=700&q=80" alt="Couple portrait" loading="lazy">
|
|
<span class="gallery-caption text-left"><span class="font-display text-xl font-bold">Couple</span></span>
|
|
</button>
|
|
<button class="gallery-card" type="button" data-lightbox="https://images.unsplash.com/photo-1508214751196-bcfd4ca60f91?auto=format&fit=crop&w=1400&q=82" data-caption="Portrait session">
|
|
<img class="h-full" src="https://images.unsplash.com/photo-1508214751196-bcfd4ca60f91?auto=format&fit=crop&w=700&q=80" alt="Portrait session" loading="lazy">
|
|
<span class="gallery-caption text-left"><span class="font-display text-xl font-bold">Portraits</span></span>
|
|
</button>
|
|
<button class="gallery-card md:col-span-2" type="button" data-lightbox="https://images.unsplash.com/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=1600&q=82" data-caption="Event reception decor">
|
|
<img class="h-full" src="https://images.unsplash.com/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=1000&q=80" alt="Event reception decor" loading="lazy">
|
|
<span class="gallery-caption text-left"><span class="font-display text-xl font-bold">Celebrations</span></span>
|
|
</button>
|
|
</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="mx-auto mb-10 max-w-3xl text-center" data-aos="fade-up">
|
|
<span class="section-kicker justify-center">Testimonials</span>
|
|
<h2 class="mt-4 font-display text-4xl font-bold text-white sm:text-5xl">Clients come for coverage. They remember the calm.</h2>
|
|
</div>
|
|
<div class="grid gap-5 md:grid-cols-3">
|
|
<article class="lux-card p-7" data-aos="fade-up">
|
|
<i data-lucide="quote" class="h-8 w-8 text-gold"></i>
|
|
<p class="mt-6 leading-7 text-white/70">The team guided every pose gently and still captured so many natural moments. Our album feels elegant and very personal.</p>
|
|
<p class="mt-7 text-sm font-bold uppercase tracking-[0.16em] text-gold">Wedding Client</p>
|
|
</article>
|
|
<article class="lux-card p-7" data-aos="fade-up" data-aos-delay="100">
|
|
<i data-lucide="quote" class="h-8 w-8 text-gold"></i>
|
|
<p class="mt-6 leading-7 text-white/70">The highlight video looked cinematic without feeling artificial. It brought the whole event back in minutes.</p>
|
|
<p class="mt-7 text-sm font-bold uppercase tracking-[0.16em] text-gold">Event Client</p>
|
|
</article>
|
|
<article class="lux-card p-7" data-aos="fade-up" data-aos-delay="200">
|
|
<i data-lucide="quote" class="h-8 w-8 text-gold"></i>
|
|
<p class="mt-6 leading-7 text-white/70">Our baby shoot was relaxed, patient, and beautifully lit. The final pictures are now framed at home.</p>
|
|
<p class="mt-7 text-sm font-bold uppercase tracking-[0.16em] text-gold">Family Client</p>
|
|
</article>
|
|
</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 border border-gold/25 bg-black/45 p-7 sm:p-10 lg:grid-cols-[0.8fr_1.2fr] lg:p-14" data-aos="fade-up">
|
|
<div>
|
|
<span class="section-kicker">Google Reviews</span>
|
|
<p class="mt-6 font-display text-7xl font-bold text-gold">4.9</p>
|
|
<p class="mt-2 text-sm font-bold uppercase tracking-[0.18em] text-white/60">956 Google reviews</p>
|
|
</div>
|
|
<div>
|
|
<h2 class="font-display text-4xl font-bold text-white sm:text-5xl">Trusted by families across Karaikal.</h2>
|
|
<p class="mt-5 leading-8 text-white/68">Clients highlight friendly service, quality photos, wedding albums, timely delivery, and strong photography output from Venus Photo Studio And Lab.</p>
|
|
<div class="mt-7 flex flex-col gap-3 sm:flex-row">
|
|
<a href="https://share.google/YNpBPkSB80YTTgXGD" target="_blank" rel="noopener" class="lux-button">
|
|
<i data-lucide="star" class="h-4 w-4"></i>
|
|
View Google Reviews
|
|
</a>
|
|
<a href="https://wa.me/919894041125" target="_blank" rel="noopener" class="ghost-button">
|
|
<i data-lucide="message-circle" class="h-4 w-4"></i>
|
|
WhatsApp Booking
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="mx-auto max-w-content px-5 py-20 lg:px-8 lg:py-28">
|
|
<div class="mb-10 flex flex-col justify-between gap-6 md:flex-row md:items-end">
|
|
<div data-aos="fade-up">
|
|
<span class="section-kicker">Instagram Gallery</span>
|
|
<h2 class="mt-4 max-w-2xl font-display text-4xl font-bold text-white sm:text-5xl">Fresh visual stories from the studio feed.</h2>
|
|
</div>
|
|
<a href="https://www.instagram.com/venus_karaikal/" target="_blank" rel="noopener" class="ghost-button self-start md:self-end">
|
|
<i data-lucide="instagram" class="h-4 w-4"></i>
|
|
@venus_karaikal
|
|
</a>
|
|
</div>
|
|
<div class="grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-6">
|
|
<a href="https://www.instagram.com/venus_karaikal/" target="_blank" rel="noopener" class="image-frame aspect-square" data-aos="zoom-in"><img src="https://images.unsplash.com/photo-1520854221256-17451cc331bf?auto=format&fit=crop&w=520&q=78" alt="Instagram wedding preview" loading="lazy"></a>
|
|
<a href="https://www.instagram.com/venus_karaikal/" target="_blank" rel="noopener" class="image-frame aspect-square" data-aos="zoom-in" data-aos-delay="60"><img src="https://images.unsplash.com/photo-1518199266791-5375a83190b7?auto=format&fit=crop&w=520&q=78" alt="Instagram couple preview" loading="lazy"></a>
|
|
<a href="https://www.instagram.com/venus_karaikal/" target="_blank" rel="noopener" class="image-frame aspect-square" data-aos="zoom-in" data-aos-delay="120"><img src="https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?auto=format&fit=crop&w=520&q=78" alt="Instagram portrait preview" loading="lazy"></a>
|
|
<a href="https://www.instagram.com/venus_karaikal/" target="_blank" rel="noopener" class="image-frame aspect-square" data-aos="zoom-in" data-aos-delay="180"><img src="https://images.unsplash.com/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=520&q=78" alt="Instagram event preview" loading="lazy"></a>
|
|
<a href="https://www.instagram.com/venus_karaikal/" target="_blank" rel="noopener" class="image-frame aspect-square" data-aos="zoom-in" data-aos-delay="240"><img src="https://images.unsplash.com/photo-1508214751196-bcfd4ca60f91?auto=format&fit=crop&w=520&q=78" alt="Instagram portrait preview" loading="lazy"></a>
|
|
<a href="https://www.instagram.com/venus_karaikal/" target="_blank" rel="noopener" class="image-frame aspect-square" data-aos="zoom-in" data-aos-delay="300"><img src="https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=520&q=78" alt="Instagram ceremony preview" loading="lazy"></a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="mx-auto max-w-content px-5 pb-20 lg:px-8 lg:pb-28">
|
|
<div class="grid overflow-hidden border border-gold/25 bg-[linear-gradient(135deg,rgba(36,20,36,0.92),rgba(11,11,11,0.96)_58%,rgba(212,175,55,0.18))] lg:grid-cols-[1fr_0.8fr]">
|
|
<div class="p-7 sm:p-10 lg:p-14" data-aos="fade-right">
|
|
<span class="section-kicker">Contact CTA</span>
|
|
<h2 class="mt-4 max-w-2xl font-display text-4xl font-bold text-white sm:text-5xl">Planning a wedding, portrait session, or family milestone?</h2>
|
|
<p class="mt-5 max-w-xl leading-8 text-white/68">Share your date, location, and dream mood. Venus Photo Studio And Lab will help shape the coverage into a calm, elegant visual plan.</p>
|
|
<div class="mt-8 flex flex-col gap-3 sm:flex-row">
|
|
<a href="/contact" class="lux-button">
|
|
<i data-lucide="send" class="h-4 w-4"></i>
|
|
Start Enquiry
|
|
</a>
|
|
<a href="https://wa.me/919894041125" target="_blank" rel="noopener" class="ghost-button">
|
|
<i data-lucide="message-circle" class="h-4 w-4"></i>
|
|
WhatsApp
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="image-frame min-h-[24rem] border-0" data-aos="fade-left">
|
|
<img class="h-full" src="https://images.unsplash.com/photo-1523438885200-e635ba2c371e?auto=format&fit=crop&w=1000&q=82" alt="Bridal portrait used as contact call to action" 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">
|
|
© <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>
|