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
Image
from
"next/image"
import
{
Badge
}
from
"@/components/ui/badge"
import
{
Card
,
CardContent
}
from
"@/components/ui/card"
import
{
IconType
,
ImageType
}
from
"@/types"
interface
Props
{
badge
:
string
title
:
string
description
:
string
features
:
{
title
:
string
description
:
string
image
:
ImageType
icon
:
IconType
}
[
]
}
export
default
function
Features
(
{
badge
,
title
,
description
,
features
,
}
:
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
>
Problems
No issues found