diff --git a/public/images/dahabiyas/veda1/veda1_10.jpg b/public/images/dahabiyas/veda1/veda1_10.jpg
index 13526f4..eb8cf6e 100644
Binary files a/public/images/dahabiyas/veda1/veda1_10.jpg and b/public/images/dahabiyas/veda1/veda1_10.jpg differ
diff --git a/public/images/dahabiyas/veda1/veda1_11.jpg b/public/images/dahabiyas/veda1/veda1_11.jpg
index 36a32ac..d6d2ac4 100644
Binary files a/public/images/dahabiyas/veda1/veda1_11.jpg and b/public/images/dahabiyas/veda1/veda1_11.jpg differ
diff --git a/public/images/dahabiyas/veda1/veda1_12.jpg b/public/images/dahabiyas/veda1/veda1_12.jpg
index 69496cc..897e76f 100644
Binary files a/public/images/dahabiyas/veda1/veda1_12.jpg and b/public/images/dahabiyas/veda1/veda1_12.jpg differ
diff --git a/public/images/dahabiyas/veda1/veda1_13.jpg b/public/images/dahabiyas/veda1/veda1_13.jpg
index 8b300a9..f50b795 100644
Binary files a/public/images/dahabiyas/veda1/veda1_13.jpg and b/public/images/dahabiyas/veda1/veda1_13.jpg differ
diff --git a/public/images/dahabiyas/veda1/veda1_14.jpg b/public/images/dahabiyas/veda1/veda1_14.jpg
index f63fd8e..6525c11 100644
Binary files a/public/images/dahabiyas/veda1/veda1_14.jpg and b/public/images/dahabiyas/veda1/veda1_14.jpg differ
diff --git a/public/images/dahabiyas/veda1/veda1_3.jpg b/public/images/dahabiyas/veda1/veda1_3.jpg
index c82baf5..8c56d9d 100644
Binary files a/public/images/dahabiyas/veda1/veda1_3.jpg and b/public/images/dahabiyas/veda1/veda1_3.jpg differ
diff --git a/public/images/dahabiyas/veda1/veda1_5.jpg b/public/images/dahabiyas/veda1/veda1_5.jpg
index 5c10131..c3d3bc3 100644
Binary files a/public/images/dahabiyas/veda1/veda1_5.jpg and b/public/images/dahabiyas/veda1/veda1_5.jpg differ
diff --git a/public/images/dahabiyas/veda1/veda1_6.jpg b/public/images/dahabiyas/veda1/veda1_6.jpg
index 4b83427..769cec0 100644
Binary files a/public/images/dahabiyas/veda1/veda1_6.jpg and b/public/images/dahabiyas/veda1/veda1_6.jpg differ
diff --git a/public/images/dahabiyas/veda1/veda1_7.jpg b/public/images/dahabiyas/veda1/veda1_7.jpg
index d787e5c..5b9e7fc 100644
Binary files a/public/images/dahabiyas/veda1/veda1_7.jpg and b/public/images/dahabiyas/veda1/veda1_7.jpg differ
diff --git a/public/images/dahabiyas/veda1/veda1_8.jpg b/public/images/dahabiyas/veda1/veda1_8.jpg
index 4fe7d53..d18ac9f 100644
Binary files a/public/images/dahabiyas/veda1/veda1_8.jpg and b/public/images/dahabiyas/veda1/veda1_8.jpg differ
diff --git a/public/images/dahabiyas/veda1/veda1_9.jpg b/public/images/dahabiyas/veda1/veda1_9.jpg
index e39a049..37185a9 100644
Binary files a/public/images/dahabiyas/veda1/veda1_9.jpg and b/public/images/dahabiyas/veda1/veda1_9.jpg differ
diff --git a/src/app/story/page.jsx b/src/app/story/page.jsx
index 12b373a..551d101 100644
--- a/src/app/story/page.jsx
+++ b/src/app/story/page.jsx
@@ -1,22 +1,15 @@
-import { CallToAction3 } from '@/components/CallToAction3'
 import { Footer } from '@/components/Footer'
 import { Header } from '@/components/Header'
-import Story from '@/components/Story'
-import Story2 from '@/components/Story2'
-import Team from '@/components/Team'
 import { Hero3 } from '@/components/Hero3'
 import { Hero4 } from '@/components/Hero4'
 import { Hero5 } from '@/components/Hero5'
 import StorySticky from '@/components/StorySticky'
 
-
-
-
 export default function OurStory() {
   return (
     <>
       <Header />
-      <main>
+      <main className="bg-[#FEFFF6]">
         <StorySticky>
           <Hero3 />
           <Hero4 />
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 88f2d60..3dcc907 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -12,7 +12,7 @@ import clsx from 'clsx'
 
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
-import { Logo2 } from '@/components/Logo2'
+import { Logo } from '@/components/Logo'
 import { NavLink } from '@/components/NavLink'
 
 function MobileNavLink({ href, children }) {
@@ -99,7 +99,7 @@ export function Header() {
             {/* Logo - Left */}
             <div className="flex-shrink-0">
               <Link href="/" aria-label="Home" className="overflow-visible flex-shrink-0">
-                <Logo2 className="h-7 w-auto max-w-none sm:h-8 md:h-9 lg:h-10" />
+                <Logo className="h-7 w-auto max-w-none sm:h-8 md:h-9 lg:h-10" />
               </Link>
             </div>
 
diff --git a/src/components/Hero3.jsx b/src/components/Hero3.jsx
index b85ec93..bcfaa67 100644
--- a/src/components/Hero3.jsx
+++ b/src/components/Hero3.jsx
@@ -1,7 +1,6 @@
 'use client'
 
-import { Button } from '@/components/Button'
-import { H1, H2, H3, H4, P, PS, PXS, PXXS } from '@/components/text'
+import { H2, P, PS } from '@/components/text'
 import { ChevronDownIcon } from '@heroicons/react/24/outline'
 
 export function Hero3() {
@@ -26,21 +25,29 @@ export function Hero3() {
         alt="Hero Story Background"
         className="w-full h-auto object-cover block relative z-0 lg:hidden"
       />
-      
+
       {/* Black Overlay (mobile only) */}
-      <div className="absolute inset-0  lg:hidden"></div>
-      
+      <div className="absolute inset-0 bg-black opacity-50 lg:hidden"></div>
+
       {/* Content */}
       <div className="absolute inset-0 lg:static lg:inset-auto lg:top-0 flex items-start justify-start text-start px-4 lg:px-0 z-20">
-        <div className="max-w-xs sm:max-w-md  lg:max-w-lg w-full lg:pt-12">
-          <H2 className=" ">Our Story</H2>
-          <P className="mt-4  ">THE TALE OF SACRED ENERGIES OF THE NILE</P>
-          <PS className="mt-6  ">
+        <div className="max-w-xs sm:max-w-md md:max-w-2xl lg:max-w-2xl w-full lg:pt-10">
+          <H2 className="text-white lg:text-black">Our Story</H2>
+          <P className="mt-4 text-white lg:text-neutral-800">THE TALE OF SACRED ENERGIES OF THE NILE</P>
+          <PS className="mt-6 text-white lg:text-neutral-700">
             Our founders, Isabelle Peeters and Kristof De Spiegeleer fell in love with the Nile and envisioned creating authentic, zen, art dahabeya to feel and experience in a unique way the mystical and the deep wisdom of the Nile.
           </PS>
-          <PS className="mt-4  ">
+          <PS className="mt-4 text-white lg:text-neutral-700">
             Their dream was to offer a sanctuary for the body, mind, and soul, a safe space to open yourself to new experiences, and allow the sacredness of the Nile to flow through you, to step back in the past, to align with the now helping you to reconnect with your true essence. A sanctuary for the body, mind, and soul, a safe space.
           </PS>
+
+          {/* Chevron Down Button */}
+          <div className="mt-8 flex justify-start">
+            <ChevronDownIcon
+              onClick={scrollDown}
+              className="h-12 w-12 text-white lg:text-black animate-pulse cursor-pointer hover:opacity-75 transition duration-200"
+            />
+          </div>
         </div>
       </div>
     </div>
diff --git a/src/components/Hero4.jsx b/src/components/Hero4.jsx
index 3de8836..8e04516 100644
--- a/src/components/Hero4.jsx
+++ b/src/components/Hero4.jsx
@@ -1,7 +1,6 @@
 'use client'
 
-import { Button } from '@/components/Button'
-import { H1, H2, H3, H4, P, PS, PXS, PXXS } from '@/components/text'
+import { PS } from '@/components/text'
 import { ChevronDownIcon } from '@heroicons/react/24/outline'
 
 export function Hero4() {
@@ -26,16 +25,23 @@ export function Hero4() {
         className="w-full h-auto object-cover block relative z-0 lg:hidden"
       />
 
-      <div className="absolute inset-0  lg:hidden"></div>
+      <div className="absolute inset-0 bg-black opacity-50 lg:hidden"></div>
 
       <div className="absolute inset-0 lg:static lg:inset-auto lg:top-0 flex items-start justify-start text-start px-4 lg:px-0 z-20">
-        <div className="max-w-xs sm:max-w-md lg:max-w-lg w-full lg:pt-4">
-          <PS className=" ">
+        <div className="max-w-xs sm:max-w-md md:max-w-2xl lg:max-w-2xl w-full lg:pt-10">
+          <PS className="text-white lg:text-neutral-700">
             We are unique in the market as the cruises are designed to provide for a private, personalised and wellness experience on the River Nile. Families, communities or dedicated groups up to sixty people can sail the Nile together discovering her hidden treasures. The Nile is a powerful natural energy source, and the boats are designed to help you align with its frequencies to feel the magic carried by sacred waters of the Nile.
           </PS>
-          <PS className="mt-4">
+          <PS className="mt-6 text-white lg:text-neutral-700">
             Frequencies are the new currency. Our mission is to help you recognize and align with different frequencies, creating a deeply fulfilling life in tune with your soul's gifts. Self-knowledge and self-mastery are the keys to fully opening your heart. By understanding and resonating with these frequencies, you can achieve a life of harmony and fulfillment.
           </PS>
+
+          <div className="mt-8 flex justify-start">
+            <ChevronDownIcon
+              onClick={scrollDown}
+              className="h-12 w-12 text-white lg:text-black animate-pulse cursor-pointer hover:opacity-75 transition duration-200"
+            />
+          </div>
         </div>
       </div>
     </div>
diff --git a/src/components/Hero5.jsx b/src/components/Hero5.jsx
index fa8ce9c..30cedd2 100644
--- a/src/components/Hero5.jsx
+++ b/src/components/Hero5.jsx
@@ -1,9 +1,6 @@
 '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'
+import { H4, PS } from '@/components/text'
 
 export function Hero5() {
   return (
@@ -19,18 +16,18 @@ export function Hero5() {
         className="w-full h-auto object-cover block relative z-0 lg:hidden"
       />
 
-      <div className="absolute inset-0  lg:hidden"></div>
+      <div className="absolute inset-0 bg-black opacity-50 lg:hidden"></div>
 
       <div className="absolute inset-0 lg:static lg:inset-auto lg:top-0 flex items-start justify-start text-start px-4 lg:px-0 z-20">
-        <div className="max-w-xs sm:max-w-md md:max-w-2xl lg:max-w-lg w-full lg:pt-4">
-          <PS className=" ">
+        <div className="max-w-xs sm:max-w-md md:max-w-2xl lg:max-w-2xl w-full lg:pt-10">
+          <PS className="text-white lg:text-neutral-700">
             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-4 ">
+          <PS className="mt-6 text-white lg:text-neutral-700">
             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  ">Kristof & Isabelle</H4>
+          <H4 className="text-base font-semibold leading-7 text-white lg:text-black">Kristof & Isabelle</H4>
         </div>
       </div>
     </div>
diff --git a/src/components/StorySticky.jsx b/src/components/StorySticky.jsx
index 47d2274..ba9200f 100644
--- a/src/components/StorySticky.jsx
+++ b/src/components/StorySticky.jsx
@@ -50,15 +50,15 @@ export default function StorySticky({ children }) {
   }, [children]);
 
   return (
-    <section className="lg:pt-12">
+    <section className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-0 lg:py-12">
       {/* Mobile: render as-is */}
-      <div className="lg:hidden px-4">{children}</div>
+      <div className="lg:hidden">{children}</div>
 
-      {/* Desktop: Full-width layout with sticky media */}
-      <div className="hidden lg:flex" ref={containerRef}>
-        {/* Sticky left media - extends to left edge */}
-        <div className="w-1/2 relative">
-          <div className="sticky top-0 h-screen overflow-hidden">
+      {/* Desktop: 2-col layout with sticky media */}
+      <div className="hidden lg:grid lg:grid-cols-12 lg:gap-8" ref={containerRef}>
+        {/* Sticky left media */}
+        <div className="relative lg:col-span-6">
+          <div className="sticky top-28 h-[75vh] rounded-2xl overflow-hidden shadow-lg">
             <div className="absolute inset-0">
               {sections.map((s, i) => (
                 <div
@@ -80,7 +80,7 @@ export default function StorySticky({ children }) {
                       className="object-cover"
                     />
                   ) : (
-                    <div className="w-full h-full bg-bg-sand" />
+                    <div className="w-full h-full bg-neutral-200" />
                   )}
                   <div className="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 via-transparent to-transparent" />
                 </div>
@@ -89,11 +89,9 @@ export default function StorySticky({ children }) {
           </div>
         </div>
 
-        {/* Right column = the original heroes with proper container and height restriction */}
-        <div className="w-1/2 flex flex-col">
-          <div className="px-8 py-12 h-[50vh] overflow-y-auto space-y-8">
-            {children}
-          </div>
+        {/* Right column = the original heroes (but with their own media hidden via lg:hidden) */}
+        <div className="lg:col-span-6 flex flex-col gap-24">
+          {children}
         </div>
       </div>
     </section>