diff --git a/public/images/slideshow/1.jpg b/public/images/slideshow/1.jpg
new file mode 100644
index 0000000..dd193cf
Binary files /dev/null and b/public/images/slideshow/1.jpg differ
diff --git a/public/images/slideshow/10.jpg b/public/images/slideshow/10.jpg
new file mode 100644
index 0000000..66f96d4
Binary files /dev/null and b/public/images/slideshow/10.jpg differ
diff --git a/public/images/slideshow/11.jpg b/public/images/slideshow/11.jpg
new file mode 100644
index 0000000..f4f1b0a
Binary files /dev/null and b/public/images/slideshow/11.jpg differ
diff --git a/public/images/slideshow/12.jpg b/public/images/slideshow/12.jpg
new file mode 100644
index 0000000..a8a0c53
Binary files /dev/null and b/public/images/slideshow/12.jpg differ
diff --git a/public/images/slideshow/13.jpg b/public/images/slideshow/13.jpg
new file mode 100644
index 0000000..6e5e917
Binary files /dev/null and b/public/images/slideshow/13.jpg differ
diff --git a/public/images/slideshow/14.jpg b/public/images/slideshow/14.jpg
new file mode 100644
index 0000000..86d4b4c
Binary files /dev/null and b/public/images/slideshow/14.jpg differ
diff --git a/public/images/slideshow/15.jpg b/public/images/slideshow/15.jpg
new file mode 100644
index 0000000..cf079df
Binary files /dev/null and b/public/images/slideshow/15.jpg differ
diff --git a/public/images/slideshow/16.jpg b/public/images/slideshow/16.jpg
new file mode 100644
index 0000000..3f874e1
Binary files /dev/null and b/public/images/slideshow/16.jpg differ
diff --git a/public/images/slideshow/17.jpg b/public/images/slideshow/17.jpg
new file mode 100644
index 0000000..efd2da7
Binary files /dev/null and b/public/images/slideshow/17.jpg differ
diff --git a/public/images/slideshow/18.jpg b/public/images/slideshow/18.jpg
new file mode 100644
index 0000000..764b36c
Binary files /dev/null and b/public/images/slideshow/18.jpg differ
diff --git a/public/images/slideshow/19.jpg b/public/images/slideshow/19.jpg
new file mode 100644
index 0000000..19b32ef
Binary files /dev/null and b/public/images/slideshow/19.jpg differ
diff --git a/public/images/slideshow/2.jpg b/public/images/slideshow/2.jpg
new file mode 100644
index 0000000..79e1f66
Binary files /dev/null and b/public/images/slideshow/2.jpg differ
diff --git a/public/images/slideshow/20.jpg b/public/images/slideshow/20.jpg
new file mode 100644
index 0000000..1e49c34
Binary files /dev/null and b/public/images/slideshow/20.jpg differ
diff --git a/public/images/slideshow/21.jpg b/public/images/slideshow/21.jpg
new file mode 100644
index 0000000..75d730c
Binary files /dev/null and b/public/images/slideshow/21.jpg differ
diff --git a/public/images/slideshow/22.jpg b/public/images/slideshow/22.jpg
new file mode 100644
index 0000000..ef7527b
Binary files /dev/null and b/public/images/slideshow/22.jpg differ
diff --git a/public/images/slideshow/23.jpg b/public/images/slideshow/23.jpg
new file mode 100644
index 0000000..747d2f2
Binary files /dev/null and b/public/images/slideshow/23.jpg differ
diff --git a/public/images/slideshow/24.jpg b/public/images/slideshow/24.jpg
new file mode 100644
index 0000000..aa61b73
Binary files /dev/null and b/public/images/slideshow/24.jpg differ
diff --git a/public/images/slideshow/25.jpg b/public/images/slideshow/25.jpg
new file mode 100644
index 0000000..684ce79
Binary files /dev/null and b/public/images/slideshow/25.jpg differ
diff --git a/public/images/slideshow/26.jpg b/public/images/slideshow/26.jpg
new file mode 100644
index 0000000..ec9e001
Binary files /dev/null and b/public/images/slideshow/26.jpg differ
diff --git a/public/images/slideshow/27.jpg b/public/images/slideshow/27.jpg
new file mode 100644
index 0000000..f662dc4
Binary files /dev/null and b/public/images/slideshow/27.jpg differ
diff --git a/public/images/slideshow/28.jpg b/public/images/slideshow/28.jpg
new file mode 100644
index 0000000..26a5578
Binary files /dev/null and b/public/images/slideshow/28.jpg differ
diff --git a/public/images/slideshow/3.jpg b/public/images/slideshow/3.jpg
new file mode 100644
index 0000000..45c199a
Binary files /dev/null and b/public/images/slideshow/3.jpg differ
diff --git a/public/images/slideshow/4.jpg b/public/images/slideshow/4.jpg
new file mode 100644
index 0000000..13c5fdb
Binary files /dev/null and b/public/images/slideshow/4.jpg differ
diff --git a/public/images/slideshow/5.jpg b/public/images/slideshow/5.jpg
new file mode 100644
index 0000000..b1dd5db
Binary files /dev/null and b/public/images/slideshow/5.jpg differ
diff --git a/public/images/slideshow/6.jpg b/public/images/slideshow/6.jpg
new file mode 100644
index 0000000..c13dd20
Binary files /dev/null and b/public/images/slideshow/6.jpg differ
diff --git a/public/images/slideshow/7.jpg b/public/images/slideshow/7.jpg
new file mode 100644
index 0000000..ba19e4d
Binary files /dev/null and b/public/images/slideshow/7.jpg differ
diff --git a/public/images/slideshow/8.jpg b/public/images/slideshow/8.jpg
new file mode 100644
index 0000000..dfcf118
Binary files /dev/null and b/public/images/slideshow/8.jpg differ
diff --git a/public/images/slideshow/9.jpg b/public/images/slideshow/9.jpg
new file mode 100644
index 0000000..3ab70c4
Binary files /dev/null and b/public/images/slideshow/9.jpg differ
diff --git a/src/app/layout.jsx b/src/app/layout.jsx
index e472169..462d503 100644
--- a/src/app/layout.jsx
+++ b/src/app/layout.jsx
@@ -40,7 +40,7 @@ export default function RootLayout({ children }) {
         lexend.variable,
         vollkorn.variable,
       )}
-      style={{backgroundImage: 'url(/images/waterbg2.jpg)', backgroundSize: 'cover', backgroundPosition: 'center', backgroundAttachment: 'fixed'}}
+      style={{backgroundImage: 'url(/images/waterbg.jpg)', backgroundSize: 'cover', backgroundPosition: 'center', backgroundAttachment: 'fixed'}}
     >
       <body className="flex h-full flex-col pt-20" style={{backgroundColor: 'transparent'}}>{children}</body>
     </html>
diff --git a/src/components/Boat.jsx b/src/components/Boat.jsx
index f03fe48..2c5e979 100644
--- a/src/components/Boat.jsx
+++ b/src/components/Boat.jsx
@@ -162,7 +162,7 @@ export function Boat() {
   }
 
   return (
-    <div className="pt-12 pb-12 bg-transparent">
+    <div className="pt-16 pb-12 bg-transparent">
       <Container>
         <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-start">
           {/* Text Content - Left Side */}
diff --git a/src/components/Container.jsx b/src/components/Container.jsx
index 3011dab..db61387 100644
--- a/src/components/Container.jsx
+++ b/src/components/Container.jsx
@@ -3,7 +3,7 @@ import clsx from 'clsx'
 export function Container({ className, ...props }) {
   return (
     <div
-      className={clsx('mx-auto bg-transparent max-w-7xl px-4 sm:px-6 lg:px-8', className)}
+      className={clsx('mx-auto bg-transparent max-w-7xl px-4 sm:px-6 lg:px-4', className)}
       {...props}
     />
   )
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index f350bfd..eaeb06f 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -81,32 +81,42 @@ function MobileNavigation() {
 export function Header() {
   return (
     <header className="fixed top-0 left-0 right-0 z-50 bg-transparent backdrop-blur-sm">
-      <Container>
-        <nav className="relative z-50 flex items-center justify-between py-3 lg:py-4">
-          <div className="flex items-center md:gap-x-8 lg:gap-x-12">
-            <Link href="/" aria-label="Home" className="overflow-visible flex-shrink-0">
-              <Logo className="h-7 w-auto max-w-none sm:h-8 md:h-9 lg:h-10" />
-            </Link>
-            <div className="hidden md:flex md:gap-x-4 lg:gap-x-6">
-              <NavLink href="/">HOME</NavLink>
-              <NavLink href="/story">STORY</NavLink>
-              <NavLink href="/experiences">EXPERIENCES</NavLink>
-              <NavLink href="/dahabiyas">DAHABIYAS</NavLink>
-              <NavLink href="/itinerary">ITINERARY</NavLink>
+      <nav className="relative z-50 flex items-center py-3 lg:py-4">
+        {/* Logo and Navigation Container - Left and Center */}
+        <div className="flex-1 max-w-7xl ml-3 mx-0 lg:px-4 px-6">
+          <div className="flex items-center">
+            {/* Logo - Left */}
+            <div className="flex-shrink-0">
+              <Link href="/" aria-label="Home" className="overflow-visible flex-shrink-0">
+                <Logo className="h-7 w-auto max-w-none sm:h-8 md:h-9 lg:h-10" />
+              </Link>
+            </div>
+
+            {/* Navigation - Center */}
+            <div className="flex-1 flex justify-center">
+              <div className="hidden md:flex md:gap-x-4 lg:gap-x-6">
+                <NavLink href="/">HOME</NavLink>
+                <NavLink href="/story">STORY</NavLink>
+                <NavLink href="/experiences">EXPERIENCES</NavLink>
+                <NavLink href="/dahabiyas">DAHABIYAS</NavLink>
+                <NavLink href="/itinerary">ITINERARY</NavLink>
+              </div>
             </div>
           </div>
-          <div className="flex items-center gap-x-3 md:gap-x-4">
-            <Button href="/contact" variant="solidNoRounded" color="bookNow" className="text-xs sm:text-sm">
-              <span className="tracking-wide font-medium">
-                Book Now
-              </span>
-            </Button>
-            <div className="md:hidden">
-              <MobileNavigation />
-            </div>
+        </div>
+
+        {/* Book Now Button - Very Right Edge */}
+        <div className="flex items-center gap-x-3 md:gap-x-4 flex-shrink-0">
+          <Button href="/contact" variant="solidNoRounded" color="bookNow" className="text-xs sm:text-sm">
+            <span className="tracking-wide font-medium">
+              Book Now
+            </span>
+          </Button>
+          <div className="md:hidden">
+            <MobileNavigation />
           </div>
-        </nav>
-      </Container>
+        </div>
+      </nav>
     </header>
   )
 }
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index 7a473be..bce5de0 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -7,19 +7,20 @@ import Image from 'next/image'
 
 export function Hero() {
   return (
-    <div className=" max-w-8xl px-6 lg:px-8 -z-10 mt-0 mx-0 bg-transparent pb-12">
+    <div className=" max-w-8xl lg:px-4 px-6 -z-10 mt-0 mx-0 bg-transparent pb-12">
       {/* Background Image with opacity to show sand background i changed the src for now bc its not uploaded to server*/}
       <div className="relative overflow-hidden">
-        <div className="mx-auto max-w-7xl">
+        <div className="">
           <img
             alt="App screenshot"
-            src="/images/hero.jpg"
-            width={1360}
+            src="/images/slideshow/1.jpg"
+            width={1412}
             height={600}
+            className="w-full"
           />
         </div>
       </div> 
-      <div className="max-w-7xl ml-3 px-6 lg:px-8 mx-0">
+      <div className="max-w-7xl mx-0">
           <H2 className="">
             Nile Cruises, Reimagined.
           </H2>
diff --git a/src/components/Logo.jsx b/src/components/Logo.jsx
index ba2d5ab..e180600 100644
--- a/src/components/Logo.jsx
+++ b/src/components/Logo.jsx
@@ -28,8 +28,7 @@ const SvgIcon = (props) => (
       <path d="M14.963 30c4.132 0 7.482-3.358 7.482-7.5s-3.35-7.5-7.482-7.5-7.482 3.358-7.482 7.5 3.35 7.5 7.482 7.5"></path>
       <path d="M9.673 17.197c4.132 0 7.481-3.358 7.481-7.5s-3.35-7.5-7.481-7.5-7.482 3.358-7.482 7.5 3.35 7.5 7.482 7.5"></path>
       <path d="M20.253 17.197c4.132 0 7.482-3.358 7.482-7.5s-3.35-7.5-7.482-7.5-7.482 3.358-7.482 7.5 3.35 7.5 7.482 7.5"></path>
-    </g>
-    <path
+    </g>    <path
       fill="#48774B"
       d="m47.525 24-7.65-17.5H43.4l6.825 15.825H48.2L55.1 6.5h3.25L50.725 24zm18.196-10.225h8.7v2.675h-8.7zm.25 7.5h9.875V24H62.721V6.5h12.775v2.725h-9.525zM81.97 24V6.5h7.65q2.85 0 5 1.1t3.35 3.05 1.2 4.6q0 2.625-1.2 4.6-1.2 1.95-3.35 3.05t-5 1.1zm3.25-2.75h4.25q1.975 0 3.4-.75 1.45-.75 2.225-2.1.8-1.35.8-3.15 0-1.826-.8-3.15-.774-1.35-2.225-2.1-1.425-.75-3.4-.75h-4.25zM102.404 24l7.875-17.5h3.2l7.9 17.5h-3.4l-6.775-15.775h1.3L105.754 24zm3.625-4.05.875-2.55h9.45l.875 2.55z"
     ></path>
diff --git a/src/components/Logos.jsx b/src/components/Logos.jsx
index 465af7b..63e11ea 100644
--- a/src/components/Logos.jsx
+++ b/src/components/Logos.jsx
@@ -34,7 +34,7 @@ export function Logos() {
               >
                 {group.map((company) => (
                   <li key={company.name} className="flex">
-                    <img src={company.logo} alt={company.name} width={120} height={40} />
+                    <img src={company.logo} alt={company.name} width={150} height={50} />
                   </li>
                 ))}
               </ul>