feat: Introduce new AI skills, core application layout, and cinematic UI components for the portfolio.

This commit is contained in:
Evandro Fonseca Junior committed 2026-03-18 07:15:39 -03:00
1 parent 04923ccb2f
commit a3ffc2a25e
26 files changed
+5020 -34

No files matched your search

+16 -13
View File
@@ -8,6 +8,8 @@ import {
siteName,
siteUrl,
} from "@/lib/site-content";
import HeroBackground from "@/app/components/cinematic/HeroBackground";
import MagneticButton from "@/app/components/cinematic/MagneticButton";
interface ServicePageProps {
params: Promise<{
@@ -124,8 +126,9 @@ export default async function ServicePage({ params }: ServicePageProps) {
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
/>
<section className="ds-section ds-section-dark">
<div className="ds-section-shell">
<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]">
<p className="ds-eyebrow">{service.eyebrow}</p>
<h1 className="ds-section-title max-w-[14ch] text-balance text-white">
@@ -135,12 +138,12 @@ export default async function ServicePage({ params }: ServicePageProps) {
{service.intro}
</p>
<div className="mt-sp-8 flex flex-wrap gap-sp-3">
<a href={service.ctaHref} className="ds-link ds-link-accent">
<MagneticButton as="a" href={service.ctaHref} className="ds-link ds-link-accent" strength={0.25}>
{service.ctaLabel}
</a>
<Link href="/cases" className="ds-link ds-link-muted">
</MagneticButton>
<MagneticButton as="a" href="/cases" className="ds-link ds-link-muted" strength={0.2}>
Ver casos relacionados
</Link>
</MagneticButton>
</div>
</div>
</div>
@@ -178,7 +181,7 @@ export default async function ServicePage({ params }: ServicePageProps) {
<article className="ds-card">
<div className="ds-kicker">Como eu estruturo</div>
<h2 className="ds-card-title">Processo de trabalho</h2>
<ol className="mt-sp-5 space-y-sp-4 text-[14px] leading-8 text-[var(--ink-80)]">
<ol className="list-none mt-sp-5 space-y-sp-4 text-[14px] leading-8 text-[var(--ink-80)]">
{service.process.map((step, index) => (
<li key={step} className="border-t border-[var(--border)] pt-sp-4 first:border-t-0 first:pt-0">
<span className="mr-sp-3 inline-flex h-7 min-w-7 items-center justify-center rounded-full border border-[var(--border)] text-[11px] font-semibold text-[var(--meta)]">
@@ -199,9 +202,9 @@ export default async function ServicePage({ params }: ServicePageProps) {
</p>
<ul className="ds-tags">
{service.stack.map((item) => (
<li key={item} className="ds-tag">
<MagneticButton key={item} as="li" className="ds-tag" strength={0.15}>
{item}
</li>
</MagneticButton>
))}
</ul>
</article>
@@ -267,12 +270,12 @@ export default async function ServicePage({ params }: ServicePageProps) {
indico o caminho mais seguro para avancar.
</p>
<div className="mt-sp-6 flex flex-wrap gap-sp-3">
<a href={service.ctaHref} className="ds-link ds-link-accent">
<MagneticButton as="a" href={service.ctaHref} className="ds-link ds-link-accent" strength={0.25}>
{service.ctaLabel}
</a>
<Link href="/servicos" className="ds-link ds-link-muted">
</MagneticButton>
<MagneticButton as="a" href="/servicos" className="ds-link ds-link-muted" strength={0.2}>
Ver todos os servicos
</Link>
</MagneticButton>
</div>
</div>
</div>
+7 -4
View File
@@ -1,6 +1,8 @@
import Link from "next/link";
import type { Metadata } from "next";
import { serviceHubLinks, servicePages, siteName, siteUrl } from "@/lib/site-content";
import HeroBackground from "@/app/components/cinematic/HeroBackground";
import MagneticButton from "@/app/components/cinematic/MagneticButton";
export const metadata: Metadata = {
title: `Servicos de Engenharia de Software e Consultoria Tecnica | ${siteName}`,
@@ -50,8 +52,9 @@ export default function ServicesIndexPage() {
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
/>
<section className="ds-section ds-section-dark">
<div className="ds-section-shell">
<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]">
<p className="ds-eyebrow">Hub de servicos</p>
<h1 className="ds-section-title max-w-[14ch] text-balance text-white">
@@ -74,9 +77,9 @@ export default function ServicesIndexPage() {
<h2 className="ds-card-title">{service.label}</h2>
<p className="ds-copy">{service.description}</p>
<div className="mt-sp-6">
<Link href={service.href} className="ds-link ds-link-accent">
<MagneticButton as="a" href={service.href} className="ds-link ds-link-accent" strength={0.25}>
Abrir pagina
</Link>
</MagneticButton>
</div>
</article>
))}