import type { Metadata } from "next";
import PageHero from "@/components/PageHero";
import Section from "@/components/Section";
import CTASection from "@/components/CTASection";
import Button from "@/components/Button";
import CasosDeUsoTabs from "./CasosDeUsoTabs";

export const metadata: Metadata = {
    title: "Casos de Uso",
    description:
        "De intervalos na pista a ultras de montanha — o HUD adapta-se ao teu contexto de corrida.",
};

export default function CasosDeUsoPage() {
    return (
        <>
            <PageHero
                title="Casos de uso"
                description="De intervalos na pista a ultras de montanha — o HUD adapta-se ao teu contexto."
            >
                <Button href="/contactos" trackEvent="casos_pedir_demo">
                    Pedir demo
                </Button>
            </PageHero>

            <Section>
                <CasosDeUsoTabs />
            </Section>

            <CTASection />
        </>
    );
}
