import React from "react"; import { Link } from "react-router-dom"; import yaml from "yaml"; import contentYaml from "../content/home-content.yml?raw"; import { HomeContent, HomeSection } from "../types/home-content"; import "../components/Button.css"; const content = yaml.parse(contentYaml) as HomeContent; const SectionCard: React.FC<{ section: HomeSection }> = ({ section }) => { if (section.external) { return (

{section.title}

{section.description}

{section.linkText}
); } return (

{section.title}

{section.description}

{section.linkText}
); }; export default function Home() { return (

BenchCompress Logo {content.title}

{content.description}

{Object.entries(content.sections).map(([key, section]) => ( ))}
); }