ok rm gitignore

public/images/components/Hero.jsx

@@ -0,0 +1,22 @@
+
+import { Button } from '@/components/Button'
+import { Container } from '@/components/Container'
+
+
+export function Hero() {
+  return (
+    <section className="relative w-full lg:h-screen bg-transparent h-[550px] lg:mt-0 mt-0">
+      {/* Background Image */}
+      <div className="absolute inset-0 w-full h-full overflow-hidden z-0 bg-bg-sand opacity-30">
+        <img
+          src="/images/hero.jpg"
+          alt="Nile River"
+          className="w-full h-full object-cover object-center"
+          width={1920}
+          height={1080}
+          priority
+        />
+      </div>
+    </section>
+  )
+}