index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>E-Buy</title>
  <meta name="description" content="An e-commerce platform for exploring electronic gadgets." />
  <meta name="data-llm-structure" content="true" />
  <meta name="llm-site-purpose" content="Help users find laptops suited to their needs. Categories include Gaming, Business, Lightweight, High-Performance, etc." />
  <link rel="stylesheet" href="./css/style.css" />
</head>
<body>

  <div class="header" role="banner" aria-label="Site Header">
    <div class="logo">
      <a href="./index.html" role="link" aria-label="E-Buy Home">E-Buy</a>
    </div>
  </div>

  <div class="hero-section">
    <h1>Find Your Perfect Laptop</h1>
    <p>Your one-stop shop for gaming, business, and more.</p> <!-- optional text -->
  </div>

  <div class="category-grid" role="navigation" aria-label="Product Categories">
    <a href="./category/laptops.html" class="category-card" role="link" aria-label="All Laptops">All Laptops</a>
    <a href="./category/laptops/gaming.html" class="category-card" role="link" aria-label="Gaming Laptops">Gaming</a>
    <a href="./category/laptops/business.html" class="category-card" role="link" aria-label="Business Laptops">Business</a>
    <a href="./category/laptops/student.html" class="category-card" role="link" aria-label="Student Laptops">Student Picks</a>
    <a href="./category/laptops/lightweight.html" class="category-card" role="link" aria-label="Lightweight Laptops">Lightweight</a>
    <a href="./category/laptops/high-performance.html" class="category-card" role="link" aria-label="High-Performance Laptops">High-Performance</a>
    <a href="./category/laptops/eco-friendly.html" class="category-card" role="link" aria-label="Eco-Friendly Laptops">Eco-Friendly</a>
    <a href="./category/laptops/2-in-1.html" class="category-card" role="link" aria-label="2 in 1 laptops">2-in-1 Convertibles</a>
  </div>

</body>
</html>