fucking pos. data is working but tailwind is fucked

src/app/api/brands/route.ts

@@ -0,0 +1,7 @@
+import { db } from "@/db";
+import { brands } from "@/db/schema";
+
+export async function GET() {
+  const allBrands = await db.select().from(brands);
+  return Response.json({ success: true, data: allBrands });
+} 

src/app/api/categories/route.ts

@@ -0,0 +1,7 @@
+import { db } from "@/db";
+import { componentType } from "@/db/schema";
+
+export async function GET() {
+  const allComponentTypes = await db.select().from(componentType);
+  return Response.json({ success: true, data: allComponentTypes });
+} 

src/app/api/products/[slug]/route.ts

@@ -0,0 +1,58 @@
+import { db } from '@/db';
+import { bb_products } from '@/db/schema';
+
+function slugify(name: string): string {
+  return name
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/(^-|-$)+/g, '');
+}
+
+export async function GET(
+  req: Request,
+  { params }: { params: { slug: string } }
+) {
+  try {
+    const allProducts = await db.select().from(bb_products);
+    const mapped = allProducts.map((item: any) => ({
+      id: item.uuid,
+      name: item.productName,
+      slug: slugify(item.productName),
+      description: item.shortDescription || item.longDescription || '',
+      longDescription: item.longDescription,
+      image_url: item.imageUrl || item.thumbUrl || '/window.svg',
+      images: [item.imageUrl, item.thumbUrl].filter(Boolean),
+      brand: {
+        id: item.brandName || 'unknown',
+        name: item.brandName || 'Unknown',
+        logo: item.brandLogoImage || '',
+      },
+      category: {
+        id: item.category || 'unknown',
+        name: item.category || 'Unknown',
+      },
+      subcategory: item.subcategory,
+      offers: [
+        {
+          price: parseFloat(item.salePrice || item.retailPrice || '0'),
+          url: item.buyLink || '',
+          vendor: {
+            name: 'Brownells',
+            logo: '',
+          },
+          inStock: true,
+          shipping: '',
+        },
+      ],
+      restrictions: {},
+    }));
+    const found = mapped.find((p: any) => p.slug === params.slug);
+    if (found) {
+      return Response.json({ success: true, product: found });
+    } else {
+      return Response.json({ success: false, error: 'Not found' }, { status: 404 });
+    }
+  } catch (error) {
+    return Response.json({ success: false, error: String(error) }, { status: 500 });
+  }
+} 

src/app/api/test-products/route.ts

@@ -0,0 +1,24 @@
+import { db } from "@/db";
+import { bb_products } from "@/db/schema";
+
+export async function GET() {
+  try {
+    const allProducts = await db.select().from(bb_products).limit(50);
+    const mapped = allProducts.map((item: any) => ({
+      id: item.uuid,
+      name: item.productName,
+      slug: slugify(item.productName),
+      ...item
+    }));
+    return Response.json({ success: true, data: mapped });
+  } catch (error) {
+    return Response.json({ success: false, error: String(error) }, { status: 500 });
+  }
+}
+
+function slugify(name: string): string {
+  return name
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/(^-|-$)+/g, '');
+}