Final

Pottery-website/pages/ProductDetail.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { useParams, Link } from 'react-router-dom';
 import { motion } from 'framer-motion';
 import { useStore } from '../src/context/StoreContext';
+import SEO, { SITE_URL } from '../components/SEO';
 
 const ProductDetail: React.FC = () => {
     const { slug } = useParams<{ slug: string }>();
@@ -17,8 +18,56 @@ const ProductDetail: React.FC = () => {
         );
     }
 
+    const productSchema = {
+        "@context": "https://schema.org",
+        "@type": "Product",
+        "name": product.title,
+        "description": `${product.description} Handcrafted in Corpus Christi, TX by Claudia Knuth. Made in small batches using stoneware clay inspired by the Texas Gulf Coast.`,
+        "image": `${SITE_URL}${product.image}`,
+        "url": `${SITE_URL}/collections/${product.slug}`,
+        "brand": {
+            "@type": "Brand",
+            "name": "KNUTH Ceramics"
+        },
+        "manufacturer": {
+            "@type": "LocalBusiness",
+            "name": "KNUTH Ceramics",
+            "address": {
+                "@type": "PostalAddress",
+                "addressLocality": "Corpus Christi",
+                "addressRegion": "TX",
+                "addressCountry": "US"
+            }
+        },
+        "offers": {
+            "@type": "Offer",
+            "availability": "https://schema.org/InStock",
+            "priceCurrency": "USD",
+            "seller": {
+                "@type": "Organization",
+                "name": "KNUTH Ceramics"
+            }
+        },
+        "breadcrumb": {
+            "@type": "BreadcrumbList",
+            "itemListElement": [
+                { "@type": "ListItem", "position": 1, "name": "Home", "item": `${SITE_URL}/` },
+                { "@type": "ListItem", "position": 2, "name": "Collections", "item": `${SITE_URL}/collections` },
+                { "@type": "ListItem", "position": 3, "name": product.title, "item": `${SITE_URL}/collections/${product.slug}` }
+            ]
+        }
+    };
+
     return (
         <div className="bg-white dark:bg-stone-950 min-h-screen pt-32 pb-24">
+            <SEO
+                title={`${product.title} — Handmade Ceramic | KNUTH Ceramics`}
+                description={`${product.description} Handcrafted in Corpus Christi, TX. $${product.price} — free shipping on orders over $150.`}
+                canonical={`${SITE_URL}/collections/${product.slug}`}
+                ogImage={`${SITE_URL}${product.image}`}
+                ogType="product"
+                schema={productSchema}
+            />
             <div className="max-w-[1920px] mx-auto px-6 md:px-12">
                 {/* Breadcrumb */}
                 <div className="mb-12 text-sm uppercase tracking-widest text-stone-500">
@@ -91,6 +140,7 @@ const ProductDetail: React.FC = () => {
                             </ul>
                         </motion.div>
 
+                        {/* 
                         <motion.button
                             initial={{ opacity: 0, y: 10 }}
                             animate={{ opacity: 1, y: 0 }}
@@ -101,6 +151,7 @@ const ProductDetail: React.FC = () => {
                         >
                             Add to Cart
                         </motion.button>
+                        */}
 
                         <div className="mt-12 pt-12 border-t border-stone-200 dark:border-stone-800 text-sm text-stone-500 font-light space-y-2">
                             <p>Free shipping on orders over $150</p>