components/About.jsx

export default function About() {
  return (
    <section className="py-16 bg-marine-light">
      <div className="container mx-auto px-4">
        <div className="flex flex-col md:flex-row items-center gap-12">
          <div className="md:w-1/2">
            <img
              src="https://images.unsplash.com/photo-1559827260-dc66d52bef19?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80"
              alt="Submarine in water"
              className="rounded-lg shadow-lg w-full"
            />
          </div>
          <div className="md:w-1/2">
            <h2 className="text-3xl font-bold text-marine-blue mb-6">About SABMARINE</h2>
            <p className="text-marine-blue mb-4">
              Founded in 2005, SABMARINE has been at the forefront of marine technology and submarine innovation.
            </p>
            <p className="text-marine-blue mb-4">
              Our team of experienced engineers and marine experts work together to provide cutting-edge solutions for underwater exploration and operations.
            </p>
            <p className="text-marine-blue">
              With a focus on safety, reliability, and innovation, we serve clients worldwide in various marine industries.
            </p>
          </div>
        </div>
      </div>
    </section>
  );
}