"use client"; import React, { useState, useEffect } from "react"; import { motion } from "framer-motion"; import { clsx, type ClassValue } from "clsx"; import { twMerge } from "tailwind-merge"; import { LucideIcon, Sparkles, ShieldCheck, Zap, ArrowRight, Fingerprint } from "lucide-react"; /** * Technical Utility: Merges Tailwind classes safely. */ function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)); } interface IconicHeadingProps { title: string; subtitle?: string; icon: LucideIcon; className?: string; iconClassName?: string; } /** * Iconic Baseline Heading * A premium typographic component that perfectly aligns a Lucide icon * with the text baseline/cap-height. Optimized for high-end * feature sections and headers. */ export default function IconicBaselineHeading({ title = "Secure Infrastructure", subtitle = "Built on the foundations of speed, security, and global scalability.", icon: Icon = ShieldCheck, className, iconClassName, }: IconicHeadingProps) { const [mounted, setMounted] = useState(false); useEffect(() => setMounted(true), []); if (!mounted) return null; return (

{/* Technical Top Trace */}

System_Header_Module

{/* Main Heading Composition */}

{/* The Icon-Infused Segment */} {title} {subtitle}

{/* Interactive Feature Cards */}

Biometric_Sync

Zero-Trust Access

Every request is verified. Every interaction is secured with high-fidelity encryption protocols.

Rapid Deployment

{/* Technical Log */}

Core_Engine_Status: Nominal

Uixtra_Technical_Lab

); }