Block Editor
Preview
Code
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
{
Card
,
CardContent
}
from
"@/components/ui/card"
import
type
{
IconType
}
from
"@/types"
interface
Props
{
headline
:
string
description
:
string
items
:
{
icon
:
IconType
name
:
string
description
:
string
}
[
]
}
export
default
function
Logos5
(
{
headline
,
description
,
items
}
:
Props
)
{
return
(
<
section className
=
"py-16 lg:py-24"
>
<
div className
=
"container mx-auto px-4"
>
<
div className
=
"mx-auto max-w-2xl text-center"
>
<
h2 className
=
"text-3xl font-medium tracking-tight lg:text-4xl"
>
{
headline
}
</
h2
>
<
p className
=
"mt-4 text-muted-foreground"
>
{
description
}
</
p
>
</
div
>
<
div className
=
"mt-12 grid gap-6 sm:grid-cols-2 lg:grid-cols-3"
>
{
items
.
map
(
(
{
icon
,
name
,
description
}
,
index
)
=>
(
<
Card
key
=
{
index
}
className
=
"group relative overflow-hidden transition-all hov
er:shadow-lg"
>
Problems
No issues found