96 lines
5.1 KiB
PHP
96 lines
5.1 KiB
PHP
<?php include 'partials/header.php'; ?>
|
|
|
|
<header id="hero" class="hero-section">
|
|
<div class="container text-center">
|
|
<h1 class="hero-title">Turn Surplus into Supper.</h1>
|
|
<p class="hero-subtitle">We connect restaurants with surplus food to NGOs who feed the hungry.</p>
|
|
<div class="hero-cta">
|
|
<a href="#ngos" class="btn btn-primary btn-lg">NGOs: Find Food</a>
|
|
<a href="#restaurants" class="btn btn-secondary btn-lg">Restaurants: Donate Food</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section id="about" class="py-5">
|
|
<div class="container">
|
|
<h2 class="section-title text-center mb-5">How It Works</h2>
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6">
|
|
<img src="https://picsum.photos/seed/process/800/600" class="img-fluid rounded shadow" alt="A graphic illustrating the process: a restaurant lists surplus food, an NGO claims it, and a volunteer delivers it.">
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="step">
|
|
<h3>1. Restaurants List Surplus</h3>
|
|
<p>Restaurants with unsold, quality food post a listing on our platform instead of throwing it away.</p>
|
|
</div>
|
|
<div class="step">
|
|
<h3>2. NGOs Claim Donations</h3>
|
|
<p>Verified NGOs in the area receive notifications and can claim the food donations they need.</p>
|
|
</div>
|
|
<div class="step">
|
|
<h3>3. Community Gets Fed</h3>
|
|
<p>A volunteer picks up the food and delivers it, ensuring it reaches those who need it most.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="ngos" class="py-5 bg-light">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6">
|
|
<h2 class="section-title mb-4">For NGOs</h2>
|
|
<p>Access a steady stream of quality food donations from local restaurants. Reduce your operational costs, expand your reach, and focus on what you do best: serving the community.</p>
|
|
<a href="/signup.php" class="btn btn-primary">Register your NGO</a>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<img src="https://picsum.photos/seed/ngo/800/600" class="img-fluid rounded shadow" alt="A smiling volunteer from an NGO receiving a food donation.">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="restaurants" class="py-5">
|
|
<div class="container">
|
|
<div class="row align-items-center flex-row-reverse">
|
|
<div class="col-md-6">
|
|
<h2 class="section-title mb-4">For Restaurants</h2>
|
|
<p>Reduce food waste, gain tax benefits, and build a positive brand image. Donating your surplus food is simple, efficient, and makes a tangible impact in your local community.</p>
|
|
<a href="/signup.php" class="btn btn-secondary">Register your Restaurant</a>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<img src="https://picsum.photos/seed/restaurant/800/600" class="img-fluid rounded shadow" alt="A chef plating food in a restaurant kitchen, representing food donation.">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact" class="py-5 bg-light">
|
|
<div class="container">
|
|
<h2 class="section-title text-center mb-5">Get In Touch</h2>
|
|
<div class="row">
|
|
<div class="col-md-8 mx-auto">
|
|
<form>
|
|
<div class="mb-3">
|
|
<label for="name" class="form-label">Name</label>
|
|
<input type="text" class="form-control" id="name" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="email" class="form-label">Email address</label>
|
|
<input type="email" class="form-control" id="email" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="message" class="form-label">Message</label>
|
|
<textarea class="form-control" id="message" rows="5" required></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Send Message</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<?php include 'partials/footer.php'; ?>
|