Cleanveda E-commerce Platform

import { getProductDetails } from "@/lib/db";
import { constructMetadata } from "@/lib/metadata";

export const revalidate = 3600; // Revalidate page content once per hour

export async function generateMetadata({ params }: { params: { id: string } }) {
  const product = await getProductDetails(params.id);
  return constructMetadata({
    title: `${product.title} | Cleanveda`,
    description: product.description,
    image: product.imageUrl
  });
}

export default async function ProductPage({ params }: { params: { id: string } }) {
  const product = await getProductDetails(params.id);
  
  return (
    <div className="container py-12">
      <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
        {/* Product image and details layout */}
      </div>
    </div>
  );
}

import { useState, useEffect } from "react";

export function useCart() {
  const [items, setItems] = useState<CartItem[]>([]);

  const updateQuantity = async (productId: string, qty: number) => {
    const res = await fetch(`/api/cart/validate`, {
      method: "POST",
      body: JSON.stringify({ productId, quantity: qty }),
      headers: { "Content-Type": "application/json" }
    });
    
    if (res.ok) {
      setItems(prev => prev.map(item => 
        item.id === productId ? { ...item, quantity: qty } : item
      ));
    } else {
      alert("Requested quantity exceeds available inventory.");
    }
  };

  return { items, updateQuantity };
}