Merge version_2 into main

Merge version_2 into main

src/app/cultural-experiences/page.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function CulturalExperiencesPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Wildlife", id: "/wildlife" },
+    { name: "Zanzibar", id: "/zanzibar" },
+    { name: "Trekking", id: "/trekking" },
+    { name: "Culture", id: "#" },
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeLargeTitles"
+        background="fluid"
+        cardStyle="inset"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline navItems={navItems} brandName="JAMBO MASAI" button={{ text: "Book Now", href: "#" }} />
+        <HeroLogoBillboard 
+          logoText="Cultural Experiences"
+          description="Immerse yourself in authentic Tanzanian traditions and local community life."
+          imageSrc="http://img.b2bpic.net/free-photo/indigenous-person-doing-daily-chores-showcasing-lifestyle_23-2149711089.jpg"
+          buttons={[{ text: "Explore" }]}
+          background={{ variant: "plain" }}
+        />
+        <FooterBase 
+          columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
+          logoText="JAMBO MASAI TOURS"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -27,7 +27,7 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+  <div id="nav" data-section="nav" className="fixed top-0 left-0 w-full z-50">
       <NavbarLayoutFloatingInline
       navItems={[
         {
@@ -45,7 +45,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero" className="pt-20">
       <HeroLogoBillboard
       background={{
         variant: "gradient-bars"}}
@@ -248,4 +248,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/trekking/page.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function TrekkingPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Wildlife", id: "/wildlife" },
+    { name: "Zanzibar", id: "/zanzibar" },
+    { name: "Trekking", id: "#" },
+    { name: "Culture", id: "/cultural-experiences" },
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeLargeTitles"
+        background="fluid"
+        cardStyle="inset"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline navItems={navItems} brandName="JAMBO MASAI" button={{ text: "Book Now", href: "#" }} />
+        <HeroLogoBillboard 
+          logoText="Trekking & Hiking"
+          description="Conquer the heights of Mount Kilimanjaro or explore the lush trails of the highlands."
+          imageSrc="http://img.b2bpic.net/free-photo/fit-female-hiker-with-backpack-poles-standing-rocky-mountain-ridge-looking-out-valleys-peaks_1150-42445.jpg"
+          buttons={[{ text: "Explore" }]}
+          background={{ variant: "plain" }}
+        />
+        <FooterBase 
+          columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
+          logoText="JAMBO MASAI TOURS"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/wildlife/page.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function WildlifePage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Wildlife", id: "#" },
+    { name: "Zanzibar", id: "/zanzibar" },
+    { name: "Trekking", id: "/trekking" },
+    { name: "Culture", id: "/cultural-experiences" },
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeLargeTitles"
+        background="fluid"
+        cardStyle="inset"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline navItems={navItems} brandName="JAMBO MASAI" button={{ text: "Book Now", href: "#" }} />
+        <HeroLogoBillboard 
+          logoText="Wildlife Safaris"
+          description="Witness the Great Migration and majestic predators in Tanzania's world-renowned parks."
+          imageSrc="http://img.b2bpic.net/free-photo/lonely-female-lion-walking-addo-elephant-national-park_181624-11925.jpg"
+          buttons={[{ text: "Explore" }]}
+          background={{ variant: "plain" }}
+        />
+        <FooterBase 
+          columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
+          logoText="JAMBO MASAI TOURS"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/zanzibar/page.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ZanzibarPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Wildlife", id: "/wildlife" },
+    { name: "Zanzibar", id: "#" },
+    { name: "Trekking", id: "/trekking" },
+    { name: "Culture", id: "/cultural-experiences" },
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeLargeTitles"
+        background="fluid"
+        cardStyle="inset"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline navItems={navItems} brandName="JAMBO MASAI" button={{ text: "Book Now", href: "#" }} />
+        <HeroLogoBillboard 
+          logoText="Zanzibar Holidays"
+          description="Relax on pristine white-sand beaches and explore the historic Stone Town streets."
+          imageSrc="http://img.b2bpic.net/free-photo/two-deck-chairs-wooden-floor-water-villa-sunset-time-maldives-island_1232-4469.jpg"
+          buttons={[{ text: "Explore" }]}
+          background={{ variant: "plain" }}
+        />
+        <FooterBase 
+          columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
+          logoText="JAMBO MASAI TOURS"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}