Pages

// src/pages/ProductPage.js
import React from 'react';
import ProductDetails from '../components/ProductDetails';

const ProductPage = () => {
  return (
    <div className="product-page">
      <ProductDetails />
    </div>
  );
};

export default ProductPage;

// src/pages/CartPage.js
import React from 'react';
import Cart from '../components/Cart';

const CartPage = () => {
  return (
    <div className="cart-page">
      <Cart />
    </div>
  );
};

export default CartPage;

// src/pages/CheckoutPage.js
import React from 'react';
import Checkout from '../components/Checkout';

const CheckoutPage = () => {
  return (
    <div className="checkout-page">
      <Checkout />
    </div>
  );
};

export default CheckoutPage;