Merge version_2 into main #2

Merged
bender merged 5 commits from version_2 into main 2026-04-30 15:11:59 +00:00
5 changed files with 183 additions and 3 deletions

View File

@@ -0,0 +1,45 @@
"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" />
<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"
/>
<FooterBase
columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
logoText="JAMBO MASAI TOURS"
/>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -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>
);
}
}

45
src/app/trekking/page.tsx Normal file
View File

@@ -0,0 +1,45 @@
"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" />
<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"
/>
<FooterBase
columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
logoText="JAMBO MASAI TOURS"
/>
</ReactLenis>
</ThemeProvider>
);
}

45
src/app/wildlife/page.tsx Normal file
View File

@@ -0,0 +1,45 @@
"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" />
<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"
/>
<FooterBase
columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
logoText="JAMBO MASAI TOURS"
/>
</ReactLenis>
</ThemeProvider>
);
}

45
src/app/zanzibar/page.tsx Normal file
View File

@@ -0,0 +1,45 @@
"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" />
<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"
/>
<FooterBase
columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
logoText="JAMBO MASAI TOURS"
/>
</ReactLenis>
</ThemeProvider>
);
}