Vula Builder
52 lines
3.0 KiB
TypeScript
52 lines
3.0 KiB
TypeScript
import Image from 'next/image'
|
|
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card'
|
|
|
|
export default function AboutSection() {
|
|
return (
|
|
<section data-vula-section="about" id="about" className="py-20 lg:py-28 bg-muted">
|
|
<div className="max-w-7xl mx-auto px-4">
|
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
|
|
<div>
|
|
<span className="text-sm font-semibold tracking-widest uppercase text-[#dc2626]">Our Story</span>
|
|
<h2 className="text-3xl lg:text-4xl font-semibold tracking-tight text-foreground mt-3 mb-6">
|
|
From Family Kitchen to Durban's Curry Corner
|
|
</h2>
|
|
<p className="text-base lg:text-lg leading-relaxed text-muted-foreground mb-6">
|
|
Durban Curry was born from the fusion of two rich cultures: the aromatic spice traditions of Gujarat and the bold, sunny flavours of KwaZulu-Natal. Our founder, Priya Naidoo, learned the craft from her mother in a small kitchen in Chatsworth, using hand-ground masalas and locally grown chillies.
|
|
</p>
|
|
<p className="text-base lg:text-lg leading-relaxed text-muted-foreground mb-8">
|
|
Today, we source our turmeric from the Umhlali Valley, our coriander from the Inanda community co-op, and our love from every guest who walks through our doors. We believe in <em>ubuntu</em> — I am because we are — and that translates into every dish we serve, from the signature bunny chow to the fragrant lamb curry.
|
|
</p>
|
|
<div className="grid grid-cols-2 gap-4">
|
|
<Card className="bg-white border border-neutral-100 shadow-[var(--shadow-card)] rounded-xl">
|
|
<CardHeader className="pb-2">
|
|
<CardTitle className="text-2xl font-bold text-[#ea580c]">12+</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm text-muted-foreground">Years of serving Durban</p>
|
|
</CardContent>
|
|
</Card>
|
|
<Card className="bg-white border border-neutral-100 shadow-[var(--shadow-card)] rounded-xl">
|
|
<CardHeader className="pb-2">
|
|
<CardTitle className="text-2xl font-bold text-[#ea580c]">50,000+</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm text-muted-foreground">Bunny chows served</p>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
<div className="relative h-96 lg:h-[500px] overflow-hidden rounded-2xl shadow-[var(--shadow-float)]">
|
|
<Image
|
|
src="https://images.pexels.com/photos/31521713/pexels-photo-31521713.jpeg?auto=compress&cs=tinysrgb&h=350"
|
|
alt="Chef preparing a traditional Indian curry with fresh spices"
|
|
fill
|
|
className="object-cover"
|
|
sizes="(max-width: 1024px) 100vw, 50vw"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
)
|
|
} |