Update features comparison table content (#3)

* Update features comparison table

* lint

Author: ioanSflt

e2e/navigation.spec.ts

@@ -1,4 +1,4 @@
-import { expect, Locator, test } from "@playwright/test";
+import { expect, type Locator, test } from "@playwright/test";
 import { HomePage } from "./fixtures/HomePage";
 
 test.describe("Navigation and Section Interaction", () => {

src/components/layouts/FloatingNav.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import { ExternalLink } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { MobileMenu } from "@/components/layouts/MobileMenu";
 import { ThemeToggle } from "@/components/shared/ThemeToggle";
 import { Button } from "@/components/ui/button";
@@ -11,8 +13,6 @@ import {
 } from "@/constants/navigation";
 import { URLS } from "@/constants/urls";
 import { cn } from "@/lib/utils";
-import { ExternalLink } from "lucide-react";
-import { useCallback, useEffect, useRef, useState } from "react";
 
 export function FloatingNav() {
 	const [activeSection, setActiveSection] = useState("hero");

src/components/layouts/Footer.tsx

@@ -1,10 +1,10 @@
 "use client";
 
+import Image from "next/image";
 import { FOOTER_CONTENT, type FooterLink } from "@/constants/footer";
 import { URLS } from "@/constants/urls";
 import { useThemeFolder } from "@/hooks/useThemeFolder";
 import { cn } from "@/lib/utils";
-import Image from "next/image";
 import { Logo } from "../shared/Logo";
 
 export function Footer() {

src/components/layouts/MobileMenu.tsx

@@ -1,10 +1,10 @@
 "use client";
 
+import { Menu, X } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
 import { Button } from "@/components/ui/button";
 import { ISOLATED_NAV_LABELS, type MenuItem } from "@/constants/navigation";
 import { cn } from "@/lib/utils";
-import { Menu, X } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
 
 interface MobileMenuProps {
 	items: readonly MenuItem[];

src/components/sections/ChainSpecsSection.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { CHAIN_SPECS_CONTENT } from "@/constants/chain-specs";
 import { Download } from "lucide-react";
+import { CHAIN_SPECS_CONTENT } from "@/constants/chain-specs";
 
 export function ChainSpecsSection() {
 	return (

src/components/sections/CommunitySection.tsx

@@ -1,9 +1,9 @@
 "use client";
 
+import { BookOpen, Github, MessageCircle } from "lucide-react";
 import { PrimaryButton } from "@/components/shared/PrimaryButton";
 import { SecondaryButton } from "@/components/shared/SecondaryButton";
 import { COMMUNITY_CONTENT } from "@/constants/content";
-import { BookOpen, Github, MessageCircle } from "lucide-react";
 
 export function CommunitySection() {
 	const iconMap = {

src/components/sections/ComparisonSection.tsx

@@ -92,7 +92,13 @@ export function ComparisonSection() {
 												</div>
 											</td>
 											<td className="py-4 px-4 md:px-6 text-center">
-												{item.paseo ? (
+												{typeof item.paseo === "string" ? (
+													<div className="flex justify-center items-center min-h-[40px]">
+														<span className="text-sm md:text-base font-medium text-muted-foreground">
+															{item.paseo}
+														</span>
+													</div>
+												) : item.paseo ? (
 													<div className="flex justify-center">
 														<div className="p-2 rounded-full">
 															<Check className="w-5 h-5 text-green-600 dark:text-green-400" />
@@ -107,7 +113,13 @@ export function ComparisonSection() {
 												)}
 											</td>
 											<td className="py-4 px-4 md:px-6 text-center">
-												{item.kusama ? (
+												{typeof item.kusama === "string" ? (
+													<div className="flex justify-center items-center min-h-[40px]">
+														<span className="text-sm md:text-base font-medium text-muted-foreground">
+															{item.kusama}
+														</span>
+													</div>
+												) : item.kusama ? (
 													<div className="flex justify-center">
 														<div className="p-2 rounded-full">
 															<Check className="w-5 h-5 text-green-600 dark:text-green-400" />
@@ -122,7 +134,13 @@ export function ComparisonSection() {
 												)}
 											</td>
 											<td className="py-4 px-4 md:px-6 text-center">
-												{item.polkadot ? (
+												{typeof item.polkadot === "string" ? (
+													<div className="flex justify-center items-center min-h-[40px]">
+														<span className="text-sm md:text-base font-medium text-muted-foreground">
+															{item.polkadot}
+														</span>
+													</div>
+												) : item.polkadot ? (
 													<div className="flex justify-center">
 														<div className="p-2 rounded-full">
 															<Check className="w-5 h-5 text-green-600 dark:text-green-400" />

src/components/sections/LogoSection.tsx

@@ -1,13 +1,13 @@
 "use client";
 
+import Image from "next/image";
+import { useEffect, useRef, useState } from "react";
 import {
 	CONTRIBUTORS,
 	CORE_MAINTAINERS,
 	type Contributor,
 } from "@/constants/contributors";
 import { useThemeFolder } from "@/hooks/useThemeFolder";
-import Image from "next/image";
-import { useEffect, useRef, useState } from "react";
 
 export function LogoSection() {
 	const themeFolder = useThemeFolder();

src/constants/chain-specs.tsx

@@ -1,4 +1,4 @@
-import { Database, FileCode, LucideIcon, Server } from "lucide-react";
+import { Database, FileCode, type LucideIcon, Server } from "lucide-react";
 import { URLS } from "./urls";
 
 interface ChainSpec {

src/constants/content.ts

@@ -82,9 +82,9 @@ interface ComparisonContent {
 		readonly items: readonly {
 			readonly feature: string;
 			readonly link: string | undefined;
-			readonly paseo: boolean;
-			readonly kusama: boolean;
-			readonly polkadot: boolean;
+			readonly paseo: boolean | string;
+			readonly kusama: boolean | string;
+			readonly polkadot: boolean | string;
 		}[];
 	};
 	readonly costs: {
@@ -133,7 +133,7 @@ export const COMPARISON_CONTENT = {
 				link: undefined,
 				paseo: true,
 				kusama: true,
-				polkadot: false,
+				polkadot: true,
 			},
 			{
 				feature: "PolkaVM Contracts",
@@ -146,16 +146,23 @@ export const COMPARISON_CONTENT = {
 				feature: "Contracts: ERC-20 Precompile",
 				link: undefined,
 				paseo: true,
-				kusama: false,
+				kusama: true,
 				polkadot: false,
 			},
 			{
 				feature: "Contracts: XCM Precompile",
 				link: undefined,
 				paseo: true,
-				kusama: false,
+				kusama: true,
 				polkadot: false,
 			},
+			{
+				feature: "Coretime Interlude Period",
+				link: undefined,
+				paseo: "2 days",
+				kusama: "7 days",
+				polkadot: "7 days",
+			},
 		],
 	},
 	costs: {