"use client"; import { BarChart3, Clock, Globe, Lock, MessageSquare, Sparkles, } from "lucide-react"; import Link from "next/link"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { cn } from "@/lib/utils"; interface FeatureCard { id: string; icon?: React.ReactNode; title: string; description: string; stat?: { value: string; label: string; }; } interface ButtonItem { id: string; label: string; href?: string; variant?: | "default" | "secondary" | "outline" | "ghost" | "link" | "destructive"; } interface Feature29Props { badge?: { label: string; variant?: "default" | "secondary" | "outline"; }; heading?: string; description?: string; features?: FeatureCard[]; buttons?: ButtonItem[]; className?: string; } export const feature29Demo: Feature29Props = { badge: { label: "Platform", variant: "secondary" }, heading: "Everything you need to scale", description: "A complete toolkit designed to grow with your business, from startup to enterprise.", features: [ { id: "feature-1", icon: , title: "AI-Powered Insights", description: "Get actionable recommendations based on your data patterns and industry benchmarks.", stat: { value: "3x", label: "faster decisions", }, }, { id: "feature-2", icon: , title: "Global CDN", description: "Content delivered from 200+ edge locations for blazing-fast load times worldwide.", stat: { value: "<50ms", label: "avg. latency", }, }, { id: "feature-3", icon: , title: "Enterprise Security", description: "SOC 2 Type II certified with end-to-end encryption and granular access controls.", stat: { value: "99.99%", label: "uptime SLA", }, }, { id: "feature-4", icon: , title: "Real-time Collaboration", description: "Work together seamlessly with live cursors, comments, and instant sync.", stat: { value: "10K+", label: "active teams", }, }, { id: "feature-5", icon: , title: "Advanced Analytics", description: "Deep insights into user behavior, conversions, and content performance.", stat: { value: "50+", label: "metrics tracked", }, }, { id: "feature-6", icon: , title: "Version History", description: "Never lose work with automatic versioning and one-click rollback.", stat: { value: "90 days", label: "retention", }, }, ], buttons: [ { id: "btn-1", label: "Explore all features", href: "https://beste.co" }, ], }; export function Feature29({ badge, heading, description, features = [], buttons = [], className, }: Feature29Props) { if (features.length === 0) return null; return (

{(badge || heading || description) && (

{badge && (

{badge.label}

)} {heading && (

{heading}

)} {description && (

{description}

)}

{features.map((feature) => (

{/* Icon */}

{feature.icon}

{/* Title & Description */}

{feature.title}

{feature.description}

{/* Stat */} {feature.stat && (

{feature.stat.label} {feature.stat.value}

)}

))}

{buttons.length > 0 && (

{buttons.map((button) => ( ))}

)}

); }