52 lines
2.3 KiB
PHP
52 lines
2.3 KiB
PHP
<?php require_once 'includes/header.php'; ?>
|
|
|
|
<!-- Hero Section -->
|
|
<section class="hero-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h1>Find Trusted Local Services</h1>
|
|
<p class="lead mb-5">Your one-stop directory for vetted and verified local businesses.</p>
|
|
<div class="search-bar">
|
|
<form action="search.php" method="get">
|
|
<div class="input-group">
|
|
<input type="text" name="q" class="form-control" placeholder="Search for plumbers, restaurants, salons..." aria-label="Search">
|
|
<button class="btn" type="submit"><i class="bi bi-search"></i></button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Categories Section -->
|
|
<section class="categories-section">
|
|
<div class="container">
|
|
<h2 class="text-center mb-5">Browse Categories</h2>
|
|
<div class="row g-4">
|
|
<?php
|
|
$categories = [
|
|
['name' => 'Restaurants', 'icon' => 'bi-cup-hot-fill'],
|
|
['name' => 'Plumbers', 'icon' => 'bi-wrench-adjustable-circle-fill'],
|
|
['name' => 'Salons', 'icon' => 'bi-scissors'],
|
|
['name' => 'Auto Repair', 'icon' => 'bi-car-front-fill'],
|
|
['name' => 'Home Services', 'icon' => 'bi-house-heart-fill'],
|
|
['name' => 'Pet Grooming', 'icon' => 'bi-heart-pulse-fill'], // Using a different icon as a placeholder
|
|
];
|
|
foreach ($categories as $category):
|
|
?>
|
|
<div class="col-6 col-md-4 col-lg-2">
|
|
<a href="#" class="text-decoration-none">
|
|
<div class="category-card">
|
|
<div class="icon"><i class="bi <?php echo $category['icon']; ?>"></i></div>
|
|
<h5><?php echo $category['name']; ?></h5>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<?php require_once 'includes/footer.php'; ?>
|