Deploy
This commit is contained in:
@@ -0,0 +1,44 @@
|
|||||||
|
import Image from "next/image"
|
||||||
|
|
||||||
|
export default function AboutSection() {
|
||||||
|
return (
|
||||||
|
<section data-vula-section="about" id="about" className="py-20 lg:py-28 bg-white">
|
||||||
|
<div className="container mx-auto px-4 max-w-7xl">
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
|
||||||
|
<div className="relative aspect-[4/3] overflow-hidden rounded-xl">
|
||||||
|
<Image
|
||||||
|
src="https://images.pexels.com/photos/17060529/pexels-photo-17060529.jpeg?auto=compress&cs=tinysrgb&h=350"
|
||||||
|
alt="Freshly roasted coffee beans being sorted at Kapa Roast, Cape Town"
|
||||||
|
fill
|
||||||
|
sizes="(max-width: 768px) 100vw, 50vw"
|
||||||
|
className="object-cover"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2 className="text-3xl lg:text-4xl font-semibold tracking-tight mb-6">
|
||||||
|
Rooted in Cape Town, Sourced Across Africa
|
||||||
|
</h2>
|
||||||
|
<div className="space-y-4 text-neutral-600 leading-relaxed">
|
||||||
|
<p>
|
||||||
|
Kapa Roast was founded in 2019 by two sisters who grew up watching their grandmother
|
||||||
|
prepare Ethiopian coffee ceremonies in their home in Khayelitsha. That ritual — the
|
||||||
|
careful roasting over coals, the scent of frankincense, the slow pour — became the
|
||||||
|
blueprint for everything we do.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Today we source green beans from twelve cooperatives across Kenya, Ethiopia, Rwanda,
|
||||||
|
and Tanzania. Every lot is traceable to the washing station, and every pound of coffee
|
||||||
|
we roast supports farmer-led initiatives in origin communities.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Our roastery in Woodstock, Cape Town, runs on solar energy and a 15 kg Diedrich
|
||||||
|
machine. We roast six days a week, cupping every batch to guarantee clarity,
|
||||||
|
sweetness, and a finish that speaks to the land it came from.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
)
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user