import { cn } from "@/lib/utils"; import { IconAdjustmentsBolt, IconCloud, IconCurrencyDollar, IconEaseInOut, IconHeart, IconHelp, IconRouteAltLeft, IconTerminal2, } from "@tabler/icons-react"; export function FeaturesSectionWithHoverEffects() { const features = [ { title: "Built for developers", description: "Built for engineers, developers, dreamers, thinkers and doers.", icon: , }, { title: "Ease of use", description: "It's as easy as using an Apple, and as expensive as buying one.", icon: , }, { title: "Pricing like no other", description: "Our prices are best in the market. No cap, no lock, no credit card required.", icon: , }, { title: "100% Uptime guarantee", description: "We just cannot be taken down by anyone.", icon: , }, { title: "Multi-tenant Architecture", description: "You can simply share passwords instead of buying new seats", icon: , }, { title: "24/7 Customer Support", description: "We are available a 100% of the time. Atleast our AI Agents are.", icon: , }, { title: "Money back guarantee", description: "If you donot like EveryAI, we will convince you to like us.", icon: , }, { title: "And everything else", description: "I just ran out of copy ideas. Accept my sincere apologies", icon: , }, ]; return (

{features.map((feature, index) => ( ))}

); } const Feature = ({ title, description, icon, index, }: { title: string; description: string; icon: React.ReactNode; index: number; }) => { return (

{index < 4 && (

)} {index >= 4 && (

)}

{icon}

{title}

{description}

); };