Deploy

2026-06-23 08:39:06 +00:00
parent 38455fb905
commit dd93d15b0a
1 changed files with 73 additions and 0 deletions
@@ -0,0 +1,73 @@
+import Image from 'next/image'
+import Button from '@/components/ui/Button'
+
+export default function OurMenuSection() {
+  const menuCategories = [
+    {
+      title: 'Wood-Fired Pizzas',
+      subtitle: 'Trained in Neapolitan tradition, fired at 900°F',
+      description: 'Classic Margherita, spicy Diavola, truffle mushroom — each pizza blistered in our custom Stefano Ferrara oven.',
+      image: 'https://images.pexels.com/photos/5907627/pexels-photo-5907627.jpeg?auto=compress&cs=tinysrgb&h=650&w=940',
+      alt: 'Wood-fired pizza with melted mozzarella and basil'
+    },
+    {
+      title: 'Fresh Pasta',
+      subtitle: 'Rolled daily — semolina, egg, and passion',
+      description: "Pappardelle with wild boar ragù, squid ink tagliolini, and our grandmother's spinach-and-ricotta tortellini.",
+      image: 'https://images.pexels.com/photos/30521745/pexels-photo-30521745.jpeg?auto=compress&cs=tinysrgb&h=350',
+      alt: 'Fresh pasta being hand-rolled on a wooden counter'
+    },
+    {
+      title: 'Traditional Desserts',
+      subtitle: 'End your meal with centuries-old recipes',
+      description: 'Tiramisu made with Italian mascarpone, vanilla panna cotta with balsamic strawberries, and cannoli from an old Sicilian recipe.',
+      image: 'https://images.pexels.com/photos/2728186/pexels-photo-2728186.jpeg?auto=compress&cs=tinysrgb&h=350',
+      alt: 'Plated tiramisu and cannoli on marble table'
+    }
+  ]
+
+  return (
+    <section data-vula-section="ourmenu" id="our-menu" className="py-20 px-6 bg-white">
+      <div className="max-w-7xl mx-auto">
+        <div className="text-center mb-14">
+          <span className="text-[#FF5722] text-sm uppercase tracking-widest font-semibold">Our Menu</span>
+          <h2 className="text-4xl md:text-5xl font-bold text-[#212121] mt-2">Three Pillars of Italian Flavour</h2>
+          <p className="text-[#212121]/70 max-w-2xl mx-auto mt-4 text-lg">
+            Every dish honours the Pino family's heritage — from the wood-fired oven to the dessert trolley, ingredients are sourced locally while techniques stay true to Italy.
+          </p>
+        </div>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          {menuCategories.map((cat, i) => (
+            <div key={i} className="rounded-xl border border-neutral-100 bg-white shadow-[var(--shadow-card)] hover:shadow-[var(--shadow-lifted)] hover:-translate-y-0.5 transition-all duration-200 ease-out overflow-hidden">
+              <div className="overflow-hidden h-48">
+                <Image
+                  src={cat.image}
+                  alt={cat.alt}
+                  width={600}
+                  height={400}
+                  className="w-full h-full object-cover hover:scale-105 transition-transform duration-500 ease-out"
+                />
+              </div>
+              <div className="p-5">
+                <h3 className="text-2xl font-bold text-[#E91E63] mb-1">{cat.title}</h3>
+                <p className="text-sm text-[#FF5722] font-medium uppercase tracking-wider mb-3">{cat.subtitle}</p>
+                <p className="text-[#212121]/80 text-sm leading-relaxed">{cat.description}</p>
+              </div>
+            </div>
+          ))}
+        </div>
+        <div className="text-center mt-12">
+          <a href="#menu-display">
+            <Button
+              variant="default"
+              size="lg"
+              className="bg-[#E91E63] text-white px-8 py-4 rounded-lg font-bold hover:bg-[#C2185B] transition-all duration-200 ease-out"
+            >
+              View Full Menu
+            </Button>
+          </a>
+        </div>
+      </div>
+    </section>
+  )
+}