import Link from "next/link"; import { notFound } from "next/navigation"; import { createClient } from "../../../lib/supabase/server"; import CartButton from "../../components/CartButton"; import ProductDetailsClient from "./ProductDetailsClient"; export default async function ProductPage({ params, }: { params: Promise<{ slug: string; }>; }) { const { slug, } = await params; const supabase = await createClient(); // ============================================= // GET PRODUCT // ============================================= const { data: product, error: productError, } = await supabase .from("products") .select( ` id, name, slug, description, price, is_available, featured_image_url ` ) .eq( "slug", slug ) .eq( "is_available", true ) .maybeSingle(); if ( productError || !product ) { notFound(); } // ============================================= // GET AVAILABLE VARIANTS // ============================================= const { data: variants, error: variantsError, } = await supabase .from( "product_variants" ) .select( ` id, name, price, is_available ` ) .eq( "product_id", product.id ) .eq( "is_available", true ) .order( "price", { ascending: true, } ); if ( variantsError ) { console.error( "Variants error:", variantsError ); } return (
{/* ========================================= HEADER ========================================== */}
{/* DESKTOP / MAIN HEADER */}
{/* LOGO */} PELCY {/* DESKTOP NAVIGATION */} {/* CART */}
{/* MOBILE NAVIGATION */}
{/* ========================================= PRODUCT DETAILS ========================================== */}
{/* BACK LINK */}
← Back to Products
({ ...variant, price: Number( variant.price ), }) ) } />
{/* ========================================= ORDER TRACKING PROMPT ========================================== */}

Already placed an order?

Check your PELCY order status.

Use your order number and the phone number entered during checkout to follow your payment and delivery progress.

Track My Order
{/* ========================================= FOOTER ========================================== */}
); }