193 lines
8.2 KiB
HTML
193 lines
8.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Lease Inquiry — Siena</title>
|
||
<meta name="description" content="Start a lease inquiry for Siena, a 128-residence community in Portland, Oregon. Tell us what you're looking for and we'll follow up within one business day.">
|
||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='3' fill='%23221C16'/%3E%3Cpath d='M9 24V15a7 7 0 0 1 14 0v9' fill='none' stroke='%23A9803F' stroke-width='2.2'/%3E%3C/svg%3E">
|
||
<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=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="assets/css/style.css">
|
||
</head>
|
||
<body>
|
||
|
||
<header class="site-header">
|
||
<div class="container">
|
||
<a href="index.html" class="wordmark">SIENA<span>.</span></a>
|
||
<nav class="main-nav" aria-label="Primary">
|
||
<ul>
|
||
<li><a href="index.html">Home</a></li>
|
||
<li><a href="residences.html">Residences</a></li>
|
||
<li><a href="residences.html#amenities">Amenities</a></li>
|
||
<li><a href="support.html">Resident Support</a></li>
|
||
<li><a href="contact.html">Visit</a></li>
|
||
</ul>
|
||
<a href="lease.html" class="btn btn-primary nav-cta" aria-current="page">Inquire About Leasing</a>
|
||
</nav>
|
||
<button class="nav-toggle" aria-label="Toggle menu" aria-expanded="false">
|
||
<span></span><span></span><span></span>
|
||
</button>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
|
||
<section class="page-hero">
|
||
<div class="container">
|
||
<p class="breadcrumb"><a href="index.html">Home</a> / Lease Inquiry</p>
|
||
<h1>Start a lease inquiry</h1>
|
||
<p>Tell us a little about what you're looking for. A member of our leasing team will follow up within one business day with availability and next steps.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="grid-2" style="grid-template-columns: 1.4fr 1fr; align-items:start;">
|
||
|
||
<div class="form-card">
|
||
<h2 style="font-size:1.5rem; margin-bottom:28px;">Tell us about your search</h2>
|
||
<form data-inquiry-form data-success-message="Thank you — we've received your inquiry. A member of our leasing team will reach out within one business day.">
|
||
<div class="field-row">
|
||
<div class="field">
|
||
<label for="name">Full name</label>
|
||
<input type="text" id="name" name="name" required autocomplete="name">
|
||
</div>
|
||
<div class="field">
|
||
<label for="email">Email</label>
|
||
<input type="email" id="email" name="email" required autocomplete="email">
|
||
</div>
|
||
</div>
|
||
<div class="field-row">
|
||
<div class="field">
|
||
<label for="phone">Phone</label>
|
||
<input type="tel" id="phone" name="phone" autocomplete="tel">
|
||
</div>
|
||
<div class="field">
|
||
<label for="move-in">Desired move-in date</label>
|
||
<input type="date" id="move-in" name="move-in">
|
||
</div>
|
||
</div>
|
||
<div class="field-row">
|
||
<div class="field">
|
||
<label for="plan">Floor plan of interest</label>
|
||
<select id="plan" name="plan">
|
||
<option value="">Not sure yet</option>
|
||
<option>The Cortile — Studio</option>
|
||
<option>The Duomo — One bedroom</option>
|
||
<option>The Palio — One bedroom + den</option>
|
||
<option>The Contrada — Two bedroom</option>
|
||
<option>The Torre — Two bedroom, corner</option>
|
||
<option>The Belvedere — Penthouse</option>
|
||
</select>
|
||
</div>
|
||
<div class="field">
|
||
<label for="household">Household size</label>
|
||
<input type="number" id="household" name="household" min="1" max="8" placeholder="e.g. 2">
|
||
</div>
|
||
</div>
|
||
<fieldset>
|
||
<legend>How would you like to see the property?</legend>
|
||
<div class="radio-group">
|
||
<label class="radio-option"><input type="radio" name="tour-type" value="in-person" checked> In-person tour</label>
|
||
<label class="radio-option"><input type="radio" name="tour-type" value="virtual"> Virtual tour</label>
|
||
<label class="radio-option"><input type="radio" name="tour-type" value="self-guided"> Self-guided</label>
|
||
</div>
|
||
</fieldset>
|
||
<div class="field">
|
||
<label for="notes">Anything else we should know?</label>
|
||
<textarea id="notes" name="notes" placeholder="Timeline, budget, pets, parking needs — whatever's relevant."></textarea>
|
||
</div>
|
||
<div class="field" style="display:flex; align-items:flex-start; gap:10px;">
|
||
<input type="checkbox" id="consent" name="consent" required style="width:auto; margin-top:4px;">
|
||
<label for="consent" style="margin:0;">I agree to be contacted by Siena's leasing team by phone or email.</label>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">Send Inquiry</button>
|
||
<div class="form-status" role="status" aria-live="polite"></div>
|
||
</form>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 style="font-size:1.15rem; margin-bottom:22px;">How leasing works</h3>
|
||
<div class="steps" style="margin-bottom:44px;">
|
||
<div class="step">
|
||
<div>
|
||
<h3>Tour</h3>
|
||
<p>See the residence and courtyard in person, virtually, or on your own schedule.</p>
|
||
</div>
|
||
</div>
|
||
<div class="step">
|
||
<div>
|
||
<h3>Apply</h3>
|
||
<p>A short online application, processed within two business days.</p>
|
||
</div>
|
||
</div>
|
||
<div class="step">
|
||
<div>
|
||
<h3>Sign</h3>
|
||
<p>Review and sign your lease electronically — no office visit required.</p>
|
||
</div>
|
||
</div>
|
||
<div class="step">
|
||
<div>
|
||
<h3>Move in</h3>
|
||
<p>Pick up your keys and access fob from the concierge desk.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>Prefer to talk it through?</h3>
|
||
<p>Call the leasing office directly at <strong>(503) 555-0142</strong>, Monday through Saturday, 9am–6pm.</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<footer class="site-footer">
|
||
<div class="container">
|
||
<div class="footer-grid">
|
||
<div>
|
||
<span class="wordmark">SIENA<span style="color:var(--brass);">.</span></span>
|
||
<p>128 residences around a shared courtyard, in the heart of Portland.</p>
|
||
</div>
|
||
<div>
|
||
<h4>Explore</h4>
|
||
<ul class="footer-links">
|
||
<li><a href="residences.html">Residences</a></li>
|
||
<li><a href="residences.html#amenities">Amenities</a></li>
|
||
<li><a href="residences.html#neighborhood">Neighborhood</a></li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4>Get in touch</h4>
|
||
<ul class="footer-links">
|
||
<li><a href="lease.html">Lease inquiry</a></li>
|
||
<li><a href="support.html">Resident support</a></li>
|
||
<li><a href="contact.html">Visit & contact</a></li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4>Leasing office</h4>
|
||
<ul class="footer-links">
|
||
<li>820 SW Ankeny Street<br>Portland, OR 97205</li>
|
||
<li>(503) 555-0142</li>
|
||
<li>[email protected]</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<span>© 2026 Siena Residences. All rights reserved.</span>
|
||
<span>Equal Housing Opportunity</span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="assets/js/main.js"></script>
|
||
</body>
|
||
</html>
|