"use client"; import React from "react"; import { Cpu, Camera, Battery, Shield } from "lucide-react"; interface TechFeature { id: number; title: string; description: string; icon: React.ReactNode; } export default function DroneExplore({ className }: { className?: string }) { const features: TechFeature[] = [ { id: 1, title: "ADVANCED FLIGHT PROCESSOR", description: "Powerful real-time calculations ensure smooth control, faster response, and exceptional flight stability in every environment.", icon: , }, { id: 2, title: "3-AXIS CAMERA SYSTEM", description: "Professional-grade stabilization technology keeps footage ultra-smooth, sharp, and cinematic even during high-speed maneuvers.", icon: , }, { id: 3, title: "INTELLIGENT POWER SYSTEM", description: "Smart battery management delivers optimized voltage output, real-time power monitoring, and extended high-capacity flight sessions.", icon: , }, { id: 4, title: "REINFORCED AIRFRAME", description: "High-tensile carbon composite structure designed to absorb impacts, shield vital inner circuitry, and resist extreme aerodynamic stress.", icon: , }, ]; return ( <>

{/* Premium High-Tech Subtle Light Grid & Radial Accents */}

{/* Decorative Technical Borders */}

{/* Left Side: Video Showcase with Pristine White Frame */}

{/* Subtle Viewfinder HUD Corner Accents on Video Frame */}

{/* Right Side: Engineering Features */}

{/* Section Header */}

AERONAUTICAL BLUEPRINT

ENGINEERED FROM
THE INSIDE OUT

{/* Feature List */}

{features.map((item) => (

{/* Circular Icon Container */}

{item.icon}

{/* Text Block */}

{item.title}

{item.description}

))}

); }

ENGINEERED FROMTHE INSIDE OUT

{item.title}

ENGINEERED FROM
THE INSIDE OUT