fonte menor no site, menu maior e dash sem titulo

This commit is contained in:
Armando Soares 2026-09-16 05:43:57 +00:00
parent 0fd708762c
commit 96ef241731
5 changed files with 20 additions and 28 deletions

View File

@ -74,15 +74,7 @@ export default function DashboardPage() {
return ( return (
<section> <section>
<p className="text-xs font-semibold uppercase tracking-[0.28em] text-[#82C85C]">Dashboard</p> <ul className="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
<h1 className="font-display mt-2 text-4xl font-extrabold uppercase">Decisão da operação</h1>
<p className="mt-4 max-w-2xl text-[#E8F4E5]/65">
Últimos {data.periodDays} dias · {data.customers} cliente{data.customers === 1 ? "" : "s"} ·{" "}
{data.activeCarriers} transportadora{data.activeCarriers === 1 ? "" : "s"} ativa
{data.activeCarriers === 1 ? "" : "s"}
</p>
<ul className="mt-8 grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
{cards.map((card) => ( {cards.map((card) => (
<li key={card.label} className="rounded-2xl border border-white/10 px-5 py-5"> <li key={card.label} className="rounded-2xl border border-white/10 px-5 py-5">
<p className="text-xs uppercase tracking-wider text-[#E8F4E5]/45">{card.label}</p> <p className="text-xs uppercase tracking-wider text-[#E8F4E5]/45">{card.label}</p>

View File

@ -231,9 +231,9 @@ h3,
.chapter h2 { .chapter h2 {
max-width: 16ch; max-width: 16ch;
margin: 0; margin: 0;
font-size: clamp(2.4rem, 6vw, 4.6rem); font-size: clamp(1.85rem, 4.2vw, 3.15rem);
font-weight: 800; font-weight: 800;
line-height: 0.95; line-height: 1.05;
text-transform: uppercase; text-transform: uppercase;
} }
@ -249,8 +249,8 @@ h3,
.lede { .lede {
max-width: 34rem; max-width: 34rem;
margin: 1.25rem 0 0; margin: 1.25rem 0 0;
font-size: 1.2rem; font-size: 1.05rem;
line-height: 1.5; line-height: 1.55;
color: rgba(232, 244, 229, 0.62); color: rgba(232, 244, 229, 0.62);
} }
@ -465,7 +465,7 @@ h3,
} }
.route-line { .route-line {
font-size: 1.4rem; font-size: 1.15rem;
font-weight: 600; font-weight: 600;
} }
@ -513,7 +513,7 @@ h3,
.live-feed li { .live-feed li {
border-bottom: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08);
padding: 1rem 0; padding: 1rem 0;
font-size: 1.25rem; font-size: 1.05rem;
} }
.flow { .flow {
@ -578,8 +578,8 @@ h3,
} }
.metrics strong { .metrics strong {
font-size: clamp(3rem, 8vw, 5.5rem); font-size: clamp(2.2rem, 5.5vw, 3.6rem);
line-height: 0.9; line-height: 0.95;
} }
.metrics p { .metrics p {
@ -597,7 +597,7 @@ h3,
@media (max-width: 767px) { @media (max-width: 767px) {
.hero-copy h1 { .hero-copy h1 {
font-size: 2.6rem; font-size: 2.05rem;
} }
.carrier-table { .carrier-table {

View File

@ -38,10 +38,10 @@ export function SinkaLanding() {
<ScrollFilm src="/film/sinka-hero.mp4?v=2" poster="/film/sinka-hero-poster.jpg"> <ScrollFilm src="/film/sinka-hero.mp4?v=2" poster="/film/sinka-hero-poster.jpg">
<section className="hero-copy"> <section className="hero-copy">
<h1 className="mt-0 max-w-3xl font-display text-5xl font-extrabold leading-[0.95] md:text-7xl"> <h1 className="mt-0 max-w-3xl font-display text-4xl font-extrabold leading-[1.02] md:text-5xl">
A inteligência que move sua operação. A inteligência que move sua operação.
</h1> </h1>
<p className="mt-6 max-w-lg text-lg text-[#E8F4E5]/65"> <p className="mt-5 max-w-lg text-base text-[#E8F4E5]/65">
Simule fretes, analise custos e transforme dados logísticos em decisões mais Simule fretes, analise custos e transforme dados logísticos em decisões mais
inteligentes. inteligentes.
</p> </p>

View File

@ -15,19 +15,19 @@ export function SiteHeader() {
return ( return (
<header className="fixed top-0 z-40 w-full bg-black/55 backdrop-blur-md"> <header className="fixed top-0 z-40 w-full bg-black/55 backdrop-blur-md">
<div className="mx-auto flex max-w-6xl items-center justify-between gap-4 px-5 py-3"> <div className="mx-auto flex max-w-6xl items-center justify-between gap-4 px-5 py-4">
<a href="#topo" className="shrink-0" onClick={() => setOpen(false)}> <a href="#topo" className="shrink-0" onClick={() => setOpen(false)}>
<Image <Image
src="/brand/sinka-logo.webp" src="/brand/sinka-logo.webp"
alt="Sinka: Inteligência em Logística" alt="Sinka: Inteligência em Logística"
width={180} width={180}
height={58} height={58}
className="h-7 w-auto md:h-8" className="h-8 w-auto md:h-9"
priority priority
/> />
</a> </a>
<nav className="hidden items-center gap-7 text-sm text-[#E8F4E5]/70 md:flex"> <nav className="hidden items-center gap-8 text-base text-[#E8F4E5]/80 md:flex">
{links.map((link) => ( {links.map((link) => (
<a key={link.href} href={link.href} className="transition hover:text-[#E8F4E5]"> <a key={link.href} href={link.href} className="transition hover:text-[#E8F4E5]">
{link.label} {link.label}
@ -38,13 +38,13 @@ export function SiteHeader() {
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<a <a
href="#acesso" href="#acesso"
className="hidden rounded-full border border-[#82C85C]/40 px-4 py-2 text-xs font-semibold uppercase tracking-wide text-[#E8F4E5] md:inline-flex" className="hidden rounded-full border border-[#82C85C]/40 px-5 py-2.5 text-sm font-semibold uppercase tracking-wide text-[#E8F4E5] md:inline-flex"
> >
Conhecer a plataforma Conhecer a plataforma
</a> </a>
<a <a
href="/cliente-1/login" href="/cliente-1/login"
className="rounded-full bg-[#82C85C] px-4 py-2 text-xs font-semibold uppercase tracking-wide text-black" className="rounded-full bg-[#82C85C] px-5 py-2.5 text-sm font-semibold uppercase tracking-wide text-black"
> >
Entrar Entrar
</a> </a>
@ -61,7 +61,7 @@ export function SiteHeader() {
</div> </div>
{open ? ( {open ? (
<nav className="flex flex-col gap-3 border-t border-white/10 px-5 py-4 md:hidden"> <nav className="flex flex-col gap-3 border-t border-white/10 px-5 py-4 text-base md:hidden">
{links.map((link) => ( {links.map((link) => (
<a <a
key={link.href} key={link.href}

View File

@ -123,7 +123,7 @@ export function RestrictedShell({
<Link <Link
key={link.href} key={link.href}
href={link.href} href={link.href}
className={`rounded-lg px-3 py-2.5 text-sm ${ className={`rounded-lg px-3 py-3 text-base ${
active active
? "bg-[#82C85C]/12 font-medium text-[#82C85C]" ? "bg-[#82C85C]/12 font-medium text-[#82C85C]"
: "text-[#E8F4E5]/70 hover:bg-white/5 hover:text-[#E8F4E5]" : "text-[#E8F4E5]/70 hover:bg-white/5 hover:text-[#E8F4E5]"
@ -173,7 +173,7 @@ export function RestrictedShell({
) : null} ) : null}
<aside <aside
className={`fixed inset-y-0 left-0 z-40 flex w-64 flex-col border-r border-white/10 bg-black transition-transform lg:static lg:translate-x-0 ${ className={`fixed inset-y-0 left-0 z-40 flex w-72 flex-col border-r border-white/10 bg-black transition-transform lg:static lg:translate-x-0 ${
menuOpen ? "translate-x-0" : "-translate-x-full" menuOpen ? "translate-x-0" : "-translate-x-full"
}`} }`}
> >