fonte menor no site, menu maior e dash sem titulo
This commit is contained in:
parent
0fd708762c
commit
96ef241731
@ -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>
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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}
|
||||||
|
|||||||
@ -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"
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user