v2: ID verification by state, 15 photos/5 albums, 20 quick replies, logo, mobile polish

src/components/Logo.tsx

@@ -0,0 +1,39 @@
+import Image from "next/image";
+import { cn } from "@/lib/utils";
+
+interface LogoProps {
+  size?: "sm" | "md" | "lg";
+  showText?: boolean;
+  className?: string;
+}
+
+const SIZES = { sm: 28, md: 36, lg: 48 };
+
+export function Logo({ size = "md", showText = true, className }: LogoProps) {
+  const px = SIZES[size];
+
+  return (
+    <span className={cn("inline-flex items-center gap-2", className)}>
+      <Image
+        src="/logo.svg"
+        alt="ExposedGays"
+        width={px}
+        height={px}
+        className="shrink-0"
+        priority
+      />
+      {showText && (
+        <span
+          className={cn(
+            "font-bold bg-horny-gradient bg-clip-text text-transparent",
+            size === "sm" && "text-base",
+            size === "md" && "text-xl",
+            size === "lg" && "text-2xl"
+          )}
+        >
+          ExposedGays
+        </span>
+      )}
+    </span>
+  );
+}