<!-- Hero section -->
<section id="hero">
	<h2>Welcome to our Book Store!</h2>
	<p>Explore our vast collection of books and discover new titles.</p>
	<button>Start Shopping</button>
</section>

<!-- Featured books section -->
<section id="featured-books">
	<h2>Featured Books</h2>
	<ul>
		<li>
			<img src="book1.jpg" alt="Book 1">
			<h3>Book 1 Title</h3>
			<p>Book 1 Description</p>
			<button>Add to Cart</button>
		</li>
		<li>
			<img src="book2.jpg" alt="Book 2">
			<h3>Book 2 Title</h3>
			<p>Book 2 Description</p>
			<button>Add to Cart</button>
		</li>
		<li>
			<img src="book3.jpg" alt="Book 3">
			<h3>Book 3 Title</h3>
			<p>Book 3 Description</p>
			<button>Add to Cart</button>
		</li>
	</ul>
</section>

<section id="categories">
	<h2>Browse by Category</h2>
	<ul>
		<li><a href="#">Fiction</a></li>
		<li><a href="#">Non-Fiction</a></li>
		<li><a href="#">Biography</a></li>
		<li><a href="#">Self-Help</a></li>
	</ul>
</section>

<!-- About us section -->
<section id="about">
	<h2>About Us</h2>
	<p>We are a team of book lovers dedicated to bringing you the best selection of books.</p>
</section>

<!-- Contact us section -->
<section id="contact">
	<h2>Contact Us</h2>
	<p>Get in touch with us:</p>
	<ul>
		<li><a href="mailto:[email protected]">[email protected]</a></li>
		<li><a href="tel:+1234567890">+1234567890</a></li>
		<li><a href="#">Address: 123 Main St, Anytown, USA</a></li>
	</ul>
</section>

<!-- Footer section -->
<footer>
	<p>&copy; 2023 Book Store Website</p>
</footer>

<!-- Cart modal -->
<div id="cart-modal">
	<h2>Cart</h2>
	<ul>
		<!-- display cart -->
	</ul>
	<button>Checkout</button>
</div>

<script src="script.js"></script>