ok

src/components/Hero5.jsx

@@ -0,0 +1,36 @@
+'use client'
+
+import { Button } from '@/components/Button'
+import { H1, H2, H3, H4, P, PS, PXS, PXXS } from '@/components/text'
+import { ChevronDownIcon } from '@heroicons/react/24/outline'
+import { ChevronUpIcon } from '@heroicons/react/24/outline'
+
+export function Hero5() {
+  return (
+    <div className="relative w-full overflow-hidden  mt-0">
+      {/* Background Image - Extended to cover header */}
+      <img
+        src="/images/hero_story3.jpg"
+        alt="Hero Story Background"
+        className="w-full h-auto object-cover block relative z-0"
+      />
+      
+      {/* Black Overlay */}
+      <div className="absolute inset-0 bg-black opacity-50"></div>
+      
+      {/* Content */}
+      <div className="absolute inset-0 lg:top-32 flex items-start justify-start text-start px-4 lg:px-8 z-20">
+        <div className="max-w-xs sm:max-w-md md:max-w-2xl lg:max-w-2xl w-full">
+          <PS className=" text-white">
+            Are you ready to step out of your comfort zone and embrace these changes? Can you let the new energies flow through you and break free from outdated programs to welcome new wisdom?
+          </PS>
+          <PS className="mt-6 text-white">
+            Together, let us open new gates of consciousness and expand the flow of unconditional love. The magical energy of the Nile is ready to flow through us, uniting us in a heartbeat. Home is calling you, inviting you to a journey of inner discovery and profound connection.
+          </PS>
+           <H4 className="text-base mt-8 font-semibold leading-7 italic text-gold-600">With Love,</H4>
+              <H4 className="text-base font-semibold leading-7 text-white">Kristof & Isabelle</H4>
+          </div>
+        </div>
+      </div>
+  )
+}