fix: corrige a grafia de "OpenSheets" para "Opensheets"

Este commit altera todas as ocorrências de "OpenSheets" para "Opensheets"
em arquivos de layout, README, componentes e notificações, garantindo
consistência na nomenclatura do projeto.

README.md

@@ -1,4 +1,4 @@
-# OpenSheets
+# Opensheets
 
 > Projeto pessoal de gestão financeira. Self-hosted, manual e open source.
 
@@ -31,7 +31,7 @@
 
 ## 🎯 Sobre o Projeto
 
-**OpenSheets** é um projeto pessoal de gestão financeira que criei para organizar minhas próprias finanças. Cansei de usar planilhas desorganizadas e aplicativos que não fazem exatamente o que preciso, então decidi construir algo do jeito que funciona pra mim.
+**Opensheets** é um projeto pessoal de gestão financeira que criei para organizar minhas próprias finanças. Cansei de usar planilhas desorganizadas e aplicativos que não fazem exatamente o que preciso, então decidi construir algo do jeito que funciona pra mim.
 
 A ideia é simples: ter um lugar onde consigo ver todas as minhas contas, cartões, gastos e receitas de forma clara. Se isso for útil pra você também, fique à vontade para usar e contribuir.
 
@@ -47,7 +47,7 @@ Você precisa registrar manualmente suas transações. Se você procura algo que
 
 **3. Requer disciplina**
 
-O OpenSheets funciona melhor para quem:
+O Opensheets funciona melhor para quem:
 
 - Tem disciplina de registrar os gastos regularmente
 - Quer controle total sobre seus dados

app/(dashboard)/ajustes/layout.tsx

@@ -2,7 +2,7 @@ import PageDescription from "@/components/page-description";
 import { RiSettingsLine } from "@remixicon/react";
 
 export const metadata = {
-  title: "Ajustes | OpenSheets",
+  title: "Ajustes | Opensheets",
 };
 
 export default function RootLayout({

app/(dashboard)/ajustes/page.tsx

@@ -47,7 +47,7 @@ export default async function Page() {
             <div>
               <h2 className="text-lg font-medium mb-1">Alterar nome</h2>
               <p className="text-sm text-muted-foreground mb-4">
-                Atualize como seu nome aparece no OpenSheets. Esse nome pode ser
+                Atualize como seu nome aparece no Opensheets. Esse nome pode ser
                 exibido em diferentes seções do app e em comunicações.
               </p>
             </div>
@@ -73,7 +73,10 @@ export default async function Page() {
                 atual (quando aplicável) para concluir a alteração.
               </p>
             </div>
-            <UpdateEmailForm currentEmail={userEmail} authProvider={authProvider} />
+            <UpdateEmailForm
+              currentEmail={userEmail}
+              authProvider={authProvider}
+            />
           </TabsContent>
 
           <TabsContent value="deletar" className="space-y-4">

app/(dashboard)/anotacoes/layout.tsx

@@ -2,7 +2,7 @@ import PageDescription from "@/components/page-description";
 import { RiTodoLine } from "@remixicon/react";
 
 export const metadata = {
-  title: "Anotações | OpenSheets",
+  title: "Anotações | Opensheets",
 };
 
 export default function RootLayout({

app/(dashboard)/calendario/layout.tsx

@@ -2,7 +2,7 @@ import PageDescription from "@/components/page-description";
 import { RiCalendarEventLine } from "@remixicon/react";
 
 export const metadata = {
-  title: "Calendário | OpenSheets",
+  title: "Calendário | Opensheets",
 };
 
 export default function RootLayout({

app/(dashboard)/cartoes/layout.tsx

@@ -2,7 +2,7 @@ import PageDescription from "@/components/page-description";
 import { RiBankCardLine } from "@remixicon/react";
 
 export const metadata = {
-  title: "Cartões | OpenSheets",
+  title: "Cartões | Opensheets",
 };
 
 export default function RootLayout({

app/(dashboard)/categorias/layout.tsx

@@ -2,7 +2,7 @@ import PageDescription from "@/components/page-description";
 import { RiPriceTag3Line } from "@remixicon/react";
 
 export const metadata = {
-  title: "Categorias | OpenSheets",
+  title: "Categorias | Opensheets",
 };
 
 export default function RootLayout({

app/(dashboard)/contas/layout.tsx

@@ -2,7 +2,7 @@ import PageDescription from "@/components/page-description";
 import { RiBankLine } from "@remixicon/react";
 
 export const metadata = {
-  title: "Contas | OpenSheets",
+  title: "Contas | Opensheets",
 };
 
 export default function RootLayout({

app/(dashboard)/dashboard/analise-parcelas/layout.tsx

@@ -2,7 +2,7 @@ import PageDescription from "@/components/page-description";
 import { RiSecurePaymentLine } from "@remixicon/react";
 
 export const metadata = {
-  title: "Análise de Parcelas | OpenSheets",
+  title: "Análise de Parcelas | Opensheets",
 };
 
 export default function RootLayout({

app/(dashboard)/insights/layout.tsx

@@ -2,7 +2,7 @@ import PageDescription from "@/components/page-description";
 import { RiSparklingLine } from "@remixicon/react";
 
 export const metadata = {
-  title: "Insights | OpenSheets",
+  title: "Insights | Opensheets",
 };
 
 export default function RootLayout({

app/(dashboard)/lancamentos/actions.ts

@@ -209,7 +209,7 @@ const resolveUserLabel = (user: {
   if (user?.email && user.email.trim().length > 0) {
     return user.email;
   }
-  return "OpenSheets";
+  return "Opensheets";
 };
 
 type InitialCandidate = {
@@ -1320,8 +1320,12 @@ export async function deleteMultipleLancamentosAction(
 
     // Send notifications
     const notificationData = existing
-      .filter((item): item is typeof item & { pagadorId: NonNullable<typeof item.pagadorId> } =>
+      .filter(
-        Boolean(item.pagadorId)
+        (
+          item
+        ): item is typeof item & {
+          pagadorId: NonNullable<typeof item.pagadorId>;
+        } => Boolean(item.pagadorId)
       )
       .map((item) => ({
         pagadorId: item.pagadorId,

app/(dashboard)/lancamentos/layout.tsx

@@ -2,7 +2,7 @@ import PageDescription from "@/components/page-description";
 import { RiArrowLeftRightLine } from "@remixicon/react";
 
 export const metadata = {
-  title: "Lançamentos | OpenSheets",
+  title: "Lançamentos | Opensheets",
 };
 
 export default function RootLayout({

app/(dashboard)/orcamentos/layout.tsx

@@ -2,7 +2,7 @@ import PageDescription from "@/components/page-description";
 import { RiFundsLine } from "@remixicon/react";
 
 export const metadata = {
-  title: "Anotações | OpenSheets",
+  title: "Anotações | Opensheets",
 };
 
 export default function RootLayout({

app/(dashboard)/pagadores/[pagadorId]/actions.ts

@@ -398,7 +398,7 @@ const buildSummaryHtml = ({
 
   <!-- Rodapé externo -->
   <p style="margin:16px 0 0 0;font-size:12.5px;color:#94a3b8;text-align:center;">
-    Este e-mail foi enviado automaticamente pelo <strong>OpenSheets</strong>.
+    Este e-mail foi enviado automaticamente pelo <strong>Opensheets</strong>.
   </p>
 </div>
 
@@ -429,7 +429,7 @@ export async function sendPagadorSummaryAction(
 
     const resendApiKey = process.env.RESEND_API_KEY;
     const resendFrom =
-      process.env.RESEND_FROM_EMAIL ?? "OpenSheets <onboarding@resend.dev>";
+      process.env.RESEND_FROM_EMAIL ?? "Opensheets <onboarding@resend.dev>";
 
     if (!resendApiKey) {
       return {

app/(dashboard)/pagadores/layout.tsx

@@ -2,7 +2,7 @@ import PageDescription from "@/components/page-description";
 import { RiGroupLine } from "@remixicon/react";
 
 export const metadata = {
-  title: "Pagadores | OpenSheets",
+  title: "Pagadores | Opensheets",
 };
 
 export default function RootLayout({

app/(landing-page)/page.tsx

@@ -21,6 +21,7 @@ import {
   RiTimeLine,
   RiWalletLine,
 } from "@remixicon/react";
+import Image from "next/image";
 import Link from "next/link";
 
 export default async function Page() {
@@ -153,6 +154,25 @@ export default async function Page() {
         </div>
       </section>
 
+      {/* Dashboard Preview Section */}
+      <section className="py-8 md:py-16">
+        <div className="container">
+          <div className="mx-auto max-w-6xl">
+            <div className="relative rounded-xl border bg-muted/20 shadow-2xl overflow-hidden">
+              <div className="absolute inset-0 bg-linear-to-t from-background/80 to-transparent z-10 pointer-events-none" />
+              <Image
+                src="/dashboard-preview.png"
+                alt="opensheets Dashboard Preview"
+                width={1920}
+                height={1080}
+                className="w-full h-auto"
+                priority
+              />
+            </div>
+          </div>
+        </div>
+      </section>
+
       {/* What's Here Section */}
       <section id="funcionalidades" className="py-16 md:py-24 bg-muted/30">
         <div className="container">
@@ -524,7 +544,7 @@ export default async function Page() {
                 Para quem funciona?
               </h2>
               <p className="text-lg text-muted-foreground">
-                O OpenSheets funciona melhor se você:
+                O opensheets funciona melhor se você:
               </p>
             </div>
 
@@ -696,7 +716,7 @@ export default async function Page() {
 
             <div className="border-t mt-12 pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-muted-foreground">
               <p>
-                © {new Date().getFullYear()} OpenSheets. Projeto open source sob
+                © {new Date().getFullYear()} opensheets. Projeto open source sob
                 licença MIT.
               </p>
               <div className="flex items-center gap-2">

app/layout.tsx

@@ -6,7 +6,7 @@ import "./globals.css";
 import { Analytics } from "@vercel/analytics/next";
 
 export const metadata: Metadata = {
-  title: "OpenSheets",
+  title: "Opensheets",
   description: "Finanças pessoais descomplicadas.",
 };
 

components/auth/login-form.tsx

@@ -99,7 +99,7 @@ export function LoginForm({ className, ...props }: DivProps) {
             noValidate
           >
             <FieldGroup className="gap-4">
-              <AuthHeader title="Entrar no OpenSheets" />
+              <AuthHeader title="Entrar no Opensheets" />
 
               <AuthErrorAlert error={error} />
 

components/logo.tsx

@@ -11,7 +11,7 @@ export function Logo({ variant = "full", className }: LogoProps) {
     return (
       <Image
         src="/logo_small.png"
-        alt="OpenSheets"
+        alt="Opensheets"
         width={32}
         height={32}
         className={cn("object-contain", className)}
@@ -24,7 +24,7 @@ export function Logo({ variant = "full", className }: LogoProps) {
     <div className={cn("flex items-center", className)}>
       <Image
         src="/logo_small.png"
-        alt="OpenSheets"
+        alt="Opensheets"
         width={28}
         height={28}
         className="object-contain"
@@ -32,7 +32,7 @@ export function Logo({ variant = "full", className }: LogoProps) {
       />
       <Image
         src="/logo_text.png"
-        alt="OpenSheets"
+        alt="Opensheets"
         width={100}
         height={32}
         className="object-contain dark:invert"

lib/pagadores/notifications.ts

@@ -100,7 +100,7 @@ const buildHtmlBody = ({
       </table>
 
       <p style="margin:0;font-size:12px;color:#94a3b8;">
-        Enviado automaticamente por ${userLabel} via OpenSheets.
+        Enviado automaticamente por ${userLabel} via Opensheets.
       </p>
     </div>
   `;
@@ -119,7 +119,7 @@ export async function sendPagadorAutoEmails({
 
   const resendApiKey = process.env.RESEND_API_KEY;
   const resendFrom =
-    process.env.RESEND_FROM_EMAIL ?? "OpenSheets <onboarding@resend.dev>";
+    process.env.RESEND_FROM_EMAIL ?? "Opensheets <onboarding@resend.dev>";
 
   if (!resendApiKey) {
     console.warn(