Merge version_4_1780917908618 into main

Merge version_4_1780917908618 into main

src/pages/HomePage/sections/Home.tsx

@@ -27,18 +27,9 @@ const HomeInline = () => {
   return (
     <section
       aria-label="Hero section"
-      className="relative w-full h-svh overflow-hidden flex flex-col justify-end mb-20"
+      className="relative w-full h-svh overflow-hidden flex flex-col justify-end mb-20 pt-96"
     >
       <HeroBackgroundSlot />
-      <ImageOrVideo
-        imageSrc={"http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-golden-neon-lights_181624-15608.jpg"}
-        className="absolute inset-0 w-full h-full object-cover rounded-none"
-      />
-
-      <div
-        className="absolute z-10 w-full h-[50svh] md:h-[75svh] left-0 bottom-0 backdrop-blur-xl mask-[linear-gradient(to_bottom,transparent,black_60%)]"
-        aria-hidden="true"
-      />
 
       <div className="relative z-10 w-content-width mx-auto pb-5">
         <div className="flex flex-col">
@@ -51,7 +42,7 @@ const HomeInline = () => {
               variant="fade"
               gradientText={false}
               tag="p"
-              className="w-full md:w-1/2 text-lg md:text-2xl text-balance font-normal text-primary-cta-text leading-snug"
+              className="w-full md:w-1/2 text-lg md:text-2xl text-balance font-normal text-foreground leading-snug"
             />
 
             <div className="w-full md:w-1/2 flex justify-start md:justify-end">
@@ -62,11 +53,11 @@ const HomeInline = () => {
             </div>
           </div>
 
-          <AutoFillText className="font-semibold text-primary-cta-text">{"The Grand Oasis Hotel"}</AutoFillText>
+          <AutoFillText className="font-semibold text-foreground">{"The Grand Oasis Hotel"}</AutoFillText>
 
           <div className="w-full mt-8">
             <ImageOrVideo 
-              imageSrc="https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&q=80" 
+              imageSrc="https://picsum.photos/seed/666165558/1200/800" 
               className="w-full h-64 md:h-96 object-cover rounded-2xl shadow-xl" 
             />
           </div>