builder preview video loop

app/(app)/(builder)/builder/page.tsx

@@ -1641,6 +1641,39 @@ export default function GunbuilderPage() {
                                       <div className="text-[0.7rem] text-zinc-500">
                                         —
                                       </div>
+                                    ) : selectedPart ? (
+                                      <>
+                                        {selectedPart.affiliateUrl && (
+                                          <a
+                                            href={selectedPart.affiliateUrl}
+                                            target="_blank"
+                                            rel="noopener noreferrer"
+                                            className="inline-flex items-center gap-1.5 whitespace-nowrap rounded-md border border-amber-600 bg-amber-500 px-3 py-1.5 text-xs font-semibold text-black hover:bg-amber-400 transition-colors"
+                                          >
+                                            Buy
+                                          </a>
+                                        )}
+                                        <button
+                                          type="button"
+                                          onClick={() => {
+                                            setBuild((prev) => {
+                                              const next: BuildState = { ...prev };
+                                              delete next[category.id];
+                                              try {
+                                                if (typeof window !== "undefined") {
+                                                  localStorage.setItem(STORAGE_KEY, JSON.stringify(next));
+                                                }
+                                              } catch {
+                                                // ignore
+                                              }
+                                              return next;
+                                            });
+                                          }}
+                                          className="inline-flex items-center gap-1.5 whitespace-nowrap rounded-md border border-red-700 bg-red-900/50 px-3 py-1.5 text-xs font-medium text-red-300 hover:bg-red-900 hover:border-red-600 transition-colors"
+                                        >
+                                          Remove
+                                        </button>
+                                      </>
                                     ) : (
                                       <Link
                                         href={`/parts/${encodeURIComponent(

app/page.tsx

@@ -344,19 +344,21 @@ export default function HomePage() {
           </div>
         </section>
 
-        {/* Screenshot Section */}
+        {/* Screen Recording Section */}
         <section className="relative mt-24">
           <div className="mx-auto max-w-6xl px-4 sm:px-6 lg:px-8">
             <div className="relative overflow-hidden rounded-2xl border border-white/10 bg-black shadow-2xl">
-              {/* Screenshot */}
-              <Image
-                src="/builder-preview.png"
-                alt="Battl Builders app screenshot"
-                width={2400}
-                height={1400}
-                priority
+              {/* Screen Recording */}
+              <video
+                autoPlay
+                loop
+                muted
+                playsInline
                 className="w-full object-cover"
-              />
+              >
+                <source src="/builder-preview.mp4" type="video/mp4" />
+                Your browser does not support the video tag.
+              </video>
 
               {/* Bottom fade */}
               <div