import type { Metadata } from "next"; import { IconBrandLinkedinFilled, IconMailFilled, IconPhoneFilled, } from "@tabler/icons-react"; import Hero from "@/components/content/Hero"; import SectionLabel from "@/components/layout/SectionLabel"; import AccentLink from "@/components/navigation/AccentLink"; import GiteaIcon from "@/components/icons/GiteaIcon"; import Tooltip from "@/components/ui/Tooltip"; import CopyButton from "@/components/ui/CopyButton"; import { about, colors, education, email, gitea, linkedIn, phone, timeline, } from "@/constants"; export const metadata: Metadata = { title: "About — Angel Mankel", }; export default function AboutPage() { return (
{/* Hero Section */}
{about.map((paragraph) => (

{paragraph}

))}
{/* Education */}
    {education.map((row) => (
  • {row.span} {row.degree} · {row.location}
  • ))}
{/* Timeline */}
    {timeline.map((row) => (
  • {row.span} {row.role}
  • ))}

Email: {email}

Phone: {phone}

{/* Social Links */}
); }