SHRI BALAJI MODELING AGENCY

MAIN

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Shri Balaji Modeling Agency | India’s Premier Casting Portal</title>
<link href=”https://fonts.googleapis.com/css2?family=Urbanist:wght=300;400;500;600;700&display=swap” rel=”stylesheet”>
<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css”>

<style>
* { margin: 0; padding: 0; box-sizing: border-box; font-family: ‘Urbanist’, sans-serif; scroll-behavior: smooth; }
body { background-color: #050709; color: #ffffff; overflow-x: hidden; }
span { color: #deff9a; }

/* Navigation */
header { display: flex; justify-content: space-between; align-items: center; padding: 20px 6%; background: rgba(10, 12, 16, 0.95); position: fixed; width: 100%; top: 0; z-index: 1000; border-bottom: 1px solid rgba(222, 255, 154, 0.08); backdrop-filter: blur(10px); }
.logo { font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.nav-links { display: flex; gap: 35px; align-items: center; }
.nav-links a { color: #b0b3b8; text-decoration: none; font-weight: 500; font-size: 17px; transition: 0.3s; }
.nav-links a:hover { color: #deff9a; }
.cta-btn { background: #deff9a; color: #000; padding: 12px 28px; border-radius: 50px; text-decoration: none; font-weight: 600; transition: 0.3s; }
.cta-btn:hover { background: #fff; box-shadow: 0 0 20px rgba(222, 255, 154, 0.4); }

/* Hero Section */
.hero { height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 0 20px; background: linear-gradient(rgba(5, 7, 9, 0.65), #050709), url(‘https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=80&w=1920’) center/cover; }
.hero h1 { font-size: 75px; font-weight: 700; margin-bottom: 25px; text-transform: uppercase; line-height: 1.1; letter-spacing: -1px; text-shadow: 0 4px 20px rgba(0,0,0,0.6); }
.hero p { font-size: 22px; color: #e2e8f0; max-width: 850px; margin-bottom: 40px; font-weight: 300; line-height: 1.6; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }

/* Quote Banner */
.quote-banner { background: #0e1116; padding: 60px 10%; text-align: center; border-y: 1px solid rgba(222, 255, 154, 0.05); position: relative; }
.quote-banner i { font-size: 40px; color: #deff9a; opacity: 0.2; margin-bottom: 15px; }
.quote-banner p { font-size: 24px; font-weight: 300; font-style: italic; color: #e2e8f0; line-height: 1.6; }
.quote-author { color: #deff9a; font-size: 16px; margin-top: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }

/* Sections */
section { padding: 120px 6% 80px; }
.section-title { font-size: 42px; margin-bottom: 15px; text-transform: uppercase; text-align: center; font-weight: 700; }
.section-subtitle { text-align: center; color: #8e9196; font-size: 18px; margin-bottom: 60px; max-width: 700px; margin: 0 auto; line-height: 1.5; }
.title-line { width: 50px; height: 3px; background: #deff9a; margin: 10px auto 0; }

/* Services */
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }
.card { background: #0e1116; border: 1px solid rgba(222, 255, 154, 0.03); padding: 45px 35px; border-radius: 24px; transition: 0.3s; }
.card:hover { transform: translateY(-10px); border-color: #deff9a; background: #13171e; }
.card i { font-size: 40px; color: #deff9a; margin-bottom: 25px; display: inline-block; }
.card h3 { font-size: 24px; margin-bottom: 15px; font-weight: 600; }
.card p { color: #8e9196; font-size: 16px; line-height: 1.6; margin-bottom: 15px; }
.card .project-tags { display: flex; flex-wrap: wrap; gap: 8px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 15px; }
.card .tag { background: rgba(222, 255, 154, 0.1); color: #deff9a; font-size: 13px; padding: 4px 10px; border-radius: 4px; font-weight: 600; }

/* Gallery */
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 35px; }
.model-card { background: #0e1116; border-radius: 24px; overflow: hidden; border: 1px solid rgba(222, 255, 154, 0.03); transition: 0.3s; }
.model-card:hover { border-color: #deff9a; transform: scale(1.02); box-shadow: 0 10px 30px rgba(222, 255, 154, 0.05); }
.model-img { width: 100%; height: 450px; object-fit: cover; object-position: center; }
.model-info { padding: 30px; }
.model-info h3 { font-size: 24px; margin-bottom: 15px; border-bottom: 1px solid #1f242e; padding-bottom: 12px; }
.model-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; font-size: 15px; color: #b0b3b8; margin-bottom: 20px; }
.model-stats-grid strong { color: #fff; font-weight: 500; }
.lock-btn { width: 100%; background: rgba(222, 255, 154, 0.08); color: #deff9a; border: 1px solid #deff9a; padding: 15px; border-radius: 12px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; transition: 0.3s; text-transform: uppercase; letter-spacing: 0.5px; }
.lock-btn:hover { background: #deff9a; color: #000; }

/* Form */
.registration-section { background: #0b0d11; display: flex; justify-content: center; }
.form-container { background: #0e1116; width: 100%; max-width: 850px; padding: 60px; border-radius: 32px; border: 1px solid rgba(222, 255, 154, 0.05); box-shadow: 0 30px 60px rgba(0,0,0,0.4); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
@media (max-width: 768px) { .form-grid { grid-template-columns: 1fr; } .form-container { padding: 30px 20px; } }
.form-group { display: flex; flex-direction: column; }
.form-group.full-width { grid-column: span 2; }
@media (max-width: 768px) { .form-group.full-width { grid-column: span 1; } }
.form-group label { font-size: 15px; font-weight: 600; margin-bottom: 10px; color: #b0b3b8; text-transform: uppercase; letter-spacing: 0.5px; }
.form-control { background: #050709; border: 1px solid #1f242e; padding: 16px 20px; border-radius: 12px; color: #fff; font-size: 16px; transition: 0.3s; }
.form-control:focus { border-color: #deff9a; outline: none; box-shadow: 0 0 10px rgba(222, 255, 154, 0.1); }
.radio-group { display: flex; gap: 15px; flex-wrap: wrap; }
.radio-option { background: #050709; border: 1px solid #1f242e; padding: 16px 24px; border-radius: 12px; cursor: pointer; display: flex; align-items: center; gap: 12px; font-weight: 600; flex: 1; transition: 0.3s; }
.radio-option input { accent-color: #deff9a; transform: scale(1.1); }
.conditional-field { display: none; background: rgba(222, 255, 154, 0.01); padding: 30px; border-radius: 20px; border: 1px dashed rgba(222, 255, 154, 0.15); margin-top: 10px; grid-column: span 2; }
@media (max-width: 768px) { .conditional-field { grid-column: span 1; } }
.submit-btn { width: 100%; background: #deff9a; color: #000; border: none; padding: 20px; border-radius: 12px; font-size: 18px; font-weight: 700; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; transition: 0.3s; margin-top: 25px; }
.submit-btn:hover { background: #fff; box-shadow: 0 0 25px rgba(222, 255, 154, 0.4); }

/* Contact */
.contact-section { background: #050709; }
.contact-grid { display: grid; grid-template-columns: 1.2fr 1.8fr; gap: 60px; align-items: start; }
@media (max-width: 992px) { .contact-grid { grid-template-columns: 1fr; gap: 40px; } }
.contact-info { background: #0e1116; padding: 50px; border-radius: 28px; border: 1px solid rgba(222, 255, 154, 0.03); }
.contact-info h3 { font-size: 28px; margin-bottom: 30px; }
.info-item { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; }
.info-item i { width: 50px; height: 50px; background: rgba(222, 255, 154, 0.05); border: 1px solid rgba(222, 255, 154, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #deff9a; font-size: 20px; }
.info-item p { color: #b0b3b8; font-size: 16px; line-height: 1.4; }
.info-item strong { color: #fff; display: block; font-size: 18px; margin-bottom: 2px; }

/* Modal Popup */
.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(3, 4, 6, 0.95); z-index: 2000; justify-content: center; align-items: center; backdrop-filter: blur(8px); }
.modal-content { background: #0e1116; padding: 50px 40px; border-radius: 28px; max-width: 480px; text-align: center; border: 1px solid rgba(222, 255, 154, 0.2); position: relative; box-shadow: 0 20px 50px rgba(0,0,0,0.6); }
.close-modal { position: absolute; top: 20px; right: 25px; font-size: 28px; cursor: pointer; color: #8e9196; transition: 0.3s; }
.close-modal:hover { color: #fff; }
.modal-content i.fa-lock { font-size: 60px; color: #deff9a; margin-bottom: 25px; display: inline-block; text-shadow: 0 0 20px rgba(222, 255, 154, 0.2); }
.modal-content h3 { font-size: 28px; margin-bottom: 12px; }
.pay-now-btn { background: #deff9a; color: #000; padding: 16px 45px; border-radius: 50px; text-decoration: none; font-weight: 700; display: inline-block; margin-top: 30px; text-transform: uppercase; letter-spacing: 0.5px; transition: 0.3s; }
.pay-now-btn:hover { background: #fff; box-shadow: 0 0 20px rgba(222, 255, 154, 0.4); }

footer { background: #0a0c10; padding: 40px 6%; text-align: center; color: #64748b; border-top: 1px solid rgba(222, 255, 154, 0.03); font-size: 16px; }
</style>
</head>
<body>

<header>
<div class=”logo”>Shri Balaji <span>Modeling Agency</span></div>
<div class=”nav-links”>
<a href=”#”>Home</a>
<a href=”#shoots”>Production</a>
<a href=”#gallery”>Browse Models</a>
<a href=”#contact”>Contact Us</a>
<a href=”#register” class=”cta-btn”>Model Registration</a>
</div>
</header>

<section class=”hero”>
<h1>Shape The Future Of <span>Visuals</span></h1>
<p>Connecting absolute premium Indian talent with leading production houses for high-impact TVCs, blockbusters, OTT web series, and elite fashion campaigns.</p>
<a href=”#register” class=”cta-btn” style=”padding: 16px 45px; font-size: 18px;”>Apply As Model (Free)</a>
</section>

<div class=”quote-banner”>
<i class=”fa-solid fa-quote-left”></i>
<p>”Aankhein bohot kuch keh jaati hain, aur ek behtareen model ya actor wahi hai jo bina bole camera ke samne poori kahani bayaan kar de.”</p>
<div class=”quote-author”>— Entertainment Industry Casting Standard</div>
</div>

<section id=”shoots” class=”services”>
<h2 class=”section-title”>Casting <span>Verticals & Shoots</span><div class=”title-line”></div></h2>
<p class=”section-subtitle”>Hamari agency models ko niche diye gaye sabhi bade platforms aur upcoming mega projects ke liye direct pitch karti hai.</p>

<div class=”grid”>
<div class=”card”>
<i class=”fa-solid fa-clapperboard”></i>
<h3>Feature Movies & Cinema</h3>
<p>Casting lead, character, aur supporting background talent for big banner Bollywood and regional commercial movies.</p>
<div class=”project-tags”>
<span class=”tag”>Jawan 2 Style</span>
<span class=”tag”>Animal Sequel Style</span>
<span class=”tag”>YRF Spy Universe</span>
</div>
</div>

<div class=”card”>
<i class=”fa-solid fa-tv”></i>
<h3>TV Daily Serials</h3>
<p>Faces for daily television family dramas, running national channels projects like Star Plus, Zee TV & Sony TV.</p>
<div class=”project-tags”>
<span class=”tag”>Anupama Type</span>
<span class=”tag”>Yeh Rishta Kya Kehlata Hai</span>
<span class=”tag”>Kundali Bhagya</span>
</div>
</div>

<div class=”card”>
<i class=”fa-solid fa-play”></i>
<h3>Premium OTT Web Series</h3>
<p>Direct alignments with streaming giants (Netflix, Amazon Prime, Hotstar) for gritty dramas, suspense thrillers, and youth shows.</p>
<div class=”project-tags”>
<span class=”tag”>Mirzapur Vibe</span>
<span class=”tag”>Panchayat Style</span>
<span class=”tag”>Farzi 2 Casting</span>
</div>
</div>

<div class=”card”>
<i class=”fa-solid fa-camera-movie”></i>
<h3>TVC Brand Shoots</h3>
<p>Commercial faces for national television commercial ads, print media campaigns, and premium corporate luxury brands.</p>
<div class=”project-tags”>
<span class=”tag”>Manyavar</span>
<span class=”tag”>Lakme Ads</span>
<span class=”tag”>Pepsi Campaign</span>
</div>
</div>

<div class=”card”>
<i class=”fa-brands fa-youtube”></i>
<h3>YouTube & Digital Series</h3>
<p>Casting dynamic fresh faces for viral digital content sketches, web mini-series, and popular episodic channels.</p>
<div class=”project-tags”>
<span class=”tag”>TVF Shows</span>
<span class=”tag”>Dice Media Type</span>
<span class=”tag”>FilterCopy Sketches</span>
</div>
</div>

<div class=”card”>
<i class=”fa-solid fa-bag-shopping”></i>
<h3>E-commerce Shoots</h3>
<p>High-frequency high-volume clothing catalog studio photography for India’s massive online shopping portals.</p>
<div class=”project-tags”>
<span class=”tag”>Myntra Catalog</span>
<span class=”tag”>Ajio Lookbook</span>
<span class=”tag”>Amazon Fashion</span>
</div>
</div>

<div class=”card”>
<i class=”fa-solid fa-person-bikini”></i>
<h3>Bikini & Glamour Shoots</h3>
<p>High-end elite assignments, swimwear editorial portfolios, and destination resort wear luxury brand assignments.</p>
<div class=”project-tags”>
<span class=”tag”>Vogue India Style</span>
<span class=”tag”>Resort Wear</span>
<span class=”tag”>High-Fashion Editorial</span>
</div>
</div>

<div class=”card”>
<i class=”fa-solid fa-calendar-days”></i>
<h3>Signature Calendar Shoots</h3>
<p>Thematic high-glamour yearly signature concepts and seasonal calendar launches highlighting upcoming faces.</p>
<div class=”project-tags”>
<span class=”tag”>Kingfisher Vibe</span>
<span class=”tag”>Fashion Calendar 2027</span>
<span class=”tag”>Thematic Concepts</span>
</div>
</div>
</div>
</section>

<section id=”gallery” class=”gallery-section”>
<h2 class=”section-title”>Verified <span>Talents</span> Directory<div class=”title-line”></div></h2>
<p class=”section-subtitle”>Casting Directors can evaluate complete statistics, body parameters, and portfolios below.</p>

<div class=”gallery-grid” id=”modelsContainer”>
<div class=”model-card”>
<img src=”https://images.unsplash.com/photo-1618244972963-dbee1a7edc95?q=80&w=600″ class=”model-img” alt=”Glamorous Indian Female Model”>
<div class=”model-info”>
<h3>Ananya Iyer <span>(Female)</span></h3>
<div class=”model-stats-grid”>
<div><strong>Age:</strong> 22 Years</div>
<div><strong>Location:</strong> Lucknow, UP</div>
<div><strong>Height:</strong> 5’8″</div>
<div><strong>Weight:</strong> 53 kg</div>
<div><strong>Skin Tone:</strong> Fair / Gora</div>
<div><strong>Eye Color:</strong> Hazel Brown</div>
<div><strong>Stats:</strong> 34 – 26 – 36</div>
</div>
<button class=”lock-btn” onclick=”openPaymentModal(‘Ananya Iyer’)”><i class=”fa-solid fa-lock”></i> Request Contact Details</button>
</div>
</div>

<div class=”model-card”>
<img src=”https://images.unsplash.com/photo-1617137968427-85924c800a22?q=80&w=600″ class=”model-img” alt=”Stylish Indian Male Model”>
<div class=”model-info”>
<h3>Rohan Malhotra <span>(Male)</span></h3>
<div class=”model-stats-grid”>
<div><strong>Age:</strong> 24 Years</div>
<div><strong>Location:</strong> Delhi NCR</div>
<div><strong>Height:</strong> 6’1″</div>
<div><strong>Weight:</strong> 76 kg</div>
<div><strong>Skin Tone:</strong> Wheatish / Sanwla</div>
<div><strong>Eye Color:</strong> Black</div>
</div>
<button class=”lock-btn” onclick=”openPaymentModal(‘Rohan Malhotra’)”><i class=”fa-solid fa-lock”></i> Request Contact Details</button>
</div>
</div>
</div>
</section>

<section id=”register” class=”registration-section”>
<div class=”form-container”>
<h2 class=”section-title” style=”margin-bottom:10px;”>Talent <span>Onboarding</span></h2>
<p class=”section-subtitle” style=”margin-bottom:45px;”>Provide authentic profile specs. Submission is processed for absolutely free review.</p>

<form id=”masterModelingForm” onsubmit=”handleFormSubmit(event)”>
<div class=”form-grid”>

<div class=”form-group”>
<label>Full Name (Poora Naam)</label>
<input type=”text” id=”formName” class=”form-control” placeholder=”Enter your official name” required>
</div>

<div class=”form-group”>
<label>Age (Umra)</label>
<input type=”number” id=”formAge” class=”form-control” placeholder=”Enter age” required>
</div>

<div class=”form-group”>
<label>Email Address</label>
<input type=”email” class=”form-control” placeholder=”name@domain.com” required>
</div>

<div class=”form-group”>
<label>Mobile Number (WhatsApp Preferred)</label>
<input type=”tel” class=”form-control” placeholder=”10 digit phone number” required>
</div>

<div class=”form-group”>
<label>Select State</label>
<select id=”formState” class=”form-control” required>
<option value=””>– Choose State –</option>
<option value=”UP”>Uttar Pradesh</option>
<option value=”DL”>Delhi NCR</option>
<option value=”MH”>Maharashtra</option>
<option value=”PB”>Punjab</option>
<option value=”HR”>Haryana</option>
<option value=”BR”>Bihar</option>
</select>
</div>

<div class=”form-group”>
<label>Your City (Sheher)</label>
<input type=”text” id=”formCity” class=”form-control” placeholder=”Type city name” required>
</div>

<div class=”form-group”>
<label>Height (Feet / Inches)</label>
<input type=”text” id=”formHeight” class=”form-control” placeholder=”e.g. 5’9&quot;” required>
</div>

<div class=”form-group”>
<label>Weight (In kg)</label>
<input type=”number” id=”formWeight” class=”form-control” placeholder=”e.g. 58″ required>
</div>

<div class=”form-group”>
<label>Skin Tone (Body Complexion)</label>
<select id=”formSkin” class=”form-control” required>
<option value=””>– Choose Option –</option>
<option value=”Fair”>Fair / Gora</option>
<option value=”Wheatish”>Wheatish / Sanwla</option>
<option value=”Dark”>Dark / Gehua</option>
</select>
</div>

<div class=”form-group”>
<label>Eyes Color</label>
<select id=”formEyes” class=”form-control” required>
<option value=””>– Choose Option –</option>
<option value=”Black”>Black</option>
<option value=”Brown”>Brown</option>
<option value=”Hazel”>Hazel / Light-Brown</option>
<option value=”Grey/Blue”>Other</option>
</select>
</div>

<div class=”form-group full-width”>
<label>Profile Gender Category</label>
<div class=”radio-group”>
<label class=”radio-option”><input type=”radio” name=”gender” value=”Male” onclick=”toggleFields(‘male’)” required> Male</label>
<label class=”radio-option”><input type=”radio” name=”gender” value=”Female” onclick=”toggleFields(‘female’)”> Female</label>
<label class=”radio-option”><input type=”radio” name=”gender” value=”Kids” onclick=”toggleFields(‘kids’)”> Kids</label>
</div>
</div>

<div id=”femaleFields” class=”conditional-field”>
<h4 style=”color:#deff9a; margin-bottom: 20px; font-size:18px;”><i class=”fa-solid fa-ruler-combined”></i> Standard Figure Profile (Inches)</h4>
<div class=”form-grid”>
<div class=”form-group”><label>Bust Size</label><input type=”number” id=”formBust” class=”form-control” placeholder=”e.g. 34″></div>
<div class=”form-group”><label>Waist Size</label><input type=”number” id=”formWaist” class=”form-control” placeholder=”e.g. 26″></div>
<div class=”form-group”><label>Hips Size</label><input type=”number” id=”formHips” class=”form-control” placeholder=”e.g. 36″></div>
</div>
</div>

<div id=”kidsFields” class=”conditional-field”>
<h4 style=”color:#deff9a; margin-bottom: 20px; font-size:18px;”><i class=”fa-solid fa-shield-heart”></i> Guardian / Parental Protection Records</h4>
<div class=”form-grid”>
<div class=”form-group”><label>Parent / Guardian Name</label><input type=”text” class=”form-control” placeholder=”Mata ya Pita ka Naam”></div>
<div class=”form-group”><label>Parent Primary Phone Contact</label><input type=”tel” class=”form-control” placeholder=”Active mobile number”></div>
</div>
</div>

<div class=”form-group full-width” style=”margin-top:10px;”>
<label>Upload Portfolio Polaroids (Select Multiple Images)</label>
<input type=”file” id=”formPhotos” class=”form-control” multiple required style=”padding:13px 20px;”>
</div>

</div> <button type=”submit” class=”submit-btn”>Submit Portfolio Data</button>
</form>
</div>
</section>

<section id=”contact” class=”contact-section”>
<h2 class=”section-title”>Get In <span>Touch</span><div class=”title-line”></div></h2>
<p class=”section-subtitle”>Connect with our production backend team or support operations.</p>

<div class=”contact-grid”>
<div class=”contact-info”>
<h3>Corporate Details</h3>

<div class=”info-item”>
<i class=”fa-solid fa-envelope”></i>
<div>
<strong>Official Email ID</strong>
<p>info@shribalajimodelingagency.online</p>
</div>
</div>

<div class=”info-item”>
<i class=”fa-solid fa-location-dot”></i>
<div>
<strong>Agency Headquarters</strong>
<p>Pan-India Scouting Networks (UP, Delhi NCR, Mumbai)</p>
</div>
</div>

<div class=”info-item”>
<i class=”fa-solid fa-clock”></i>
<div>
<strong>Desk Timing</strong>
<p>Mon – Sat: 10:00 AM – 07:00 PM IST</p>
</div>
</div>
</div>

<div class=”contact-info” style=”background:#0e1116;”>
<h3 style=”margin-bottom:20px;”>General Enquiry</h3>
<form onsubmit=”event.preventDefault(); alert(‘Message Sent Successfully!’); this.reset();”>
<div class=”form-group” style=”margin-bottom:15px;”><label>Your Name</label><input type=”text” class=”form-control” required></div>
<div class=”form-group” style=”margin-bottom:15px;”><label>Your Email</label><input type=”email” class=”form-control” required></div>
<div class=”form-group” style=”margin-bottom:20px;”><label>Message / Casting Requirement</label><textarea class=”form-control” style=”height:110px; resize:none;” required></textarea></div>
<button type=”submit” class=”cta-btn” style=”border:none; cursor:pointer; width:100%;”>Send Message</button>
</form>
</div>
</div>
</section>

<div id=”paymentModal” class=”modal”>
<div class=”modal-content”>
<span class=”close-modal” onclick=”closePaymentModal()”>&times;</span>
<i class=”fa-solid fa-lock”></i>
<h3>Unlock Professional Profile</h3>
<p style=”color: #b0b3b8; margin-top: 5px; font-size: 15px;”>Securely access complete active contact database, personal emails, and verified links.</p>
<p style=”font-size: 34px; color: #deff9a; font-weight: 700; margin-top: 15px;”>₹99 <span style=”font-size: 16px; color: #fff;”>Fixed</span></p>
<p style=”font-size: 14px; color: #8e9196; margin-top: 5px;”>Target Artist: <span id=”targetModel” style=”color:#fff; font-weight:600;”></span></p>
<a href=”https://wa.me/919455536131?text=Mujhe%20is%20model%20ka%20contact%20unlock%20karna%20hai” target=”_blank” class=”pay-now-btn”>Chat on WhatsApp to Unlock</a>
</div>
</div>

<footer>
<p>&copy; 2026 Shri Balaji Modeling Agency. All Rights Reserved.</p>
<p style=”color: #4b5563; font-size:14px; margin-top:6px;”>Designed for high-performance direct response casting networks.</p>
</footer>

<script>
let selectedGender = “Male”;
function toggleFields(gender) {
selectedGender = gender.charAt(0).toUpperCase() + gender.slice(1);
document.getElementById(‘femaleFields’).style.display = (gender === ‘female’) ? ‘block’ : ‘none’;
document.getElementById(‘kidsFields’).style.display = (gender === ‘kids’) ? ‘block’ : ‘none’;
}

function openPaymentModal(modelName) {
document.getElementById(‘targetModel’).innerText = modelName;
document.getElementById(‘paymentModal’).style.display = ‘flex’;
}

function closePaymentModal() {
document.getElementById(‘paymentModal’).style.display = ‘none’;
}

function handleFormSubmit(event) {
event.preventDefault();

const name = document.getElementById(‘formName’).value;
const age = document.getElementById(‘formAge’).value;
const city = document.getElementById(‘formCity’).value;
const state = document.getElementById(‘formState’).value;
const height = document.getElementById(‘formHeight’).value;
const weight = document.getElementById(‘formWeight’).value;
const skin = document.getElementById(‘formSkin’).value;
const eyes = document.getElementById(‘formEyes’).value;

let statsHTML = ”;
if(selectedGender === “Female”) {
const bust = document.getElementById(‘formBust’).value || ’34’;
const waist = document.getElementById(‘formWaist’).value || ’26’;
const hips = document.getElementById(‘formHips’).value || ’36’;
statsHTML = `<div><strong>Stats:</strong> ${bust} – ${waist} – ${hips}</div>`;
}

const dummyImg = selectedGender === “Female” ?
“https://images.unsplash.com/photo-1524504388940-b1c1722653e1?q=80&w=500” :
“https://images.unsplash.com/photo-1488161628813-04466f872be2?q=80&w=500″;

const newModelCard = `
<div class=”model-card”>
<img src=”${dummyImg}” class=”model-img” alt=”New Model”>
<div class=”model-info”>
<h3>${name} <span>(${selectedGender})</span></h3>
<div class=”model-stats-grid”>
<div><strong>Age:</strong> ${age} Years</div>
<div><strong>Location:</strong> ${city}, ${state}</div>
<div><strong>Height:</strong> ${height}</div>
<div><strong>Weight:</strong> ${weight} kg</div>
<div><strong>Skin Tone:</strong> ${skin}</div>
<div><strong>Eye Color:</strong> ${eyes}</div>
${statsHTML}
</div>
<button class=”lock-btn” onclick=”openPaymentModal(‘${name}’)”><i class=”fa-solid fa-lock”></i> Request Contact Details</button>
</div>
</div>
`;

document.getElementById(‘modelsContainer’).insertAdjacentHTML(‘afterbegin’, newModelCard);

alert(‘Registration Successful! Aapka profile website par temporary live kar diya gaya hai review ke liye.’);
document.getElementById(‘masterModelingForm’).reset();
toggleFields(‘none’);
}
</script>
</body>
</html>