121 lines
3.9 KiB
TypeScript
121 lines
3.9 KiB
TypeScript
import type { Metadata } from "next";
|
|
import Link from "next/link";
|
|
import HeroBackground from "@/app/components/cinematic/HeroBackground";
|
|
import MagneticButton from "@/app/components/cinematic/MagneticButton";
|
|
import { safeJsonLd } from "@/lib/jsonld";
|
|
import { buildBreadcrumbList } from "@/lib/seo";
|
|
import { serviceHubLinks, siteName, siteUrl } from "@/lib/site-content";
|
|
|
|
const pageUrl = `${siteUrl}/servicos`;
|
|
const pageTitle = "Serviços de Engenharia de Software e Consultoria Técnica";
|
|
const pageDescription =
|
|
"Desenvolvimento e consultoria em engenharia de software, Next.js, Tauri, Rust, arquitetura e integração hardware + software para produtos e sistemas críticos.";
|
|
|
|
export const metadata: Metadata = {
|
|
title: pageTitle,
|
|
description: pageDescription,
|
|
alternates: {
|
|
canonical: pageUrl,
|
|
},
|
|
openGraph: {
|
|
title: pageTitle,
|
|
description: pageDescription,
|
|
url: pageUrl,
|
|
siteName,
|
|
type: "website",
|
|
},
|
|
};
|
|
|
|
export default function ServicesIndexPage() {
|
|
const jsonLd = {
|
|
"@context": "https://schema.org",
|
|
"@graph": [
|
|
{
|
|
"@type": "CollectionPage",
|
|
"@id": `${pageUrl}#page`,
|
|
name: pageTitle,
|
|
url: pageUrl,
|
|
description: pageDescription,
|
|
},
|
|
{
|
|
"@type": "ItemList",
|
|
itemListElement: serviceHubLinks.map((service, index) => ({
|
|
"@type": "ListItem",
|
|
position: index + 1,
|
|
url: `${siteUrl}${service.href}`,
|
|
name: service.label,
|
|
})),
|
|
},
|
|
buildBreadcrumbList(pageUrl, [
|
|
["Início", siteUrl],
|
|
["Serviços", pageUrl],
|
|
] as const),
|
|
],
|
|
};
|
|
|
|
return (
|
|
<main>
|
|
<script type="application/ld+json">{safeJsonLd(jsonLd)}</script>
|
|
|
|
<section className="ds-section ds-section-dark relative min-h-[340px] overflow-hidden">
|
|
<HeroBackground />
|
|
<div className="ds-section-shell relative z-10">
|
|
<div className="max-w-[860px]">
|
|
<nav aria-label="Breadcrumb" className="mb-sp-6">
|
|
<ol className="flex flex-wrap items-center gap-sp-2 text-sm">
|
|
<li>
|
|
<Link className="ds-link ds-link-muted" href="/">
|
|
Início
|
|
</Link>
|
|
</li>
|
|
<li className="flex items-center gap-sp-2">
|
|
<span aria-hidden="true">/</span>
|
|
<Link
|
|
aria-current="page"
|
|
className="ds-link ds-link-muted"
|
|
href="/servicos"
|
|
>
|
|
Serviços
|
|
</Link>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
<p className="ds-eyebrow">Hub de serviços</p>
|
|
<h1 className="ds-section-title max-w-[14ch] text-balance text-white">
|
|
Serviços de engenharia de software para contextos técnicos de alta
|
|
exigência.
|
|
</h1>
|
|
<p className="ds-copy max-w-[64ch] !text-[rgba(255,255,255,0.78)]">
|
|
{pageDescription}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section className="ds-section">
|
|
<div className="ds-section-shell">
|
|
<div className="ds-grid-2">
|
|
{serviceHubLinks.map((service) => (
|
|
<article key={service.href} className="ds-card">
|
|
<div className="ds-kicker">Serviço especializado</div>
|
|
<h2 className="ds-card-title">{service.label}</h2>
|
|
<p className="ds-copy">{service.description}</p>
|
|
<div className="mt-sp-6">
|
|
<MagneticButton
|
|
as="a"
|
|
href={service.href}
|
|
className="ds-link ds-link-accent"
|
|
strength={0.25}
|
|
>
|
|
Abrir página
|
|
</MagneticButton>
|
|
</div>
|
|
</article>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
);
|
|
}
|