Upload components/About.jsx with huggingface_hub

components/About.jsx

@@ -0,0 +1,29 @@
+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>
+  );
+}