'use client'; import React from 'react'; import { Code, Zap, Brain, Shield, Layers, Sparkles, TrendingUp, Users, } from 'lucide-react'; const items = [ { title: 'AI-Powered Analytics', meta: 'Real-time insights', description: 'Transform your data into actionable insights with advanced machine learning algorithms that adapt to your business needs.', icon: , status: 'Popular', tags: ['AI', 'Analytics', 'ML'], colSpan: 2, hasPersistentHover: true, }, { title: 'Lightning Performance', meta: 'Sub-second response', description: 'Experience blazing-fast performance with our optimized infrastructure built for scale.', icon: , status: 'Featured', tags: ['Speed', 'Cloud'], }, { title: 'Security First', description: 'Enterprise-grade security with end-to-end encryption, compliance certifications, and regular audits.', icon: , status: 'Essential', }, { title: 'Smart Automation', description: 'Automate complex workflows with intelligent triggers and actions that save hours of manual work.', icon: , meta: 'Save 20hrs/week', tags: ['Automation', 'Workflow'], }, { title: 'Team Collaboration', description: 'Work together seamlessly with real-time sync, comments, and version control for your entire team.', icon: , meta: 'Unlimited users', tags: ['Teams', 'Sync'], }, { title: 'Advanced Integration', meta: '500+ apps', description: 'Connect with all your favorite tools through our extensive integration marketplace and REST API.', icon: , status: 'New', tags: ['API', 'Integrations'], }, { title: 'Growth Analytics', meta: 'Predictive AI', description: 'Forecast trends, identify opportunities, and optimize your strategy with predictive analytics powered by machine learning models.', icon: , status: 'Premium', tags: ['Growth', 'Predictions'], colSpan: 2, }, ]; export default function BentoGrid3() { return (

{/* Decorative elements */}

Build Faster, Smarter, Better

Everything you need to scale your business in one powerful platform

{items.map((item, index) => (

{/* Dot pattern overlay */}

{/* Header */}

{item.icon}

{item.status || 'Active'}

{/* Content */}

{item.title} {item.meta && ( {item.meta} )}

{item.description}

{/* Footer */}

{item.tags?.map((tag) => ( #{tag} ))}

Learn more →

{/* Gradient border on hover */}

))}

); }