import { Link } from "react-router-dom"; import styles from "./About.module.css"; import Banner from "@/components/Banner"; import { useStore } from "@/store"; import ScrollReveal from "@/components/ScrollReveal"; const FALLBACK_GRADIENT = "linear-gradient(135deg, #1a2a4a 0%, #2d4a7c 100%)"; export default function About() { const appConfig = useStore((s) => s.appConfig); const overview = appConfig?.about?.overview; const banner = overview?.banner; const section1Data = overview?.section1Data?.items ?? []; const getLinkPath = (item: any) => { if(item.path.includes("{id}")) { return item.path.replace("{id}", item.label); } return item.path; } return (
{section1Data.map((item: { title: string; content?: string; backgroundImage?: string; links?: { label: string; path: string }[] }, index: number) => (

{item.title}

{item.content}

{item.links?.map((link: { label: string; path: string }) => ( {link.label} ))}
))}
); }