Deploy
This commit is contained in:
@@ -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'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'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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user