jyswee/olive-grove
1
0
Fork 0
forked from vibeasite-templates/template-restaurant
Code Pull Requests Activity

Seed: restaurant template (17 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:56:34 +00:00
parent e48da228e8
commit b136ce03bc
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Index.tsx
+3 -3
View File
@@ -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>