import { Truck, CheckCircle, ShieldCheck } from 'lucide-react';

const InfoBanner = () => {
    return (
        <section className="bg-[var(--content-bg)] py-12 border-y border-[var(--border-color)]">
            <div className="container mx-auto px-4">
                <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
                    <div className="flex flex-col items-center text-center p-4">
                        <div className="w-16 h-16 bg-blue-100 dark:bg-blue-900/30 rounded-full flex items-center justify-center mb-4 text-blue-600 dark:text-blue-400">
                            <Truck size={32} />
                        </div>
                        <h3 className="text-xl font-bold mb-2 text-[var(--text-color)]">Fri frakt nära Stockholm</h3>
                        <p className="text-[var(--text-secondary)]">Vi levererar kostnadsfritt inom Stockholmsområdet när du handlar för över 5000 kr.</p>
                    </div>

                    <div className="flex flex-col items-center text-center p-4">
                        <div className="w-16 h-16 bg-green-100 dark:bg-green-900/30 rounded-full flex items-center justify-center mb-4 text-green-600 dark:text-green-400">
                            <CheckCircle size={32} />
                        </div>
                        <h3 className="text-xl font-bold mb-2 text-[var(--text-color)]">Garanterat Låga Priser</h3>
                        <p className="text-[var(--text-secondary)]">Vi köper partier från konkursbon och företag vilket ger dig upp till 70% lägre priser än nypris.</p>
                    </div>

                    <div className="flex flex-col items-center text-center p-4">
                        <div className="w-16 h-16 bg-purple-100 dark:bg-purple-900/30 rounded-full flex items-center justify-center mb-4 text-purple-600 dark:text-purple-400">
                            <ShieldCheck size={32} />
                        </div>
                        <h3 className="text-xl font-bold mb-2 text-[var(--text-color)]">Kvalitetskontrollerat</h3>
                        <p className="text-[var(--text-secondary)]">Alla möbler gås igenom, rengörs och kontrolleras noggrant innan försäljning.</p>
                    </div>
                </div>
            </div>
        </section>
    );
};

export default InfoBanner;
