From 833b8093cd192bec3f42e8b2aa9aa64f29e1bbf8 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 27 Aug 2025 17:03:34 +0200
Subject: [PATCH] ok

---
 src/components/Header.jsx |  8 ++++++--
 src/components/Hero2.jsx  | 19 ++++++++++++++++++-
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 83cfc03..4e9ea83 100644
--- a/src/components/Header.jsx
+++ b/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">
-      <nav className="relative z-50 flex items-center py-2 lg:py-3">
+    <header className={isHomepage ? 'bg-transparent' : 'bg-[#1d0f02]'}>
+      <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">
diff --git a/src/components/Hero2.jsx b/src/components/Hero2.jsx
index 0cc5b66..4e1a113 100644
--- a/src/components/Hero2.jsx
+++ b/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>