89 lines
4.3 KiB
PHP
89 lines
4.3 KiB
PHP
<?php require_once 'includes/header.php'; ?>
|
|
<!-- Hero Section -->
|
|
<section class="hero-section text-center">
|
|
<div class="container">
|
|
<h1 class="display-4 fw-bold">Travel Safe, Together.</h1>
|
|
<p class="lead my-4">Connecting women for safer journeys with real-time alerts and a trusted community.</p>
|
|
<button id="sosButton" class="btn btn-sos btn-lg rounded-circle">
|
|
<i class="bi bi-shield-lock-fill"></i>
|
|
<span class="sos-text">SOS</span>
|
|
</button>
|
|
<p class="mt-3 text-muted">Press in case of emergency</p>
|
|
|
|
<div class="mt-5">
|
|
<a href="trip-setup.php" class="btn btn-primary btn-lg px-5">Plan a Trip</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Section -->
|
|
<section id="features" class="py-5">
|
|
<div class="container">
|
|
<h2 class="text-center mb-5">Core Safety Features</h2>
|
|
<div class="row text-center">
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<i class="bi bi-person-check-fill display-4 text-primary"></i>
|
|
<h3 class="h4 mt-3">Verified Users</h3>
|
|
<p>Connect with a community of identity-verified travelers for peace of mind.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<i class="bi bi-geo-alt-fill display-4 text-primary"></i>
|
|
<h3 class="h4 mt-3">Live Location Sharing</h3>
|
|
<p>Share your real-time location with trusted contacts when you feel unsafe.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<i class="bi bi-telephone-fill display-4 text-primary"></i>
|
|
<h3 class="h4 mt-3">Fake Call Simulation</h3>
|
|
<p>Discreetly trigger a fake phone call to deter unwanted interactions.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Inspiration Section -->
|
|
<section id="inspiration" class="py-5 bg-light">
|
|
<div class="container">
|
|
<h2 class="text-center mb-5">Inspiration for Your Next Journey</h2>
|
|
<div id="image-gallery" class="row g-4">
|
|
<!-- Images will be loaded here by JavaScript -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Section -->
|
|
<section id="about" class="py-5 bg-light">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6">
|
|
<h2>Our Mission</h2>
|
|
<p>HerWay was born from a simple idea: every woman deserves to travel without fear. We are building a platform that empowers women to connect, share journeys, and look out for one another. By combining technology with a trusted community, we aim to make every trip a safer one.</p>
|
|
</div>
|
|
<div class="col-md-6 text-center">
|
|
<!-- Placeholder for an illustration -->
|
|
<i class="bi bi-heart-fill display-1 text-primary"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="py-5">
|
|
<div class="container text-center">
|
|
<h2>Get in Touch</h2>
|
|
<p class="lead">Have questions or want to partner with us? We'd love to hear from you.</p>
|
|
<a href="contact.php" class="btn btn-primary btn-lg">Contact Us</a>
|
|
</div>
|
|
</section>
|
|
<?php require_once 'includes/footer.php'; ?>
|