first commit

src/app/casos-de-uso/page.tsx

@@ -0,0 +1,33 @@
+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 />
+        </>
+    );
+}