feat: Introduce new AI skills, core application layout, and cinematic UI components for the portfolio.
This commit is contained in:
1 parent
04923ccb2f
commit
a3ffc2a25e
26 files changed
+5020
-34
No files matched your search
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
))}
|
||||
|
||||
Reference in new issue
Block a user