"use client";
import { useEffect, useRef, useState } from "react";
import NextLink from "next/link";
import Image from "next/image";
// --- Navigation temporarily disabled -------------------------------------
// Every below is shadowed by this non-navigating stub so all header
// menu items render exactly as before but go nowhere. The logo still uses the
// real link via `NextLink`. To restore full navigation, delete this stub and
// rename `NextLink` back to `Link`.
const Link = ({ href, onClick, children, ...props }) => (
{
e.preventDefault();
onClick?.(e);
}}
{...props}
>
{children}
);
// -------------------------------------------------------------------------
import { usePathname } from "next/navigation";
import { AnimatePresence, motion } from "framer-motion";
import { mainNav, headerCta } from "@/config/navigation";
import { serviceCategories } from "@/data/services";
import { cn } from "@/lib/utils";
import {
ArrowRight,
ChevronDown,
Close,
Menu,
Sparkles,
categoryIcons,
navIcons,
} from "@/components/ui/icons";
import AnimatedButton from "@/components/ui/AnimatedButton";
import MobileNav from "@/components/layout/MobileNav";
/* ------------------------------------------------------------------ */
/* Logo */
/* ------------------------------------------------------------------ */
function Logo() {
return (
Cerkel
);
}
/* ------------------------------------------------------------------ */
/* Services mega menu — 4 category columns + featured promo card */
/* ------------------------------------------------------------------ */
function ServicesMega() {
return (
{/* Intro rail */}
Our services
Everything you need to build & scale.
Strategy, engineering, AI and operations — one senior team, end to end.
View all services
{/* Featured card */}
Featured
Cerkel AI
Talk to an expert
{/* Category columns — one category per column. Each category now has
six services, so the menu stays short and fits the viewport without
wrapping or scrolling. */}