245 lines
12 KiB
TypeScript
245 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Experience", id: "#experience"},
|
|
{
|
|
name: "Territory", id: "#territory"},
|
|
{
|
|
name: "Species", id: "#species"},
|
|
{
|
|
name: "Gallery", id: "#gallery"},
|
|
{
|
|
name: "Inquiry", id: "#inquiry"},
|
|
{
|
|
name: "Chatbot", id: "/chatbot"}
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/top-view-light-box-with-paper-planet-animals-animal-day_23-2148668916.jpg"
|
|
logoAlt="Niwa Cameroon logo"
|
|
brandName="Niwa Cameroon"
|
|
bottomLeftText="Niwa Cameroon"
|
|
bottomRightText="Private Safari"
|
|
button={{
|
|
text: "Plan Your Safari", href: "#inquiry"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="A quieter kind of prestige"
|
|
description="Deep concession country, carefully hosted expeditions, and a safari experience shaped by discretion, heritage, and uncompromising standards."
|
|
tag="Private Hunting Safari — Cameroon"
|
|
tagAnimation="none"
|
|
buttons={[
|
|
{
|
|
text: "Request a Private Proposal", href: "#inquiry"},
|
|
{
|
|
text: "Explore the Safari", href: "#species"},
|
|
]}
|
|
buttonAnimation="none"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-with-woman-looking-away-while-driving-vehicle_107420-9768.jpg", imageAlt: "Luxury safari camp at sunset"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/siblings-having-fun-together-outdoors_23-2148943117.jpg", imageAlt: "Safari guide and client in vehicle"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Exceptional Luxury Safari"
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imagePosition="right"
|
|
title="Luxury without noise."
|
|
description="This is not designed to feel commercial. It should feel private, assured, and rare — the digital equivalent of a beautifully run camp with exceptional taste."
|
|
tag="The House Style"
|
|
tagAnimation="none"
|
|
bulletPoints={[
|
|
{
|
|
title: "Quiet confidence", description: "Muted colors, serif typography, soft gold accents, and cinematic photography replace loud marketing language and aggressive visual effects."},
|
|
{
|
|
title: "Immersive hosting", description: "Every section should communicate care: the transfer, the camp, the guiding, the cuisine, the rhythm of the days, and the exclusivity of the territory."},
|
|
{
|
|
title: "Editorial feel", description: "The layout blends refined hospitality, heritage travel, and private sporting culture — more maison than mass-market outfitter."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/herd-elephants-grass-covered-field-jungle-tsavo-west-taita-hills-kenya_181624-7414.jpg"
|
|
imageAlt="Atmospheric safari landscape"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="species" data-section="species">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "feature-1", title: "Forest & savannah trophies", subtitle: "Describe the most emblematic Cameroon experience here, with one concise paragraph and no inflated language.", category: "Flagship Experience", value: "Bespoke"},
|
|
{
|
|
id: "feature-2", title: "Tailored itineraries", subtitle: "Individualized pacing, logistics, and camp rhythm.", category: "Bespoke", value: "Personalized"},
|
|
{
|
|
id: "feature-3", title: "Exclusive territory", subtitle: "Protected, serious ground with proper guiding structure.", category: "Remote", value: "Private"},
|
|
]}
|
|
title="The safari, composed with restraint."
|
|
description="Replace these cards with your real species and concession details. Keep the tone factual, elegant, and understated — never exaggerated."
|
|
tag="Signature Pursuits"
|
|
tagAnimation="none"
|
|
/>
|
|
</div>
|
|
|
|
<div id="territory" data-section="territory">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imagePosition="left"
|
|
title="Remote country, properly presented."
|
|
description="The most luxurious safari websites do not shout. They create atmosphere, authority, and trust through detail, pacing, and visual confidence."
|
|
tag="Cameroon"
|
|
tagAnimation="none"
|
|
bulletPoints={[
|
|
{
|
|
title: "Access & logistics", description: "Airport arrival, charter or road transfer, support team, firearm assistance, and pre-arrival planning."},
|
|
{
|
|
title: "Camp & hospitality", description: "Accommodation standard, dining, staff, privacy, and after-hunt atmosphere around camp."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/rural-road-surrounded-with-trees_23-2147830985.jpg"
|
|
imageAlt="Wilderness and game country"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience-details" data-section="experience-details">
|
|
<FeatureCardTwentyEight
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "experience-1", title: "Pre-arrival concierge", subtitle: "Travel planning, paperwork guidance, packing brief, and direct communication before departure.", category: "Private preparation", value: "Streamlined"},
|
|
{
|
|
id: "experience-2", title: "Camp with character", subtitle: "Not loud luxury — refined accommodation, polished service, elegant dining, and comfort where it matters.", category: "Quiet hospitality", value: "Refined"},
|
|
{
|
|
id: "experience-3", title: "Guiding with depth", subtitle: "Experienced professional handling, local knowledge, and a measured, serious standard in the field.", category: "Field excellence", value: "Expert"},
|
|
]}
|
|
title="A complete private safari experience."
|
|
description="Luxury here should feel operational, not decorative: better planning, better service, better camp, better pace, better memory."
|
|
tag="Beyond the Hunt"
|
|
tagAnimation="none"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<BlogCardThree
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Moments of light, texture, and distance."
|
|
description="Replace these with your own best photography. The strongest result will come from real camp, landscape, and trophy images shot consistently."
|
|
tag="Visual Journal"
|
|
tagAnimation="none"
|
|
blogs={[
|
|
{
|
|
id: "gallery-blog-1", category: "Landscape", title: "Serene African Savanna", excerpt: "A breathtaking safari landscape captured in warm light.", imageSrc: "http://img.b2bpic.net/free-photo/zebra-wild_23-2151690302.jpg", imageAlt: "Safari landscape in warm light", authorName: "Niwa Team", authorAvatar: "asset://avatar-1", date: "October 26, 2023"},
|
|
{
|
|
id: "gallery-blog-2", category: "Expedition", title: "Remote Wilderness Journey", excerpt: "Atmosphere of a remote expedition deep in the wilderness.", imageSrc: "http://img.b2bpic.net/free-photo/adventure-seeker-employee-meeting-with-workmates-video-call_482257-117927.jpg", imageAlt: "Remote expedition atmosphere", authorName: "Niwa Team", authorAvatar: "asset://avatar-2", date: "November 12, 2023"},
|
|
{
|
|
id: "gallery-blog-3", category: "Mood", title: "Cinematic Wilderness Mood", excerpt: "A wilderness scene with a dramatic and cinematic mood.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-fields-with-bare-trees-sunset_181624-10211.jpg", imageAlt: "Wilderness scene with cinematic mood", authorName: "Niwa Team", authorAvatar: "asset://avatar-3", date: "December 01, 2023"},
|
|
{
|
|
id: "gallery-blog-4", category: "Nature", title: "Natural Safari Beauty", excerpt: "A natural landscape reflecting the true safari atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/river-with-rapids-fog-forest-morning-dawn_169016-14234.jpg", imageAlt: "Natural landscape and safari atmosphere", authorName: "Niwa Team", authorAvatar: "asset://avatar-4", date: "December 18, 2023"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="inquiry" data-section="inquiry">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Private Inquiry"
|
|
tagAnimation="none"
|
|
title="Begin with a discreet conversation."
|
|
description="Share your dates, target species, preferred trip length, and whether you are traveling alone or with guests. A tailored proposal follows directly."
|
|
buttons={[
|
|
{
|
|
text: "Request Availability", href: "mailto:info@niwacameroon.com?subject=Private%20Safari%20Inquiry"},
|
|
{
|
|
text: "WhatsApp Us", href: "https://wa.me/000000000000"},
|
|
]}
|
|
buttonAnimation="none"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{
|
|
label: "Experience", href: "#experience"},
|
|
{
|
|
label: "Territory", href: "#territory"},
|
|
{
|
|
label: "Species", href: "#species"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Inquiry", href: "#inquiry"},
|
|
{
|
|
label: "WhatsApp", href: "https://wa.me/000000000000"},
|
|
{
|
|
label: "Email", href: "mailto:info@niwacameroon.com"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="Niwa Cameroon — Private hunting safaris in Cameroon."
|
|
bottomRightText="Designed in a quiet luxury editorial style."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |