40 lines
1.8 KiB
PHP
40 lines
1.8 KiB
PHP
<?php require_once __DIR__ . '/includes/header.php'; ?>
|
|
|
|
<header class="hero text-center py-5">
|
|
<div class="container">
|
|
<h1 class="display-4 fw-bold">Welcome to the Future of Reading</h1>
|
|
<p class="lead my-4">A smart, simple, and seamless library experience powered by QR codes.</p>
|
|
<a href="catalog.php" class="btn btn-primary btn-lg px-4">Explore the Catalog</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="container my-5">
|
|
<section class="text-center">
|
|
<h2 class="mb-5">How It Works</h2>
|
|
<div class="row">
|
|
<div class="col-md-4 mb-4">
|
|
<div class="p-4">
|
|
<i class="bi bi-search fs-1 text-primary"></i>
|
|
<h3 class="h4 my-3">1. Find Your Book</h3>
|
|
<p class="text-muted">Browse our extensive digital catalog to find the books you love.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="p-4">
|
|
<i class="bi bi-qr-code fs-1 text-primary"></i>
|
|
<h3 class="h4 my-3">2. Scan to Borrow</h3>
|
|
<p class="text-muted">Use your phone to scan the book's QR code for instant self-checkout.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="p-4">
|
|
<i class="bi bi-book-half fs-1 text-primary"></i>
|
|
<h3 class="h4 my-3">3. Enjoy Reading</h3>
|
|
<p class="text-muted">Enjoy your book! We'll send you a reminder before it's due.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<?php require_once __DIR__ . '/includes/footer.php'; ?>
|