"use client"; import { useEffect, useMemo, useState } from "react"; import Link from "next/link"; import Image from "next/image"; import { Mail, Phone, MapPin, Facebook, Instagram, Youtube, ArrowRight, ShieldCheck, } from "lucide-react"; import { useLanguage } from "@/lib/i18n"; import { apiRequest, apiUrl } from "@/lib/api"; import { isSettingEnabled, type WebsiteSettings } from "@/lib/website-settings"; const footerLinks = { quickLinks: [ { name: "common.home", href: "/" }, { name: "common.findGuides", href: "/guides" }, { name: "common.blog", href: "/blogs" }, { name: "common.aboutUs", href: "/#about-us" }, { name: "common.sitemap", href: "/sitemap" }, { name: "common.contactUs", href: "https://uttarakhandtourism.gov.in/page/contact-us", isExternal: true, }, { name: "common.registerAsGuide", href: "/auth/register" }, { name: "common.signIn", href: "/auth/login" }, ], destinations: [ { name: "Char Dham", href: "/guides?expertise=Char+Dham+Pilgrimage" }, { name: "Adventure", href: "/guides?expertise=Adventure+Tourism" }, { name: "Wildlife", href: "/guides?expertise=Wildlife+Safari" }, { name: "Cultural", href: "/guides?expertise=Cultural+Heritage" }, ], contact: [ { icon: MapPin, text: "Uttarakhand Tourism Development Board, Pt. Deen Dayal Upadhyay Paryatan Bhawan Near ONGC Helipad, Garhi Cantt, Dehradun, Uttarakhand 248001", }, { icon: Phone, text: "+91 135-2559898, 2559987" }, { icon: Mail, text: "publicityutdb@gmail.com | publicityofficer@utdbofficial.com", }, ], }; function LinkedinIcon({ className }: { className?: string }) { return ( ); } function PinterestIcon({ className }: { className?: string }) { return ( ); } const socialLinks = [ { icon: Instagram, href: "https://www.instagram.com/uttarakhand_tourismofficial", label: "Instagram", }, { icon: LinkedinIcon, href: "https://www.linkedin.com/company/uttarakhand_tourismofficial", label: "LinkedIn", }, { icon: PinterestIcon, href: "https://in.pinterest.com/utdbtourism/", label: "Pinterest", }, { icon: Facebook, href: "https://www.facebook.com/UttarakhandTourismOfficialPage", label: "Facebook", }, { icon: Youtube, href: "https://www.youtube.com/channel/UCX7c5KGrPjG8tzna7xhro4g", label: "Youtube", }, ]; type VisitorActivityResponse = { data?: unknown; visitor_count?: number | string; visitorCount?: number | string; total_visitors?: number | string; totalVisitors?: number | string; count?: number | string; total?: number | string; }; const visitorCountPath = "/website/visitors/count"; const defaultContactEmail = "publicityutdb@gmail.com | publicityofficer@utdbofficial.com"; const defaultContactPhone = "+91 135-2559898, 2559987"; const defaultOfficialAddress = "Uttarakhand Tourism Development Board, Pt. Deen Dayal Upadhyay Paryatan Bhawan Near ONGC Helipad, Garhi Cantt, Dehradun, Uttarakhand 248001"; function getCountValue(value: unknown): number | null { const count = Number(value); return Number.isFinite(count) && count >= 0 ? count : null; } function getVisitorCount(data: unknown): number | null { if (!data || typeof data !== "object") { return null; } const response = data as VisitorActivityResponse; const directCount = getCountValue(response.visitor_count) ?? getCountValue(response.visitorCount) ?? getCountValue(response.total_visitors) ?? getCountValue(response.totalVisitors) ?? getCountValue(response.count) ?? getCountValue(response.total); if (directCount !== null) { return directCount; } return getVisitorCount(response.data); } function toVisitorDigits(count: number) { return String(Math.max(0, Math.floor(count))) .padStart(8, "0") .split(""); } function getVisitorDevice() { if (typeof window === "undefined") { return "desktop"; } const userAgent = navigator.userAgent.toLowerCase(); if ( /mobile|android|iphone|ipod|blackberry|iemobile|opera mini/.test(userAgent) ) { return "mobile"; } if (/ipad|tablet/.test(userAgent)) { return "tablet"; } return window.innerWidth < 768 ? "mobile" : "desktop"; } export function Footer({ settings = {} }: { settings?: WebsiteSettings }) { const { language, t } = useLanguage(); const [visitorCount, setVisitorCount] = useState(0); const visitorCountEnabled = settings.visitor_count_status === undefined ? true : isSettingEnabled(settings.visitor_count_status); const visitorDigits = useMemo( () => toVisitorDigits(visitorCount), [visitorCount], ); const contactItems = useMemo( () => [ { icon: MapPin, text: settings.official_address || defaultOfficialAddress, }, { icon: Phone, text: settings.contact_phone || defaultContactPhone }, { icon: Mail, text: settings.contact_email || defaultContactEmail }, ], [settings], ); const visibleSocialLinks = useMemo( () => socialLinks .map((social) => { const settingsKey = `${social.label.toLowerCase()}_url`; return { ...social, href: settings[settingsKey] || social.href, }; }) .filter((social) => Boolean(social.href)), [settings], ); useEffect(() => { if (typeof window === "undefined") { return; } if (!visitorCountEnabled) { return; } const recordVisitorActivity = async () => { try { const response = await apiRequest( apiUrl("/website/visitor-activities"), { method: "POST", headers: { Accept: "application/json", "Content-Type": "application/json", }, body: JSON.stringify({ country: "India", device: getVisitorDevice(), }), dedupe: false, skipAuth: true, }, ); if (!response.ok) { throw new Error("Visitor activity request failed."); } } catch { // Keep the page usable if visitor tracking is unavailable. } }; const fetchVisitorCount = async () => { try { const response = await apiRequest(apiUrl(visitorCountPath), { method: "GET", headers: { Accept: "application/json", }, skipAuth: true, }); if (!response.ok) { return; } const result = (await response.json()) as VisitorActivityResponse; const nextCount = getVisitorCount(result); if (nextCount !== null) { setVisitorCount(nextCount); } } catch { // Keep the zero-padded fallback if the count endpoint is unavailable. } }; void recordVisitorActivity().finally(fetchVisitorCount); }, [visitorCountEnabled]); return ( ); }