Deploy

src/components/sections/AboutSection.tsx

@@ -0,0 +1,72 @@
+'use client'
+
+import Image from "next/image"
+import Button from "@/components/ui/Button"
+import { ChefHat, MapPin } from 'lucide-react'
+
+export default function AboutSection() {
+  return (
+    <section data-vula-section="about" id="about" className="py-20 lg:py-28 bg-neutral-50">
+      <div className="container mx-auto px-4 max-w-7xl">
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center">
+          {/* Image Side */}
+          <div className="relative aspect-[4/3] overflow-hidden rounded-xl shadow-[var(--shadow-lifted)]">
+            <Image
+              src="https://images.pexels.com/photos/4819658/pexels-photo-4819658.jpeg?auto=compress&cs=tinysrgb&h=350"
+              alt="Pino's kitchen team preparing fresh pasta"
+              fill
+              sizes="(max-width: 768px) 100vw, 50vw"
+              className="object-cover"
+            />
+          </div>
+
+          {/* Text Side */}
+          <div>
+            <p className="text-sm font-semibold tracking-widest uppercase text-[#6b8e23] mb-3">
+              Our Story
+            </p>
+            <h2 className="text-3xl lg:text-4xl font-semibold tracking-tight text-[#111827]">
+              A Taste of Italy in Chicago&apos;s Loop
+            </h2>
+            <div className="mt-6 space-y-4 text-lg leading-relaxed text-neutral-600">
+              <p>
+                Founded in 1982 by Nonna Rosa and her son Pino, this family-owned restaurant
+                has been serving authentic Italian cuisine from a wood-fired oven in downtown Chicago.
+                Every dish starts with ingredients imported from small farms in Tuscany and Campania—
+                San Marzano tomatoes, buffalo mozzarella, and bronze-drawn pasta.
+              </p>
+              <p>
+                The brick-lined interior, with exposed ceiling beams and a vintage espresso bar,
+                transports guests to a trattoria in Florence. Locals return weekly for the
+                Sunday gravy and handmade pappardelle; tourists discover the city&apos;s best
+                cannoli on their first visit and come back every trip.
+              </p>
+            </div>
+
+            <div className="mt-8 flex flex-wrap gap-6">
+              <div className="flex items-center gap-2 text-neutral-700">
+                <MapPin className="w-5 h-5 text-[#dc2626]" />
+                <span className="font-medium">230 N Michigan Ave, Chicago, IL</span>
+              </div>
+              <div className="flex items-center gap-2 text-neutral-700">
+                <ChefHat className="w-5 h-5 text-[#dc2626]" />
+                <span className="font-medium">Family-owned since 1982</span>
+              </div>
+            </div>
+
+            <div className="mt-8">
+              <Button
+                variant="default"
+                size="lg"
+                href="/menu"
+                className="bg-[#dc2626] hover:bg-[#b71c1c] text-white px-8 py-3 rounded-lg font-semibold transition-all duration-200 inline-flex items-center gap-2"
+              >
+                Explore Our Menu
+              </Button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}