chore(landing): remover seção de galeria de telas

Remove a seção "Veja o que você pode fazer" com o componente ScreenshotTabs,
as 14 imagens preview-*.webp, o link #telas do nav e o export pwaCompatList sem uso.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Felipe Coutinho
2026-05-02 22:08:37 +00:00
parent 367d78d43d
commit eaa20448a8
18 changed files with 10 additions and 167 deletions

View File

@@ -13,7 +13,6 @@ import {
} from "@/shared/components/ui/sheet";
const navLinks = [
{ href: "#telas", label: "Conheça as telas" },
{ href: "#funcionalidades", label: "Funcionalidades" },
{ href: "#mobile", label: "Mobile" },
{ href: "#stack", label: "Stack" },

View File

@@ -1,114 +0,0 @@
"use client";
import {
RiArrowLeftRightLine,
RiAtLine,
RiBankCard2Line,
RiBarChart2Line,
RiCalendarEventLine,
RiFileDownloadLine,
RiSecurePaymentLine,
} from "@remixicon/react";
import Image from "next/image";
import { landingImages } from "@/features/landing/images";
import {
Tabs,
TabsContent,
TabsList,
TabsTrigger,
} from "@/shared/components/ui/tabs";
const { screenshots } = landingImages;
const sections = [
{
value: "lancamentos",
label: "Lançamentos",
icon: RiArrowLeftRightLine,
...screenshots.lancamentos,
},
{
value: "pre-lancamentos",
label: "Pré-lançamentos",
icon: RiAtLine,
...screenshots.preLancamentos,
},
{
value: "importacao",
label: "Importação",
icon: RiFileDownloadLine,
...screenshots.importacao,
},
{
value: "orcamentos",
label: "Orçamentos",
icon: RiBarChart2Line,
...screenshots.orcamentos,
},
{
value: "parcelas",
label: "Análise de Parcelas",
icon: RiSecurePaymentLine,
...screenshots.parcelas,
},
{
value: "calendario",
label: "Calendário",
icon: RiCalendarEventLine,
...screenshots.calendario,
},
{
value: "cartoes",
label: "Cartões",
icon: RiBankCard2Line,
...screenshots.cartoes,
},
];
export function ScreenshotTabs() {
return (
<Tabs defaultValue="lancamentos" className="w-full">
<div className="flex flex-col gap-6">
<TabsList className="w-full h-auto flex-wrap gap-1">
{sections.map((s) => (
<TabsTrigger
key={s.value}
value={s.value}
className="flex-1 gap-1.5 lowercase"
>
<s.icon className="size-4" />
{s.label}
</TabsTrigger>
))}
</TabsList>
{sections.map((s) => (
<TabsContent key={s.value} value={s.value} className="w-full mt-0">
<div className="rounded-lg overflow-hidden border bg-card">
<div className="flex items-center gap-1.5 px-3 h-8 border-b bg-muted/50">
<div className="size-2.5 rounded-full bg-muted-foreground/20" />
<div className="size-2.5 rounded-full bg-muted-foreground/20" />
<div className="size-2.5 rounded-full bg-muted-foreground/20" />
<div className="ml-2 flex-1 max-w-52 h-4 rounded bg-muted-foreground/10" />
</div>
<Image
src={s.light}
alt={`Preview ${s.label}`}
width={1920}
height={1080}
className="w-full h-auto dark:hidden"
/>
<Image
src={s.dark}
alt={`Preview ${s.label}`}
width={1920}
height={1080}
className="w-full h-auto hidden dark:block"
/>
</div>
</TabsContent>
))}
</div>
</Tabs>
);
}

View File

@@ -36,7 +36,6 @@ export type FeatureItem = {
};
export const navLinks = [
{ href: "#telas", label: "Conheça as telas" },
{ href: "#funcionalidades", label: "Funcionalidades" },
{ href: "#mobile", label: "Mobile" },
{ href: "#stack", label: "Stack" },
@@ -160,22 +159,6 @@ export const pwaHighlights: FeatureItem[] = [
},
];
export const pwaCompatList = [
{
label: "Android",
description:
"Chrome e Edge — instale pelo banner ou pelo menu do navegador",
},
{
label: "iOS / iPadOS",
description: "Safari — adicione à tela inicial pelo menu compartilhar",
},
{
label: "Desktop",
description: "Chrome, Edge e outros — instale pela barra de endereço",
},
] as const;
export const companionSteps: FeatureItem[] = [
{
icon: RiNotification3Line,