Initial WinningHunter MVP

2026-07-07 20:40:43 +03:00
commit 8dd43c57ca
57 changed files with 5295 additions and 0 deletions
@@ -0,0 +1,59 @@
+import { notFound } from "next/navigation";
+import { prisma } from "@/lib/db";
+import { requireUser } from "@/lib/auth/current-user";
+import { Card } from "@/components/ui/card";
+
+export default async function StoreDetailPage({ params }: { params: Promise<{ id: string }> }) {
+  const resolvedParams = await params;
+  await requireUser();
+  const store = await prisma.store.findUnique({
+    where: { id: resolvedParams.id },
+    include: { products: true, snapshots: { orderBy: { date: "asc" } }, pixels: true, apps: true, brandPages: { include: { ads: { include: { creatives: { take: 1 } }, take: 12 } } } }
+  });
+  if (!store) notFound();
+  const similar = await prisma.store.findMany({ where: { id: { not: store.id }, niche: store.niche }, take: 8, orderBy: { monthlyVisits: "desc" } });
+  const ads = store.brandPages.flatMap((p) => p.ads);
+  return (
+    <div>
+      <div className="mb-6 flex flex-wrap items-center justify-between gap-4">
+        <div className="flex items-center gap-4">
+          <img src={store.logoUrl || ""} className="h-16 w-16 rounded-2xl" />
+          <div>
+            <h1 className="text-3xl font-black">{store.name}</h1>
+            <p className="text-slate-500">{store.domain} · {store.country} · {store.niche}</p>
+          </div>
+        </div>
+        <a href={store.shopUrl || "#"} className="rounded-2xl bg-slate-950 px-5 py-3 font-bold text-white">Visit Shop</a>
+      </div>
+      <div className="mb-5 grid gap-4 md:grid-cols-4">
+        <Card><div className="text-sm text-slate-500">Monthly Visits</div><div className="mt-1 text-2xl font-black">{store.monthlyVisits?.toLocaleString()}</div></Card>
+        <Card><div className="text-sm text-slate-500">Est Revenue</div><div className="mt-1 text-2xl font-black">€{store.estRevenue30dMin?.toLocaleString()}–€{store.estRevenue30dMax?.toLocaleString()}</div></Card>
+        <Card><div className="text-sm text-slate-500">Products</div><div className="mt-1 text-2xl font-black">{store.productCount}</div></Card>
+        <Card><div className="text-sm text-slate-500">Active Ads</div><div className="mt-1 text-2xl font-black">{ads.length}</div></Card>
+      </div>
+      <div className="grid gap-5 lg:grid-cols-2">
+        <Card>
+          <h2 className="mb-4 text-xl font-black">Best-selling Products</h2>
+          <div className="space-y-3">
+            {store.products.map((p) => <div key={p.id} className="flex items-center justify-between rounded-2xl bg-slate-50 p-3"><div className="font-bold">{p.title}</div><div>{p.currency} {p.price}</div></div>)}
+          </div>
+        </Card>
+        <Card>
+          <h2 className="mb-4 text-xl font-black">Pixels & Stack</h2>
+          <div className="mb-4 flex flex-wrap gap-2">{store.pixels.map((p) => <span key={p.id} className="rounded-full bg-violet-50 px-3 py-1 text-sm font-bold text-violet-700">{p.type}</span>)}</div>
+          <div className="flex flex-wrap gap-2">{store.apps.map((a) => <span key={a.id} className="rounded-full bg-slate-100 px-3 py-1 text-sm font-bold text-slate-700">{a.name}</span>)}</div>
+        </Card>
+      </div>
+      <Card className="mt-5">
+        <h2 className="mb-4 text-xl font-black">Top Meta Ads</h2>
+        <div className="grid gap-4 md:grid-cols-3">
+          {ads.map((ad) => <div key={ad.id} className="rounded-2xl border border-slate-100 p-3"><img src={ad.creatives[0]?.thumbnailUrl || ""} className="mb-3 h-32 w-full rounded-xl object-cover" /><div className="font-black">{ad.headline}</div><div className="text-sm text-slate-500">Top %{ad.rankPercentile} · {ad.daysRunning} gün</div></div>)}
+        </div>
+      </Card>
+      <Card className="mt-5">
+        <h2 className="mb-4 text-xl font-black">Similar Stores</h2>
+        <div className="grid gap-3 md:grid-cols-4">{similar.map((s) => <a key={s.id} href={`/dashboard/stores/${s.id}`} className="rounded-2xl bg-slate-50 p-4"><div className="font-black">{s.name}</div><div className="text-sm text-slate-500">{s.monthlyVisits?.toLocaleString()} visits</div></a>)}</div>
+      </Card>
+    </div>
+  );
+}
@@ -0,0 +1,50 @@
+import Link from "next/link";
+import { Prisma } from "@prisma/client";
+import { prisma } from "@/lib/db";
+import { requireUser } from "@/lib/auth/current-user";
+import { Card } from "@/components/ui/card";
+
+export default async function StoresPage({ searchParams }: { searchParams: Record<string, string | undefined> }) {
+  await requireUser();
+  const q = searchParams.q?.trim();
+  const niche = searchParams.niche;
+  const where: Prisma.StoreWhereInput = {};
+  if (q) where.OR = [{ name: { contains: q, mode: "insensitive" } }, { domain: { contains: q, mode: "insensitive" } }];
+  if (niche) where.niche = niche;
+  const stores = await prisma.store.findMany({ where, include: { products: { where: { isBestSeller: true }, take: 2 }, brandPages: { include: { _count: { select: { ads: true } } }, take: 1 } }, orderBy: { estRevenue30dMax: "desc" }, take: 50 });
+  return (
+    <div>
+      <div className="mb-6">
+        <h1 className="text-3xl font-black">Explore Stores</h1>
+        <p className="mt-1 text-slate-500">Shopify mağazalarını trafik, gelir, niche ve aktif reklam sayısıyla keşfet.</p>
+      </div>
+      <form className="mb-5 grid gap-3 rounded-3xl bg-white p-4 shadow-soft md:grid-cols-[1fr_220px_120px]">
+        <input name="q" defaultValue={q} placeholder="petpro, beauty, supplements..." className="rounded-2xl border border-slate-200 px-4 py-3" />
+        <select name="niche" defaultValue={niche || ""} className="rounded-2xl border border-slate-200 px-4 py-3"><option value="">Tüm niche</option><option>Pets</option><option>Beauty</option><option>Supplements</option><option>Household</option></select>
+        <button className="rounded-2xl bg-slate-950 px-4 py-3 font-bold text-white">Ara</button>
+      </form>
+      <Card className="overflow-hidden p-0">
+        <div className="overflow-x-auto">
+          <table className="w-full min-w-[900px] text-left text-sm">
+            <thead className="bg-slate-50 text-xs uppercase text-slate-500">
+              <tr><th className="p-4">Shop Info</th><th>Best Sellers</th><th>Niche</th><th>Monthly Visits</th><th>Est. Revenue 30d</th><th>Meta Ads</th><th></th></tr>
+            </thead>
+            <tbody>
+              {stores.map((s) => (
+                <tr key={s.id} className="border-t border-slate-100">
+                  <td className="p-4"><div className="flex items-center gap-3"><img src={s.logoUrl || ""} className="h-10 w-10 rounded-xl" /><div><div className="font-black">{s.name}</div><div className="text-slate-500">{s.domain} · {s.country}</div></div></div></td>
+                  <td>{s.products.map((p) => p.title).join(", ")}</td>
+                  <td>{s.niche}</td>
+                  <td>{s.monthlyVisits?.toLocaleString()} <span className="text-emerald-600">+{s.monthlyVisitGrowth}%</span></td>
+                  <td>€{s.estRevenue30dMin?.toLocaleString()}–€{s.estRevenue30dMax?.toLocaleString()}</td>
+                  <td>{s.brandPages[0]?._count.ads || 0}</td>
+                  <td><Link href={`/dashboard/stores/${s.id}`} className="font-bold text-violet-700">Details</Link></td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </Card>
+    </div>
+  );
+}