diff --git a/src/assets/landing-hero.webp b/src/assets/landing-hero.webp
new file mode 100644
index 0000000..80e7af8
Binary files /dev/null and b/src/assets/landing-hero.webp differ
diff --git a/src/pages/landingPage.tsx b/src/pages/landingPage.tsx
index 6e0fc0f..3403e60 100644
--- a/src/pages/landingPage.tsx
+++ b/src/pages/landingPage.tsx
@@ -5,7 +5,8 @@ import { ChevronDown, MapPin, Star, Shield, Clock, Smartphone } from 'lucide-rea
 import Navbar from '../components/Navbar';
 import { Footer } from '../components/Footer';
 // import { CitySubmenu } from '../components/CitySubmenu';
-import heroBannerImage from '../assets/landing-hero.png';
+// import heroBannerImage from '../assets/landing-hero.png';
+import heroBannerImage from '../assets/landing-hero.webp';
 import { Button } from '../components/ui/button';
 import { LandingWhyChooseCityCards } from '../components/LandingWhyChooseCityCards';
 import { LandingVarietyOfAdventures } from '../components/LandingVarietyOfAdventures';