ProductStore.jsx

import React from "react";

const products = [
  { id: 1, name: "Minimal Sneakers", price: 129, category: "Footwear" },
  { id: 2, name: "Classic Backpack", price: 89, category: "Accessories" },
  { id: 3, name: "Premium Hoodie", price: 79, category: "Clothing" },
];

export default function ProductStore() {
  return (
    <main>
      <header>
        <h1>Online Store</h1>
        <p>Discover products and enjoy a simple shopping experience.</p>
      </header>

      <section>
        {products.map((product) => (
          <article key={product.id}>
            <p>{product.category}</p>
            <h2>{product.name}</h2>
            <strong>${product.price}</strong>
            <button>Add to Cart</button>
          </article>
        ))}
      </section>
    </main>
  );
}