{# app/templates/shop/checkout.html #}
{% extends "shop/base.html" %}

{% block title %}Checkout{% endblock %}

{% block content %}
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
    <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-8">Checkout</h1>

    {# TODO: Implement checkout process #}
    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
        <p class="text-gray-600 dark:text-gray-400">Checkout process coming soon...</p>
    </div>
</div>
{% endblock %}