"use client"; import React, { useState, useEffect } from "react"; import { motion, AnimatePresence } from "framer-motion"; import { Volume2, VolumeX, FileText, Menu, X, Database, Brain, Compass, Zap } from "lucide-react"; import type { Variants } from "framer-motion"; function WavyText({ text, isHovered }: { text: string; isHovered: boolean }) { const charVariants: Variants = { initial: { y: 0, x: 0, rotate: 0 }, hover: (index: number) => ({ y: [0, -8, 3, 0], x: [0, -2, 1, 0], rotate: [0, -8, 4, 0], transition: { duration: 0.55, ease: [0.34, 1.56, 0.64, 1] as const, delay: index * 0.025 } }) }; return ( {Array.from(text).map((char, index) => ( {char} ))} ); } export default function Header({ className }: { className?: string }) { const [isMuted, setIsMuted] = useState(true); const [activeStep, setActiveStep] = useState(0); const [isMenuOpen, setIsMenuOpen] = useState(false); const [leftButtonHovered, setLeftButtonHovered] = useState(false); const [getStartedHovered, setGetStartedHovered] = useState(false); const [trialHovered, setTrialHovered] = useState(false); const [demoHovered, setDemoHovered] = useState(false); const [animKey] = useState(0); useEffect(() => { const interval = setInterval(() => { setActiveStep((prev) => (prev + 1) % 4); }, 4000); return () => clearInterval(interval); }, []); const menuItems = ["Solutions", "Platform", "Impact", "Resources", "About"]; const getIconForIndex = (index: number) => { switch (index) { case 0: return Database; case 1: return Brain; case 2: return Compass; case 3: return Zap; default: return FileText; } }; const headingText = "Discover Intelligence Beneath the Surface"; const headingWords = headingText.split(" ").map((word, wordIndex, wordsArr) => { const previousLength = wordsArr.slice(0, wordIndex).join(" ").length + (wordIndex > 0 ? 1 : 0); return { word, chars: Array.from(word).map((char, charIndex) => ({ char, index: previousLength + charIndex })) }; }); const cardsData = [ { number: "01.", heading: "Connect Your Data", subheading: "Integrate your sources in seconds. We support 100+ apps and formats." }, { number: "02.", heading: "AI Dives Deep", subheading: "Our AI analyzes, connects, and maps relationships beyond the obvious." }, { number: "03.", heading: "Uncover Insights", subheading: "We surface hidden patterns and deliver insights you won't find elsewhere." }, { number: "04.", heading: "Take Action", subheading: "Turn insights into smarter decisions and measurable results." } ]; const headingCharVariants: Variants = { hidden: { opacity: 0, x: -10 }, visible: { opacity: 1, x: 0, transition: { duration: 0.2, ease: "easeOut" as const } } }; return ( <>

{card.heading}