Josh Knapp
b511a6684d
Includes new page templates (fitness-gym, nonprofit, online-course, photography-studio, real-estate, startup-company, travel-blog, wedding-invitation) with thumbnail SVGs, test specs, documentation files, and minor updates to index.html, router.php, and playwright config. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
85 lines
6.8 KiB
HTML
85 lines
6.8 KiB
HTML
<nav style="display:flex;align-items:center;justify-content:space-between;padding:20px 60px;background-color:#1c1917;position:sticky;top:0;z-index:100;">
|
|
<a href="#" style="font-family:'Playfair Display',serif;font-size:24px;color:#d4a574;text-decoration:none;font-weight:700;letter-spacing:1px;">Lens & Light Studio</a>
|
|
<div style="display:flex;gap:32px;align-items:center;">
|
|
<a href="#" style="font-family:'Inter',sans-serif;font-size:14px;color:#fafaf9;text-decoration:none;letter-spacing:0.5px;text-transform:uppercase;">Gallery</a>
|
|
<a href="#" style="font-family:'Inter',sans-serif;font-size:14px;color:#fafaf9;text-decoration:none;letter-spacing:0.5px;text-transform:uppercase;">About</a>
|
|
<a href="#" style="font-family:'Inter',sans-serif;font-size:14px;color:#fafaf9;text-decoration:none;letter-spacing:0.5px;text-transform:uppercase;">Contact</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<section style="padding:80px 60px;background-color:#1c1917;text-align:center;">
|
|
<p style="font-family:'Inter',sans-serif;font-size:14px;color:#d4a574;text-transform:uppercase;letter-spacing:4px;margin-bottom:16px;">Get in Touch</p>
|
|
<h1 style="font-family:'Playfair Display',serif;font-size:56px;color:#fafaf9;margin:0 0 16px 0;font-weight:700;">Contact Us</h1>
|
|
<p style="font-family:'Inter',sans-serif;font-size:17px;color:#a8a29e;max-width:520px;margin:0 auto;line-height:1.7;">Ready to book a session or have questions? We'd love to hear from you.</p>
|
|
</section>
|
|
|
|
<section style="padding:80px 60px;background-color:#fafaf9;">
|
|
<div style="max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;">
|
|
<div>
|
|
<h2 style="font-family:'Playfair Display',serif;font-size:32px;color:#1c1917;margin:0 0 32px 0;">Studio Information</h2>
|
|
<div style="margin-bottom:28px;">
|
|
<p style="font-family:'Inter',sans-serif;font-size:13px;color:#d4a574;text-transform:uppercase;letter-spacing:2px;margin:0 0 6px 0;">Email</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:16px;color:#44403c;margin:0;">hello@lensandlight.studio</p>
|
|
</div>
|
|
<div style="margin-bottom:28px;">
|
|
<p style="font-family:'Inter',sans-serif;font-size:13px;color:#d4a574;text-transform:uppercase;letter-spacing:2px;margin:0 0 6px 0;">Phone</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:16px;color:#44403c;margin:0;">(718) 555-0192</p>
|
|
</div>
|
|
<div style="margin-bottom:28px;">
|
|
<p style="font-family:'Inter',sans-serif;font-size:13px;color:#d4a574;text-transform:uppercase;letter-spacing:2px;margin:0 0 6px 0;">Location</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:16px;color:#44403c;margin:0;">123 Artisan Way, Suite 4B<br>Brooklyn, NY 11201</p>
|
|
</div>
|
|
<div>
|
|
<p style="font-family:'Inter',sans-serif;font-size:13px;color:#d4a574;text-transform:uppercase;letter-spacing:2px;margin:0 0 6px 0;">Studio Hours</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:16px;color:#44403c;margin:0;">Mon - Fri: 9:00 AM - 6:00 PM<br>Sat: 10:00 AM - 4:00 PM<br>Sun: By appointment only</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h2 style="font-family:'Playfair Display',serif;font-size:32px;color:#1c1917;margin:0 0 32px 0;">Send a Message</h2>
|
|
<form style="display:flex;flex-direction:column;gap:20px;">
|
|
<div>
|
|
<label style="font-family:'Inter',sans-serif;font-size:13px;color:#78716c;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:6px;">Your Name</label>
|
|
<input type="text" placeholder="Full name" style="width:100%;padding:14px 16px;font-family:'Inter',sans-serif;font-size:15px;border:1px solid #d6d3d1;background-color:#ffffff;color:#1c1917;box-sizing:border-box;outline:none;">
|
|
</div>
|
|
<div>
|
|
<label style="font-family:'Inter',sans-serif;font-size:13px;color:#78716c;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:6px;">Email Address</label>
|
|
<input type="email" placeholder="your@email.com" style="width:100%;padding:14px 16px;font-family:'Inter',sans-serif;font-size:15px;border:1px solid #d6d3d1;background-color:#ffffff;color:#1c1917;box-sizing:border-box;outline:none;">
|
|
</div>
|
|
<div>
|
|
<label style="font-family:'Inter',sans-serif;font-size:13px;color:#78716c;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:6px;">Event Type</label>
|
|
<select style="width:100%;padding:14px 16px;font-family:'Inter',sans-serif;font-size:15px;border:1px solid #d6d3d1;background-color:#ffffff;color:#1c1917;box-sizing:border-box;outline:none;appearance:auto;">
|
|
<option value="">Select an option</option>
|
|
<option value="wedding">Wedding</option>
|
|
<option value="portrait">Portrait Session</option>
|
|
<option value="family">Family Session</option>
|
|
<option value="commercial">Commercial / Product</option>
|
|
<option value="event">Event Coverage</option>
|
|
<option value="other">Other</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label style="font-family:'Inter',sans-serif;font-size:13px;color:#78716c;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:6px;">Message</label>
|
|
<textarea rows="5" placeholder="Tell us about your project, preferred dates, and any details..." style="width:100%;padding:14px 16px;font-family:'Inter',sans-serif;font-size:15px;border:1px solid #d6d3d1;background-color:#ffffff;color:#1c1917;box-sizing:border-box;outline:none;resize:vertical;"></textarea>
|
|
</div>
|
|
<button type="submit" style="padding:16px 32px;background-color:#d4a574;color:#1c1917;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;border:none;cursor:pointer;align-self:flex-start;">Send Message</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section style="padding:0 60px 80px 60px;background-color:#fafaf9;">
|
|
<div style="max-width:1100px;margin:0 auto;">
|
|
<div style="background-color:#e7e5e4;height:360px;display:flex;align-items:center;justify-content:center;">
|
|
<div style="text-align:center;">
|
|
<p style="font-family:'Playfair Display',serif;font-size:28px;color:#78716c;margin:0 0 8px 0;">Studio Location</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:14px;color:#a8a29e;margin:0;">123 Artisan Way, Brooklyn, NY 11201</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer style="padding:48px 60px;background-color:#0c0a09;text-align:center;">
|
|
<p style="font-family:'Playfair Display',serif;font-size:20px;color:#d4a574;margin:0 0 8px 0;">Lens & Light Studio</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:14px;color:#78716c;margin:0 0 4px 0;">123 Artisan Way, Brooklyn, NY 11201</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:13px;color:#57534e;margin:16px 0 0 0;">© 2026 Lens & Light Studio. All rights reserved.</p>
|
|
</footer> |