25 lines
1.1 KiB
PHP
25 lines
1.1 KiB
PHP
<section class="hero-section">
|
||
<div class="hero-overlay"></div>
|
||
<div class="container hero-content-container">
|
||
<div class="hero-content">
|
||
<h1>Your favorite local food, delivered.</h1>
|
||
<p>Set your location to find restaurants near you.</p>
|
||
<div class="location-actions">
|
||
<button id="pin-location-btn" class="btn btn-primary">Pin a Location</button>
|
||
<button id="use-location-btn" class="btn btn-secondary">Use My Location</button>
|
||
</div>
|
||
<a href="menu.php" class="find-restaurants-btn" style="display: none;"></a>
|
||
<p class="delivery-note">MajuroEats delivers only within the main island zone (Rita–Laura).</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div id="location-modal" class="modal">
|
||
<div class="modal-content">
|
||
<span class="close-btn">×</span>
|
||
<h2>Pin Your Location</h2>
|
||
<p>Click on the map to set your delivery address.</p>
|
||
<div id="map" style="height: 400px; width: 100%;"></div>
|
||
<button id="confirm-location-btn" class="btn btn-primary w-100">Confirm Location</button>
|
||
</div>
|
||
</div> |