Build an e-commerce store

Build an e-commerce store for a handmade jewelry brand called "Luna & Stone."
The store should have a homepage with featured products, a product catalog page
with category filters (rings, necklaces, bracelets, earrings), individual product
detail pages, a shopping cart, Stripe checkout, and an order confirmation page.
Use Next.js with TypeScript and a clean, modern design with a warm neutral color palette.

Connect Supabase. Create these tables:

- products: id, name, description, price (integer, in cents), category (enum: rings,
  necklaces, bracelets, earrings), images (text array of storage URLs), inventory_count,
  is_featured, created_at
- customers: id (linked to Supabase Auth user), email, name, shipping_address (jsonb),
  created_at
- orders: id, customer_id (FK to customers), stripe_session_id, status (enum: pending,
  paid, shipped, delivered), total_amount, shipping_address (jsonb), created_at
- order_items: id, order_id (FK to orders), product_id (FK to products), quantity,
  unit_price

Enable row-level security so customers can only read products and view their own orders.
Add a Supabase Storage bucket called "product-images" with public read access.

Update the product catalog page to fetch products from Supabase. Add:

- A grid layout showing product image, name, and price
- Category filter buttons that update the query without a full page reload
- A "Featured" section on the homepage showing products where is_featured is true
- Individual product pages at /products/[id] with an image gallery, full description,
  price, and an "Add to Cart" button
- Loading skeletons while products are being fetched

Use Supabase Storage URLs for product images.

Add a shopping cart with the following behavior:

- Cart icon in the header showing item count
- Slide-out cart drawer that shows items, quantities, and subtotal
- Plus/minus buttons to update quantity, with a max of the product's inventory_count
- Remove item button
- Store the cart in localStorage for guest users
- When a user logs in, merge the localStorage cart with any existing cart in Supabase
- Cart page at /cart with a full summary and a "Proceed to Checkout" button

Connect Stripe and implement checkout:

- When the user clicks "Proceed to Checkout," create a Stripe Checkout session
  with line items from the cart (product name, unit price, quantity, and product image)
- Include a success URL (/order-confirmation?session_id={CHECKOUT_SESSION_ID})
  and a cancel URL (/cart)
- Add a Stripe webhook handler for checkout.session.completed that:
  1. Creates an order in the orders table with status "paid"
  2. Creates order_items for each product
  3. Decrements inventory_count for each purchased product
- On the success page, fetch order details using the session_id and show a
  confirmation with order number, items purchased, and total

Add an order history page at /account/orders that:

- Requires authentication (redirect to login if not signed in)
- Shows a list of all orders for the logged-in customer, sorted by date
- Each order card shows: order number, date, status badge (paid, shipped, delivered),
  item count, and total amount
- Clicking an order opens a detail view with individual items, quantities, prices,
  and shipping address
- Add a Supabase real-time subscription so the status badge updates live when an
  order status changes

Connect Resend (or SendGrid). When the Stripe webhook confirms a successful payment,
send an order confirmation email to the customer that includes:

- Order number and date
- List of items with name, quantity, and price
- Order total and shipping address
- A "View Order" button linking to /account/orders/[id]
- Brand header with the Luna & Stone logo

Use a clean, responsive HTML email template that looks good on mobile.

Connect Google Analytics (GA4) and add e-commerce event tracking:

- view_item: when a customer opens a product detail page
- add_to_cart: when a customer adds a product to the cart
- begin_checkout: when the customer clicks "Proceed to Checkout"
- purchase: on the order confirmation page, with transaction_id, value, and items

Include UTM parameter tracking so I can measure which marketing channels drive sales.

Before deploying, make these improvements:

- Add SEO metadata (title, description, Open Graph image) to the homepage,
  catalog page, and each product page
- Add a favicon and branded loading state
- Make sure all pages are fully responsive on mobile
- Add an empty cart state with a "Continue Shopping" link
- Add a 404 page for products that don't exist

Then deploy to Netlify with a production build.