monadical/greywall-landing-page
14
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: seo optimization p1

Browse Source
This commit is contained in:
Nik L
2026-03-19 15:31:15 -04:00
parent 5726d2d210
commit 0ee456ad58
12 changed files with 341 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/comparison.tsx
View File

@@ -109,22 +109,22 @@ const rows: Row[] = [
function CellIcon({ value }: { value: CellValue }) {
if (value === 'yes') {
return (
<span className="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-400/10">
<Check className="h-3 w-3 text-green-400" />
<span className="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-400/10" aria-label="Supported">
<Check className="h-3 w-3 text-green-400" aria-hidden="true" />
</span>
)
}
if (value === 'no') {
return (
<span className="inline-flex items-center justify-center w-5 h-5 rounded-full bg-red-400/10">
<X className="h-3 w-3 text-red-400/70" />
<span className="inline-flex items-center justify-center w-5 h-5 rounded-full bg-red-400/10" aria-label="Not supported">
<X className="h-3 w-3 text-red-400/70" aria-hidden="true" />
</span>
)
}
if (value === 'partial') {
return (
<span className="inline-flex items-center justify-center w-5 h-5 rounded-full bg-yellow-400/10">
<Minus className="h-3 w-3 text-yellow-400/70" />
<span className="inline-flex items-center justify-center w-5 h-5 rounded-full bg-yellow-400/10" aria-label="Partial support">
<Minus className="h-3 w-3 text-yellow-400/70" aria-hidden="true" />
</span>
)
}
@@ -214,19 +214,19 @@ export function Comparison() {
<div className="mt-6 flex flex-wrap items-center gap-5 text-xs font-sans text-muted-foreground">
<div className="flex items-center gap-1.5">
<span className="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-400/10">
<Check className="h-3 w-3 text-green-400" />
<Check className="h-3 w-3 text-green-400" aria-hidden="true" />
</span>
Supported
</div>
<div className="flex items-center gap-1.5">
<span className="inline-flex items-center justify-center w-5 h-5 rounded-full bg-yellow-400/10">
<Minus className="h-3 w-3 text-yellow-400/70" />
<Minus className="h-3 w-3 text-yellow-400/70" aria-hidden="true" />
</span>
Partial
</div>
<div className="flex items-center gap-1.5">
<span className="inline-flex items-center justify-center w-5 h-5 rounded-full bg-red-400/10">
<X className="h-3 w-3 text-red-400/70" />
<X className="h-3 w-3 text-red-400/70" aria-hidden="true" />
</span>
Not supported
</div>