Update src/app/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -4,8 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import LegalSection from '@/components/legal/LegalSection';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import { MessageCircle } from "lucide-react";
 
 export default function AboutPage() {
   return (
@@ -23,7 +24,7 @@ export default function AboutPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
+          <NavbarStyleApple
             navItems={[
               { name: "Home", id: "/" },
               { name: "Tours", id: "/tours" },
@@ -78,6 +79,16 @@ export default function AboutPage() {
             bottomRightText="Islamabad, Pakistan"
           />
         </div>
+
+        <a 
+          href="https://wa.me/923356442987"
+          target="_blank"
+          rel="noreferrer"
+          className="fixed bottom-8 right-8 z-50 p-4 rounded-full bg-green-500 text-white shadow-lg animate-pulse hover:scale-110 transition-transform"
+          aria-label="WhatsApp"
+        >
+          <MessageCircle size={24} />
+        </a>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/contact/page.tsx

@@ -5,7 +5,8 @@ import ReactLenis from "lenis/react";
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import { MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -23,28 +24,13 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Tours",
-          id: "/tours",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Tours", id: "/tours" },
+        { name: "About", id: "/about" },
+        { name: "Reviews", id: "/reviews" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Chalay Ao Travels"
     />
@@ -54,14 +40,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       text="Plan your adventure today. Contact us at +92 335 6442987."
       buttons={[
         {
-          text: "WhatsApp Now",
-          href: "https://wa.me/923356442987",
-        },
+          text: "WhatsApp Now",          href: "https://wa.me/923356442987"},
       ]}
     />
   </div>
@@ -75,15 +58,7 @@ export default function LandingPage() {
       description="Read our latest advice for your next trip."
       blogs={[
         {
-          id: "b1",
-          category: "Guide",
-          title: "Pack Smart",
-          excerpt: "Essential items for northern climates.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-tourist-straw-hat-covering-face-from-sun-looking-distance-aside-smiling-pleased-t_1258-173882.jpg",
-          authorName: "Chalay Ao Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/turning-up-big-city-is-easy_329181-8495.jpg",
-          date: "Oct 2024",
-        },
+          id: "b1",          category: "Guide",          title: "Pack Smart",          excerpt: "Essential items for northern climates.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-tourist-straw-hat-covering-face-from-sun-looking-distance-aside-smiling-pleased-t_1258-173882.jpg",          authorName: "Chalay Ao Admin",          authorAvatar: "http://img.b2bpic.net/free-photo/turning-up-big-city-is-easy_329181-8495.jpg",          date: "Oct 2024"},
       ]}
     />
   </div>
@@ -92,33 +67,16 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Tours",
-              href: "/tours",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
+          title: "Quick Links",          items: [
+            { label: "Tours", href: "/tours" },
+            { label: "About", href: "/about" },
+            { label: "Contact", href: "/contact" },
           ],
         },
         {
-          title: "Contact",
-          items: [
-            {
-              label: "+92 335 6442987",
-              href: "tel:+923356442987",
-            },
-            {
-              label: "WhatsApp Chat",
-              href: "https://wa.me/923356442987",
-            },
+          title: "Contact",          items: [
+            { label: "+92 335 6442987", href: "tel:+923356442987" },
+            { label: "WhatsApp Chat", href: "https://wa.me/923356442987" },
           ],
         },
       ]}
@@ -126,6 +84,16 @@ export default function LandingPage() {
       bottomRightText="Islamabad, Pakistan"
     />
   </div>
+
+  <a 
+    href="https://wa.me/923356442987"
+    target="_blank"
+    rel="noreferrer"
+    className="fixed bottom-8 right-8 z-50 p-4 rounded-full bg-green-500 text-white shadow-lg animate-pulse hover:scale-110 transition-transform"
+    aria-label="WhatsApp"
+  >
+    <MessageCircle size={24} />
+  </a>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -3,11 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import { MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -25,71 +26,35 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Tours",
-          id: "/tours",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
+      <NavbarStyleApple
       brandName="Chalay Ao Travels"
+      navItems={[
+        { name: "Home", id: "/" },
+        { name: "Tours", id: "/tours" },
+        { name: "About", id: "/about" },
+        { name: "Reviews", id: "/reviews" },
+        { name: "Contact", id: "/contact" },
+      ]}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "downward-rays-animated",
-      }}
-      title="Pakistan Ki Khoobsurti, Aapke Saath"
-      description="Discover the Magic of Northern Pakistan with premium guided experiences."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg",
-          alt: "Happy traveller",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-holding-book-close-up_23-2148973429.jpg",
-          alt: "Woman reading",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-woman-with-headphones-around-neck_23-2148397126.jpg",
-          alt: "Smiling traveller",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
-          alt: "Portrait view",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg",
-          alt: "Businessman traveller",
-        },
-      ]}
+      <HeroBillboardRotatedCarousel
+      background={{ variant: "sparkles-gradient" }}
+      title="Elevated Expeditions in Northern Pakistan"
+      description="Redefining adventure through curated, high-end journeys and bespoke experiences."
+      tag="Premium Travel"
       buttons={[
-        {
-          text: "Explore Tours",
-          href: "/tours",
-        },
-        {
-          text: "WhatsApp Us",
-          href: "https://wa.me/923356442987",
-        },
+        { text: "Discover Collections", href: "/tours" },
+        { text: "Whatsapp Support", href: "https://wa.me/923356442987" },
+      ]}
+      carouselItems={[
+        { id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vertical-shot-parco-naturale-di-fanes-sennes-braies-prags-italy_181624-21712.jpg?_wi=1", imageAlt: "Scenic view 1" },
+        { id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-river-snow-covered-mountains-landscape-kashmir-state-india_1232-4803.jpg?_wi=1", imageAlt: "Scenic view 2" },
+        { id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/view-blue-lake-with-mountain_23-2148153623.jpg?_wi=1", imageAlt: "Scenic view 3" },
+        { id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/lake-surrounded-by-mountains-daytime_181624-45208.jpg?_wi=1", imageAlt: "Scenic view 4" },
+        { id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-river-flowing-autumn-forest_181624-36993.jpg", imageAlt: "Scenic view 5" },
+        { id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/pixel-art-river-landscape-illustration_23-2151793184.jpg", imageAlt: "Scenic view 6" },
       ]}
     />
   </div>
@@ -100,27 +65,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "4.9",
-          title: "Rating",
-          description: "Star average",
-          imageSrc: "http://img.b2bpic.net/free-photo/clumsy-foolish-hiker-dropping-his-phone-search-signal-mountain-top_482257-119806.jpg",
-        },
-        {
-          id: "m2",
-          value: "455+",
-          title: "Reviews",
-          description: "Happy customers",
-          imageSrc: "http://img.b2bpic.net/free-photo/hiker-gazes-panoramic-view-dramatic-mountain-peaks-clouds_482257-125779.jpg",
-        },
-        {
-          id: "m3",
-          value: "500+",
-          title: "Trips",
-          description: "Completed tours",
-          imageSrc: "http://img.b2bpic.net/free-photo/hiker-tourist-with-backpack-top-mountain-puts-foot-rocks-stone_482257-120708.jpg",
-        },
+        { id: "m1", value: "4.9", title: "Rating", description: "Star average", imageSrc: "http://img.b2bpic.net/free-photo/clumsy-foolish-hiker-dropping-his-phone-search-signal-mountain-top_482257-119806.jpg" },
+        { id: "m2", value: "455+", title: "Reviews", description: "Happy customers", imageSrc: "http://img.b2bpic.net/free-photo/hiker-gazes-panoramic-view-dramatic-mountain-peaks-clouds_482257-125779.jpg" },
+        { id: "m3", value: "500+", title: "Trips", description: "Completed tours", imageSrc: "http://img.b2bpic.net/free-photo/hiker-tourist-with-backpack-top-mountain-puts-foot-rocks-stone_482257-120708.jpg" },
       ]}
       title="Trusted by Thousands"
       description="Our track record speaks for itself."
@@ -134,48 +81,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Ratti Gali & Kel",
-          price: "$48",
-          variant: "3 Days",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vertical-shot-parco-naturale-di-fanes-sennes-braies-prags-italy_181624-21712.jpg",
-        },
-        {
-          id: "p2",
-          name: "Swat & Kalam",
-          price: "$48",
-          variant: "3 Days",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-river-snow-covered-mountains-landscape-kashmir-state-india_1232-4803.jpg",
-        },
-        {
-          id: "p3",
-          name: "Naran Valley",
-          price: "$48",
-          variant: "3 Days",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-blue-lake-with-mountain_23-2148153623.jpg",
-        },
-        {
-          id: "p4",
-          name: "Skardu Family Trip",
-          price: "Custom",
-          variant: "6 Days",
-          imageSrc: "http://img.b2bpic.net/free-photo/lake-surrounded-by-mountains-daytime_181624-45208.jpg",
-        },
-        {
-          id: "p5",
-          name: "Honeymoon Special",
-          price: "Custom",
-          variant: "Flexible",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-river-flowing-autumn-forest_181624-36993.jpg",
-        },
-        {
-          id: "p6",
-          name: "Winter Special",
-          price: "Custom",
-          variant: "4 Days",
-          imageSrc: "http://img.b2bpic.net/free-photo/pixel-art-river-landscape-illustration_23-2151793184.jpg",
-        },
+        { id: "p1", name: "Ratti Gali & Kel", price: "$48", variant: "3 Days", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vertical-shot-parco-naturale-di-fanes-sennes-braies-prags-italy_181624-21712.jpg?_wi=2" },
+        { id: "p2", name: "Swat & Kalam", price: "$48", variant: "3 Days", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-river-snow-covered-mountains-landscape-kashmir-state-india_1232-4803.jpg?_wi=2" },
+        { id: "p3", name: "Naran Valley", price: "$48", variant: "3 Days", imageSrc: "http://img.b2bpic.net/free-photo/view-blue-lake-with-mountain_23-2148153623.jpg?_wi=2" },
+        { id: "p4", name: "Skardu Family Trip", price: "Custom", variant: "6 Days", imageSrc: "http://img.b2bpic.net/free-photo/lake-surrounded-by-mountains-daytime_181624-45208.jpg?_wi=2" },
       ]}
       title="Featured Packages"
       description="Handpicked experiences for your next adventure."
@@ -188,16 +97,8 @@ export default function LandingPage() {
       title="Our Reach"
       tag="Milestones"
       metrics={[
-        {
-          id: "mx1",
-          value: "15",
-          description: "Destinations explored",
-        },
-        {
-          id: "mx2",
-          value: "100%",
-          description: "Customer satisfaction",
-        },
+        { id: "mx1", value: "15", description: "Destinations explored" },
+        { id: "mx2", value: "100%", description: "Customer satisfaction" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -207,33 +108,16 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Tours",
-              href: "/tours",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
+          title: "Quick Links",          items: [
+            { label: "Tours", href: "/tours" },
+            { label: "About", href: "/about" },
+            { label: "Contact", href: "/contact" },
           ],
         },
         {
-          title: "Contact",
-          items: [
-            {
-              label: "+92 335 6442987",
-              href: "tel:+923356442987",
-            },
-            {
-              label: "WhatsApp Chat",
-              href: "https://wa.me/923356442987",
-            },
+          title: "Contact",          items: [
+            { label: "+92 335 6442987", href: "tel:+923356442987" },
+            { label: "WhatsApp Chat", href: "https://wa.me/923356442987" },
           ],
         },
       ]}
@@ -241,6 +125,16 @@ export default function LandingPage() {
       bottomRightText="Islamabad, Pakistan"
     />
   </div>
+
+  <a 
+    href="https://wa.me/923356442987"
+    target="_blank"
+    rel="noreferrer"
+    className="fixed bottom-8 right-8 z-50 p-4 rounded-full bg-green-500 text-white shadow-lg animate-pulse hover:scale-110 transition-transform"
+    aria-label="WhatsApp"
+  >
+    <MessageCircle size={24} />
+  </a>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/reviews/page.tsx

@@ -3,9 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import { MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -23,28 +24,13 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Tours",
-          id: "/tours",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Tours", id: "/tours" },
+        { name: "About", id: "/about" },
+        { name: "Reviews", id: "/reviews" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Chalay Ao Travels"
     />
@@ -57,40 +43,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Khan Mehwar",
-          role: "Tourist",
-          testimonial: "Absolutely amazing experience, very well organized.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-man-with-ginger-beard-blue-eyes-green-swimming-glasses-printed-white-shirt-showing-peace-signs-orange-backdrop_197531-27686.jpg",
-        },
+          id: "t1",          name: "Khan Mehwar",          role: "Tourist",          testimonial: "Absolutely amazing experience, very well organized.",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-man-with-ginger-beard-blue-eyes-green-swimming-glasses-printed-white-shirt-showing-peace-signs-orange-backdrop_197531-27686.jpg"},
         {
-          id: "t2",
-          name: "Munazza Muskan",
-          role: "Tourist",
-          testimonial: "Outstanding experience, Furqan bhai is great.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-with-backpack-sitting-bridge_23-2148926910.jpg",
-        },
+          id: "t2",          name: "Munazza Muskan",          role: "Tourist",          testimonial: "Outstanding experience, Furqan bhai is great.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-with-backpack-sitting-bridge_23-2148926910.jpg"},
         {
-          id: "t3",
-          name: "Basit Nadeem",
-          role: "Tourist",
-          testimonial: "Beautifully managed trip.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-beautiful-couple-hiking-river-forest_285396-2246.jpg",
-        },
+          id: "t3",          name: "Basit Nadeem",          role: "Tourist",          testimonial: "Beautifully managed trip.",          imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-beautiful-couple-hiking-river-forest_285396-2246.jpg"},
         {
-          id: "t4",
-          name: "Anonymous",
-          role: "Tourist",
-          testimonial: "First snow experience was magical.",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-travelers-smiling-holding-map-giving-highfive-outside_176420-6900.jpg",
-        },
+          id: "t4",          name: "Anonymous",          role: "Tourist",          testimonial: "First snow experience was magical.",          imageSrc: "http://img.b2bpic.net/free-photo/friends-travelers-smiling-holding-map-giving-highfive-outside_176420-6900.jpg"},
         {
-          id: "t5",
-          name: "Customer",
-          role: "Tourist",
-          testimonial: "Great attention to detail.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-hiking-trip_23-2150343045.jpg",
-        },
+          id: "t5",          name: "Customer",          role: "Tourist",          testimonial: "Great attention to detail.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-hiking-trip_23-2150343045.jpg"},
       ]}
       title="Customer Reviews"
       description="What our travellers have to say."
@@ -105,9 +66,7 @@ export default function LandingPage() {
       author="Sara"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-inspired-elderly-woman-with-orange-backpack-sporty-woman-casual-clothes-looking-forward-with-smile-sport-adventure-hobby-concept_74855-23347.jpg",
-          alt: "Happy traveller",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-inspired-elderly-woman-with-orange-backpack-sporty-woman-casual-clothes-looking-forward-with-smile-sport-adventure-hobby-concept_74855-23347.jpg",          alt: "Happy traveller"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -118,33 +77,16 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Tours",
-              href: "/tours",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
+          title: "Quick Links",          items: [
+            { label: "Tours", href: "/tours" },
+            { label: "About", href: "/about" },
+            { label: "Contact", href: "/contact" },
           ],
         },
         {
-          title: "Contact",
-          items: [
-            {
-              label: "+92 335 6442987",
-              href: "tel:+923356442987",
-            },
-            {
-              label: "WhatsApp Chat",
-              href: "https://wa.me/923356442987",
-            },
+          title: "Contact",          items: [
+            { label: "+92 335 6442987", href: "tel:+923356442987" },
+            { label: "WhatsApp Chat", href: "https://wa.me/923356442987" },
           ],
         },
       ]}
@@ -152,6 +94,16 @@ export default function LandingPage() {
       bottomRightText="Islamabad, Pakistan"
     />
   </div>
+
+  <a 
+    href="https://wa.me/923356442987"
+    target="_blank"
+    rel="noreferrer"
+    className="fixed bottom-8 right-8 z-50 p-4 rounded-full bg-green-500 text-white shadow-lg animate-pulse hover:scale-110 transition-transform"
+    aria-label="WhatsApp"
+  >
+    <MessageCircle size={24} />
+  </a>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/tours/page.tsx

@@ -3,9 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
+import { MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -23,28 +24,13 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Tours",
-          id: "/tours",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Tours", id: "/tours" },
+        { name: "About", id: "/about" },
+        { name: "Reviews", id: "/reviews" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Chalay Ao Travels"
     />
@@ -58,26 +44,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "t1",
-          name: "Ratti Gali & Kel",
-          price: "$48",
-          variant: "3 Days",
-          imageSrc: "http://img.b2bpic.net/free-photo/river-surrounded-by-rocks-sunlight-blue-sky-daytime_181624-22033.jpg",
-        },
+          id: "t1",          name: "Ratti Gali & Kel",          price: "$48",          variant: "3 Days",          imageSrc: "http://img.b2bpic.net/free-photo/river-surrounded-by-rocks-sunlight-blue-sky-daytime_181624-22033.jpg"},
         {
-          id: "t2",
-          name: "Swat & Kalam",
-          price: "$48",
-          variant: "3 Days",
-          imageSrc: "http://img.b2bpic.net/free-photo/mountains-stream_1398-2306.jpg",
-        },
+          id: "t2",          name: "Swat & Kalam",          price: "$48",          variant: "3 Days",          imageSrc: "http://img.b2bpic.net/free-photo/mountains-stream_1398-2306.jpg"},
         {
-          id: "t3",
-          name: "Naran Valley",
-          price: "$48",
-          variant: "3 Days",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-rice-fields-lush-green-leepa-valley-kashmir-pakistan_505751-5817.jpg",
-        },
+          id: "t3",          name: "Naran Valley",          price: "$48",          variant: "3 Days",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-rice-fields-lush-green-leepa-valley-kashmir-pakistan_505751-5817.jpg"},
       ]}
       title="All Packages"
       description="Explore our full range of tours."
@@ -94,11 +65,7 @@ export default function LandingPage() {
       description="Our expert team is here to make your journey unforgettable."
       members={[
         {
-          id: "g1",
-          name: "Furqan",
-          role: "Head Guide",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-women-drinking-tea-mountains_74855-23449.jpg",
-        },
+          id: "g1",          name: "Furqan",          role: "Head Guide",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-women-drinking-tea-mountains_74855-23449.jpg"},
       ]}
     />
   </div>
@@ -107,33 +74,16 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Tours",
-              href: "/tours",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
+          title: "Quick Links",          items: [
+            { label: "Tours", href: "/tours" },
+            { label: "About", href: "/about" },
+            { label: "Contact", href: "/contact" },
           ],
         },
         {
-          title: "Contact",
-          items: [
-            {
-              label: "+92 335 6442987",
-              href: "tel:+923356442987",
-            },
-            {
-              label: "WhatsApp Chat",
-              href: "https://wa.me/923356442987",
-            },
+          title: "Contact",          items: [
+            { label: "+92 335 6442987", href: "tel:+923356442987" },
+            { label: "WhatsApp Chat", href: "https://wa.me/923356442987" },
           ],
         },
       ]}
@@ -141,6 +91,16 @@ export default function LandingPage() {
       bottomRightText="Islamabad, Pakistan"
     />
   </div>
+
+  <a 
+    href="https://wa.me/923356442987"
+    target="_blank"
+    rel="noreferrer"
+    className="fixed bottom-8 right-8 z-50 p-4 rounded-full bg-green-500 text-white shadow-lg animate-pulse hover:scale-110 transition-transform"
+    aria-label="WhatsApp"
+  >
+    <MessageCircle size={24} />
+  </a>
       </ReactLenis>
     </ThemeProvider>
   );