"use client"; import React from "react"; import { motion } from "framer-motion"; import { ArrowRight, Terminal, Cpu, Zap, ShieldCheck, Command } from "lucide-react"; import { clsx, type ClassValue } from "clsx"; import { twMerge } from "tailwind-merge"; function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)); } export interface LinearGeometricHeroProps { badgeText?: string; headlinePrefix?: string; headlineHighlight?: string; description?: string; primaryAction?: string; secondaryAction?: string; onPrimaryClick?: () => void; onSecondaryClick?: () => void; className?: string; } const defaultProps: LinearGeometricHeroProps = { badgeText: "High-Performance Engine", headlinePrefix: "Build systems that", headlineHighlight: "never slow down.", description: "Deploy world-class infrastructure in seconds. Our automated pipeline handles the complexity so you can focus on writing pure, high-impact code.", primaryAction: "Deploy Now", secondaryAction: "Read Specs", }; export default function LinearGeometricHero(props: LinearGeometricHeroProps) { const { badgeText, headlinePrefix, headlineHighlight, description, primaryAction, secondaryAction, onPrimaryClick, onSecondaryClick, className, } = { ...defaultProps, ...props }; return (

{/* --- Background Linear Pattern (Tunnel Effect) --- */}

{/* --- Ambient Lighting --- */}

{/* Badge - Minimalist Block */} {badgeText} {/* Headline - Extreme Kerning / Bold Sans */} {headlinePrefix}
{headlineHighlight} {/* Description - Technical Mono */} // {description} {/* Action Buttons - Stacked for Mobile Visor */} {/* Technical Footer - Grid of icons */}

Auto_Scaling

Low_Latency

End_to_End

); }