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 Link from "next/link"
    import { Badge } from "@/components/ui/badge"
    import { Card, CardContent } from "@/components/ui/card"
    import type { ImageType, LinkType } from "@/types"
    interface Props {
      badge?: string
      title: string
      description: string
      items: {
        title: string
        description: string
        image: ImageType
        category?: string
        link: LinkType
      }[]
    }
    export default function Gallery3({ 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}

    No issues found