49 lines
2.2 KiB
React
49 lines
2.2 KiB
React
|
import React from 'react';
|
||
|
|
import { ShoppingCart, Building2 } from 'lucide-react'; // Assuming you're using lucide-react for icons
|
||
|
|
|
||
|
|
const Sides = () => {
|
||
|
|
return (
|
||
|
|
<section className="w-full py-12 md:py-24 lg:py-32 bg-background text-sm bg-primary-800/40 ">
|
||
|
|
<div className="container px-4 md:px-6 mx-auto">
|
||
|
|
<h2 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl text-center mb-12">
|
||
|
|
Discover Our Expertise
|
||
|
|
</h2>
|
||
|
|
<div className="grid gap-6 lg:grid-cols-2">
|
||
|
|
{/* First Card */}
|
||
|
|
<div className="flex flex-col items-center text-center bg-white shadow-lg rounded-lg p-6">
|
||
|
|
<div className="flex flex-col items-center">
|
||
|
|
<ShoppingCart className="w-12 h-12 mb-4 text-primary" />
|
||
|
|
<h3 className="text-2xl font-bold">FMCG</h3>
|
||
|
|
<p className="text-muted-foreground">Fast-Moving Consumer Goods</p>
|
||
|
|
</div>
|
||
|
|
<div className="mt-4">
|
||
|
|
<p className="text-muted-foreground text-base">
|
||
|
|
Our FMCG division specializes in the distribution and marketing of everyday consumer products. We ensure
|
||
|
|
rapid turnover, efficient supply chains, and innovative marketing strategies to meet the ever-changing
|
||
|
|
demands of consumers.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{/* Second Card */}
|
||
|
|
<div className="flex flex-col items-center text-center bg-white shadow-lg rounded-lg p-6">
|
||
|
|
<div className="flex flex-col items-center">
|
||
|
|
<Building2 className="w-12 h-12 mb-4 text-primary" />
|
||
|
|
<h3 className="text-2xl font-bold">Construction</h3>
|
||
|
|
<p className="text-muted-foreground">Building the Future</p>
|
||
|
|
</div>
|
||
|
|
<div className="mt-4">
|
||
|
|
<p className="text-muted-foreground text-base">
|
||
|
|
Our Construction arm is dedicated to creating lasting infrastructure and innovative building solutions.
|
||
|
|
From residential projects to commercial complexes, we bring expertise, quality, and sustainability to
|
||
|
|
every construction endeavor.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default Sides;
|