ok

src/components/Header.jsx

@@ -1,6 +1,7 @@
 'use client'
 
 import Link from 'next/link'
+import { usePathname } from 'next/navigation'
 import {
   Popover,
   PopoverButton,
@@ -79,9 +80,12 @@ function MobileNavigation() {
 }
 
 export function Header() {
+  const pathname = usePathname()
+  const isHomepage = pathname === '/'
+  
   return (
-    <header className="bg-transparent">
+    <header className={isHomepage ? 'bg-transparent' : 'bg-[#1d0f02]'}>
-      <nav className="relative z-50 flex items-center py-2 lg:py-3">
+      <nav className="relative z-50 flex items-center py-2 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">

src/components/Hero2.jsx

@@ -1,7 +1,16 @@
+'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'
 
 export function Hero2() {
+  const scrollDown = () => {
+    window.scrollTo({
+      top: window.innerHeight,
+      behavior: 'smooth'
+    })
+  }
   return (
     <div className="relative w-full overflow-hidden -mt-20">
       {/* Background Video - Extended to cover header */}
@@ -35,10 +44,18 @@ export function Hero2() {
               <span className="relative">Reimagined</span>
             </span>{' '}
           </H1>
-          <P className="mt-6 sm:mt-8 md:mt-10 leading-normal font-light text-white text-sm sm:text-base md:text-lg">
+          <P className="mt-6 sm:mt-8 md:mt-10 leading-normal font-medium text-white text-sm sm:text-base md:text-lg">
             VEDA welcomes you into her home providing unique wellness cruises blending cultural authentic experiences with unparalleled freedom and privacy.
             Our organic cuisine, cultural activities and dedicated warm hearted crew will make your VEDA cruise an unforgettable experience.
           </P>
+          
+          {/* Chevron Down Button */}
+          <div className="mt-10 flex justify-center">
+            <ChevronDownIcon 
+              onClick={scrollDown}
+              className="h-12 w-12 text-white animate-pulse cursor-pointer hover:text-gray-300 transition-colors duration-200"
+            />
+          </div>
         </div>
       </div>
     </div>