gpt-engineer-app[bot]
53 lines
2.0 KiB
TypeScript
53 lines
2.0 KiB
TypeScript
import { Truck, Clock, MapPin } from "lucide-react";
|
||
|
||
const DeliverySection = () => {
|
||
return (
|
||
<section className="py-8 md:py-12 px-4 md:px-6 bg-card">
|
||
<div className="max-w-4xl mx-auto">
|
||
{/* Info cards */}
|
||
<div className="grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-6">
|
||
{/* Leveransområde */}
|
||
<div className="text-center p-4">
|
||
<div className="w-10 h-10 mx-auto mb-3 rounded-full bg-primary/10 flex items-center justify-center">
|
||
<MapPin className="w-5 h-5 text-primary" />
|
||
</div>
|
||
<h3 className="font-display text-base md:text-lg font-semibold mb-1">
|
||
Storstockholm
|
||
</h3>
|
||
<p className="text-muted-foreground text-sm">
|
||
Vi levererar till alla företag inom Storstockholmsområdet.
|
||
</p>
|
||
</div>
|
||
|
||
{/* Leveransdag */}
|
||
<div className="text-center p-4">
|
||
<div className="w-10 h-10 mx-auto mb-3 rounded-full bg-primary/10 flex items-center justify-center">
|
||
<Clock className="w-5 h-5 text-primary" />
|
||
</div>
|
||
<h3 className="font-display text-base md:text-lg font-semibold mb-1">
|
||
Veckoleverans
|
||
</h3>
|
||
<p className="text-muted-foreground text-sm">
|
||
Samma dag varje vecka – ni väljer vilken dag som passar er bäst.
|
||
</p>
|
||
</div>
|
||
|
||
{/* Leveranstid */}
|
||
<div className="text-center p-4">
|
||
<div className="w-10 h-10 mx-auto mb-3 rounded-full bg-primary/10 flex items-center justify-center">
|
||
<Truck className="w-5 h-5 text-primary" />
|
||
</div>
|
||
<h3 className="font-display text-base md:text-lg font-semibold mb-1">
|
||
Dagtid
|
||
</h3>
|
||
<p className="text-muted-foreground text-sm">
|
||
Leverans under kontorstid. Meddela oss om ni har särskilda önskemål.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
);
|
||
};
|
||
|
||
export default DeliverySection; |