From a32ddd21e9e9587430169208ce71ecc09ff5bacf Mon Sep 17 00:00:00 2001
From: jyswee <jyswee@gmail.com>
Date: Thu, 23 Jul 2026 22:59:27 +0000
Subject: [PATCH] Seed: wedding template (15 files)

---
 src/pages/Gallery.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Gallery.tsx b/src/pages/Gallery.tsx
index 7d11e27..5ffdc89 100644
--- a/src/pages/Gallery.tsx
+++ b/src/pages/Gallery.tsx
@@ -41,7 +41,7 @@ export default function GalleryPage() {
           {/* Category Filter */}
           <div className="flex justify-center gap-2 mb-12 flex-wrap">
             {categories.map((cat) => (
-              <Button key={cat} variant={active === cat ? "default" : "outline"} size="sm" onClick={() => setActive(cat)} className={`rounded-full text-xs \${active === cat ? "bg-rose-400 hover:bg-rose-500 text-white" : "border-rose-200 text-rose-500 hover:bg-rose-50 dark:border-stone-600 dark:text-rose-400 dark:hover:bg-stone-800"}`}>
+              <Button key={cat} variant={active === cat ? "default" : "outline"} size="sm" onClick={() => setActive(cat)} className={`rounded-full text-xs ${active === cat ? "bg-rose-400 hover:bg-rose-500 text-white" : "border-rose-200 text-rose-500 hover:bg-rose-50 dark:border-stone-600 dark:text-rose-400 dark:hover:bg-stone-800"}`}>
                 {cat}
               </Button>
             ))}
@@ -50,7 +50,7 @@ export default function GalleryPage() {
           {/* Photo Grid */}
           <div className="columns-2 md:columns-3 gap-4 space-y-4 stagger">
             {filtered.map((photo) => (
-              <div key={photo.id} onClick={() => setLightbox(photo.id)} className={`\${photo.h} rounded-xl bg-gradient-to-br \${photo.gradient} overflow-hidden group cursor-pointer relative break-inside-avoid hover:-translate-y-1 hover:shadow-lg transition-all duration-300`}>
+              <div key={photo.id} onClick={() => setLightbox(photo.id)} className={`${photo.h} rounded-xl bg-gradient-to-br ${photo.gradient} overflow-hidden group cursor-pointer relative break-inside-avoid hover:-translate-y-1 hover:shadow-lg transition-all duration-300`}>
                 <div className="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center">
                   <Camera className="h-8 w-8 text-white opacity-0 group-hover:opacity-100 transition-opacity" />
                 </div>