'use client' import Link from 'next/link' import { usePathname } from 'next/navigation' import { useEffect, useState } from 'react' import { ArrowRight, Fish, Menu, MessageCircle, Pause, Play, X } from 'lucide-react' import type { SiteSettings } from '@/lib/site-content' const heroGridRows = [ ['2.png', '3.png', '4.png', '5.png', '5.png', '7.png', '8.png', '9.png', '10.png', '11.png'], ['12.png', '14.png', '16.png', '17.png', '20.png', '26.png', '27.png', '28.png', '29.png', '30.png'], ['31.png', '32.png', '33.png', '34.png', '40.png', '41.png', '43.png', '44.png', '45.png', '46.png'], ['47.png', '49.png', '50.png', '51.png', '52.png', '54.png', '57.png', '58.png', '59.webp', '56.png'], ] function MovingImageGrid({ paused }: { paused: boolean }) { return } export function Header({ settings }: { settings?: SiteSettings }) { const [open, setOpen] = useState(false) const loginHref = '/login' const newsBadge = settings?.newsBadgeCount ?? 0 const newsBadgeLabel = newsBadge > 99 ? '99+' : String(newsBadge) return
RG Fish Farming. Get started
{open && }
} export function Footer() { return } export function ScrollAnimations() { useEffect(() => { const root = document.documentElement const elements = document.querySelectorAll('[data-reveal]') root.classList.add('scroll-animations-ready') const observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { entry.target.classList.add('is-visible') observer.unobserve(entry.target) } }) }, { threshold: 0.12, rootMargin: '0px 0px -60px' }) elements.forEach((element) => observer.observe(element)) return () => { observer.disconnect() root.classList.remove('scroll-animations-ready') } }, []) return null } export function Hero() { const [paused, setPaused] = useState(false); return

RG Fish
Farming.

Where better fish farming begins in Tanzania.

Tilapia · African catfish · Hatchery · Grow-out · Harvest

Discover our story See our impact
RG Fish Farming
} export function PageIntro({ eyebrow, tone = 'teal' }: { eyebrow: string; title: string; text: string; tone?: 'teal' | 'red' }) { const accent = tone === 'red' ? 'text-[var(--news-red)]' : 'text-[var(--teal)]' return
} function PageTracker({ trackUrl }: { trackUrl?: string }) { const pathname = usePathname() useEffect(() => { if (!trackUrl) return let session = window.localStorage.getItem('rg-session') if (!session) { session = window.crypto.randomUUID() window.localStorage.setItem('rg-session', session) } const url = new URL(trackUrl) url.searchParams.set('event', 'page_view') url.searchParams.set('path', pathname) url.searchParams.set('session', session) fetch(url, { mode: 'no-cors', keepalive: true }).catch(() => undefined) }, [pathname, trackUrl]) return null } function WhatsAppButton({ settings }: { settings?: SiteSettings }) { const pathname = usePathname() if (!settings?.whatsapp.enabled || !settings.whatsapp.number) return null const number = settings.whatsapp.number.replace(/\D/g, '') const message = [settings.whatsapp.message, pathname].filter(Boolean).join(' ') const trackClick = () => { if (!settings.links.track) return const url = new URL(settings.links.track) url.searchParams.set('event', 'whatsapp_support_clicked') url.searchParams.set('path', pathname) fetch(url, { mode: 'no-cors', keepalive: true }).catch(() => undefined) } return {settings.whatsapp.label} } export function Shell({ children, settings }: { children: React.ReactNode; settings?: SiteSettings }) { return
{children}
}