'use client' import { Zap, Shield, Smartphone, Globe, Cloud, Lock, Sparkles, Rocket, RefreshCw, Layers, Cpu, Wifi } from 'lucide-react' // Modern Grid with Icons export function ModernFeatureGrid() { const features = [ { title: "Lightning Fast", description: "Built on cutting-edge technology for optimal performance and speed.", icon: }, { title: "Secure by Default", description: "Enterprise-grade security with end-to-end encryption built in.", icon: }, { title: "Mobile Optimized", description: "Responsive design that works seamlessly across all devices.", icon: }, { title: "Global Scale", description: "Deploy worldwide with automatic scaling and load balancing.", icon: } ] return (

Deploy faster

Everything you need to deploy your app

Quis tellus eget adipiscing convallis sit sit eget aliquet quis. Suspendisse eget egestas a elementum.

{feature.icon} {feature.title}: {feature.description}

) } // Card Grid with Hover Effects export function CardFeatureGrid() { const features = [ { title: "Cloud Infrastructure", description: "Deploy to our global cloud infrastructure with just a few clicks.", icon: }, { title: "Advanced Security", description: "Enterprise-grade security features to protect your data.", icon: }, { title: "AI-Powered", description: "Leverage machine learning for intelligent insights.", icon: }, { title: "Quick Deployment", description: "Go from code to production in minutes, not hours.", icon: }, { title: "Auto Updates", description: "Always stay up to date with automatic updates.", icon: }, { title: "Scalable Architecture", description: "Built to scale with your needs, from startup to enterprise.", icon: } ] return (

Everything you need

Powerful features for powerful developers

{feature.title}: {feature.description}

) } // Minimal Grid with Border export function MinimalFeatureGrid() { const features = [ { title: "High Performance", description: "Optimized for speed and efficiency at every level.", icon: }, { title: "Always Connected", description: "Stay connected with real-time updates and notifications.", icon: }, { title: "Global CDN", description: "Content delivery network spanning the globe.", icon: }, { title: "Smart Caching", description: "Intelligent caching for faster load times.", icon: } ] return (

Built for developers

Designed and built by developers for developers. Every feature is crafted with performance and ease of use in mind.

{features.map((feature, featureIdx) => (

{feature.icon}

{feature.title}

{feature.description}

))}

) } export default function FeatureGridPage() { return (

) }

Features Grid