From b136ce03bce20624bbe39b8f44786cccf46dc4aa Mon Sep 17 00:00:00 2001
From: jyswee <jyswee@gmail.com>
Date: Thu, 23 Jul 2026 22:56:34 +0000
Subject: [PATCH] Seed: restaurant template (17 files)

---
 src/pages/Index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index f40c9b6..a40480c 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -68,7 +68,7 @@ export default function IndexPage() {
             {highlights.map((d, i) => (
               <div key={i} className="group text-center">
                 {i === 0 && <Badge className="mb-2 bg-amber-700 text-white text-[10px] uppercase tracking-wider border-0">Chef's Pick</Badge>}
-                <div className={`aspect-square rounded-sm bg-gradient-to-br \${d.gradient} mb-6 transition-transform duration-500 group-hover:scale-105 relative overflow-hidden`}>
+                <div className={`aspect-square rounded-sm bg-gradient-to-br ${d.gradient} mb-6 transition-transform duration-500 group-hover:scale-105 relative overflow-hidden`}>
                   <div className="absolute inset-0 opacity-[0.04]" style={{ backgroundImage: "radial-gradient(circle, currentColor 1px, transparent 1px)", backgroundSize: "16px 16px" }} />
                   <div className="absolute -bottom-8 -right-8 w-32 h-32 rounded-full bg-amber-600/20 blur-2xl" />
                 </div>
@@ -135,8 +135,8 @@ export default function IndexPage() {
           </div>
           <div className="grid grid-cols-2 lg:grid-cols-3 gap-4">
             {[0, 1, 2, 3, 4, 5].map((i) => (
-              <div key={i} className={`group relative overflow-hidden rounded-sm cursor-pointer animate-fade-in \${i === 0 || i === 5 ? "lg:col-span-2" : ""}`}>
-                <div className={`\${i === 0 || i === 5 ? "aspect-[2/1]" : "aspect-square"} bg-gradient-to-br from-amber-800/20 via-stone-600/20 to-stone-800/20 transition-transform duration-500 group-hover:scale-105 hover:brightness-110 relative overflow-hidden`}>
+              <div key={i} className={`group relative overflow-hidden rounded-sm cursor-pointer animate-fade-in ${i === 0 || i === 5 ? "lg:col-span-2" : ""}`}>
+                <div className={`${i === 0 || i === 5 ? "aspect-[2/1]" : "aspect-square"} bg-gradient-to-br from-amber-800/20 via-stone-600/20 to-stone-800/20 transition-transform duration-500 group-hover:scale-105 hover:brightness-110 relative overflow-hidden`}>
                   <div className="absolute inset-0 opacity-[0.03]" style={{ backgroundImage: "radial-gradient(circle, currentColor 1px, transparent 1px)", backgroundSize: "16px 16px" }} />
                   <div className="absolute -bottom-6 -right-6 w-24 h-24 rounded-full bg-amber-600/15 blur-2xl" />
                 </div>