sean/shadow-gunbuilder-ai-proto
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fixed logo, fixed product details page image and api

Browse Source
This commit is contained in:
Sean Strawsburg
2025-12-09 06:11:50 -05:00
parent 6b0e0334b0
commit 7c2206ffc3
5 changed files with 57 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/page.tsx
+19 -24
View File
@@ -6,9 +6,9 @@ import Image from "next/image";
export default function HomePage() {
const [email, setEmail] = useState("");
const [useCase, setUseCase] = useState("");
const [status, setStatus] = useState<"idle" | "loading" | "success" | "error">(
"idle"
);
const [status, setStatus] = useState<
"idle" | "loading" | "success" | "error"
>("idle");
const [message, setMessage] = useState<string | null>(null);
async function handleSubmit(e: FormEvent) {
@@ -47,7 +47,7 @@ export default function HomePage() {
return (
<main className="min-h-screen bg-black text-zinc-50">
{/* Abstract Brand Background */}
<div className="pointer-events-none absolute inset-0 overflow-hidden opacity-[0.065]">
<div className="pointer-events-none absolute inset-0 overflow-hidden opacity-[0.55]">
<svg
width="100%"
height="100%"
@@ -97,20 +97,15 @@ export default function HomePage() {
<header className="flex items-center justify-between gap-4">
<div className="flex items-center gap-3">
{/* Logo slot – replace src with your actual logo file */}
<div className="relative h-10 w-10 overflow-hidden rounded-md border border-zinc-800 bg-zinc-900">
<div className="flex items-center">
<Image
src="/battl-logo-mark.svg"
alt="Battl Builders logo"
fill
className="object-contain p-1.5"
src="/battl/battl-logo-mark-2.svg"
alt="Battl Builders Logo"
width={260} // adjust to taste
height={48} // adjust to taste
className="block"
/>
</div>
<div>
<p className="text-xs uppercase tracking-[0.18em] text-zinc-500">
Battl Builders
</p>
</div>
</div>
<span className="rounded-full border border-amber-500/40 bg-amber-500/10 px-3 py-1 text-xs font-medium text-amber-300">
@@ -122,14 +117,15 @@ export default function HomePage() {
<section className="mt-16 grid gap-10 md:grid-cols-[minmax(0,1.3fr)_minmax(0,1fr)] md:items-center">
<div>
<h1 className="text-balance text-3xl font-semibold tracking-tight sm:text-4xl md:text-5xl">
Stop Guessing.
Stop Guessing.
<span className="block text-amber-300 py-0.16em">
Start Building
Start Building.
</span>
</h1>
<p className="mt-4 max-w-xl text-sm text-zinc-400 sm:text-base">
From part comparisons to full-build matchups, Battl Builders helps you find the right components, catch compatibility issues, and score the best deals — all without juggling tabs or spreadsheets.
From part comparisons to full-build matchups, Battl Builders helps
you find the right components, catch compatibility issues, and
score the best deals — all without juggling tabs or spreadsheets.
</p>
<ul className="mt-6 space-y-2 text-sm text-zinc-300">
@@ -138,7 +134,6 @@ export default function HomePage() {
<li>• Live pricing from vetted merchants</li>
<li>• Save & share builds with your crew</li>
<li>• Vote on the cleanest, meanest setups</li>
</ul>
</div>
@@ -212,8 +207,8 @@ export default function HomePage() {
)}
<p className="pt-1 text-[10px] leading-relaxed text-zinc-500">
You can one-click unsubscribe
any time with one-click. No data games, no surprise newsletters.
You can one-click unsubscribe any time with one-click. No data
games, no surprise newsletters.
</p>
</form>
</div>
@@ -222,7 +217,7 @@ export default function HomePage() {
{/* Footer strip */}
<footer className="mt-12 border-t border-zinc-900 pt-4 text-xs text-zinc-500">
<div className="flex flex-wrap items-center justify-between gap-3">
<span>© {new Date().getFullYear()} BATTL BUILDERS</span>
<span>© {new Date().getFullYear()} BATTL BUILDERS<span className="align-super text-[0.9em] ml-0.5">™</span></span>
<span className="text-zinc-600">
v0.1 • Import engine online • Builder UI in progress
</span>
@@ -231,4 +226,4 @@ export default function HomePage() {
</div>
</main>
);
}
}