import { DynamicIcon, Pressable } from "@opensite/ui"; import { FeatureIconGridAccent } from "@opensite/ui/blocks/features/feature-icon-grid-accent"; export default function Demo() { return (

Optimized performance ensures your applications load instantly and respond smoothly.

Get Started

), }, { iconName: "lucide/shield-check", title: "Enterprise Security", iconClassName: "bg-black/80 border-gray border-4 text-white w-16 h-16 rounded-2xl", description: (

Bank-level encryption and compliance standards protect your data at every layer.

Learn More

), }, { iconName: "lucide/layers", title: "Seamless Integration", iconClassName: "bg-black/80 border-gray border-4 text-white w-16 h-16 rounded-2xl", description: (

Connect with your existing tools through our comprehensive API and plugin ecosystem.

Schedule a Demo

), }, { iconName: "lucide/bar-chart-3", title: "Advanced Analytics", iconClassName: "bg-black/80 border-gray border-4 text-white w-16 h-16 rounded-2xl", description: (

Real-time insights and customizable dashboards help you make data-driven decisions.

View Reports

), }, ]} spacing="xl" pattern="diagonalCrossFadeTop" patternOpacity={1} background="gray" /> ); }

Feature Icon Grid Accent

Live Preview

Performance Metrics