Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Anitha Fashion Creations — Designer Boutique & Master Tailoring, Coimbatore</title>
<meta name="description" content="Premium boutique tailoring, bridal wear, embroidery & aari work by Anitha Muthukumar. Designed with passion, stitched to perfection in Coimbatore, Tamil Nadu." />
<meta property="og:title" content="Anitha Fashion Creations" />
<meta property="og:description" content="Designed with Passion • Stitched to Perfection. Boutique tailoring & bridal couture in Coimbatore." />
<link rel="icon" href="assets/afc-logo.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Jost:wght@300;400;500;600&display=swap" rel="stylesheet" />
<script src="https://cdn.tailwindcss.com"></script>
<style>
:root{
--plum:#1a0d1f;
--bg:#160a1c;
--card:#22122a;
--fg:#f6e9c9;
--muted:#b89db0;
--gold:#d4af37;
--gold-soft:#e9d28a;
--shadow-luxe:0 30px 80px -20px rgba(0,0,0,.7);
--shadow-gold-glow:0 0 40px -8px rgba(212,175,55,.5);
}
html,body{background:var(--bg);color:var(--fg);font-family:'Jost',sans-serif;}
.font-display{font-family:'Cormorant Garamond',serif;font-weight:500;}
.text-gradient-gold{background:linear-gradient(90deg,#d4af37,#f6e2a6,#d4af37);-webkit-background-clip:text;background-clip:text;color:transparent;}
@keyframes shimmer{0%,100%{opacity:.6}50%{opacity:1}}
.animate-shimmer{animation:shimmer 3s ease-in-out infinite;}
body{background:
radial-gradient(ellipse at top left, rgba(212,175,55,.08), transparent 50%),
radial-gradient(ellipse at bottom right, rgba(120,40,140,.18), transparent 50%),
var(--bg);}
</style>
</head>
<body class="min-h-screen overflow-x-hidden">
<header class="relative z-20 px-6 md:px-12 py-5 flex items-center justify-between">
<div class="flex items-center gap-3">
<img src="assets/afc-logo.png" alt="AFC monogram" width="48" height="48" class="w-12 h-12 object-contain" />
<div class="leading-tight">
<div class="font-display text-lg tracking-wider" style="color:var(--gold-soft)">ANITHA</div>
<div class="font-display text-xs tracking-[0.3em]" style="color:var(--gold)">FASHION CREATIONS</div>
</div>
</div>
<nav class="hidden md:flex items-center gap-8 text-sm tracking-widest" style="color:var(--gold-soft)">
<a href="#services" class="hover:text-yellow-300 transition">SERVICES</a>
<a href="#lookbook" class="hover:text-yellow-300 transition">LOOKBOOK</a>
<a href="#about" class="hover:text-yellow-300 transition">ATELIER</a>
<a href="#contact" class="hover:text-yellow-300 transition">CONTACT</a>
</nav>
<a href="#contact" class="hidden md:inline-block px-5 py-2 border text-xs tracking-[0.3em] transition" style="border-color:rgba(212,175,55,.6);color:var(--gold)">BOOK FITTING</a>
</header>
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!