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;