Block Editor
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    import Image from 'next/image'
    import { Badge } from '@/components/ui/badge'
    import { Card, CardContent } from '@/components/ui/card'
    import type { ImageType } from '@/types'
    interface Props {
      badge?: string
      title: string
      description: string
      items: {
        id: string
        title: string
        description: string
        image?: ImageType
      }[]
    }
    export default function Features({ badge, title, description, items }: Props) {
      return (
        <div className="w-full py-20 lg:py-40">
          <div className="container mx-auto">
            <div className="flex flex-col gap-10">
              <div className="flex gap-4 flex-col items-start">
                {badge && <Badge>{badge}</Badge>}
                <div className="flex gap-2 flex-col">
                  <h2 className="text-3xl md:text-5xl tracking-tighter max-w-xl font-semibold text-left">{title}</h2>
                  <p className="text-lg max-w-xl lg:max-w-lg leading-relaxed tracking-tight text-muted-foreground text-left">
                    {description}
                  </p>

    No issues found