mirror of
https://github.com/domfelipe/mika-agent-assist.git
synced 2026-08-07 19:16:41 +00:00
122 lines
3.9 KiB
TypeScript
122 lines
3.9 KiB
TypeScript
import { Outlet, createRootRouteWithContext, HeadContent, Scripts, Link } from "@tanstack/react-router";
|
|
import type { QueryClient } from "@tanstack/react-query";
|
|
import { QueryClientProvider } from "@tanstack/react-query";
|
|
import { Toaster } from "@/components/ui/sonner";
|
|
import { ThemeProvider } from "@/components/theme-provider";
|
|
import { PaymentTestModeBanner } from "@/components/mika/PaymentTestModeBanner";
|
|
|
|
import appCss from "../styles.css?url";
|
|
|
|
interface RouterContext {
|
|
queryClient: QueryClient;
|
|
}
|
|
|
|
function NotFoundComponent() {
|
|
return (
|
|
<div className="flex min-h-screen items-center justify-center bg-background px-4">
|
|
<div className="max-w-md text-center">
|
|
<h1 className="text-7xl font-bold text-foreground">404</h1>
|
|
<h2 className="mt-4 text-xl font-semibold text-foreground">Página não encontrada</h2>
|
|
<p className="mt-2 text-sm text-muted-foreground">
|
|
A página que você procura não existe ou foi movida.
|
|
</p>
|
|
<div className="mt-6">
|
|
<Link
|
|
to="/"
|
|
className="inline-flex items-center justify-center rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary-dark"
|
|
>
|
|
Ir para o início
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
const OG_IMAGE =
|
|
"https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/be92ada2-f87d-43b5-bd30-333f14e189e4/id-preview-6e3a7096--798b89e5-0dc6-412a-81be-a4b6dfea7b6c.lovable.app-1776957543862.png";
|
|
|
|
export const Route = createRootRouteWithContext<RouterContext>()({
|
|
head: () => ({
|
|
meta: [
|
|
{ charSet: "utf-8" },
|
|
{ name: "viewport", content: "width=device-width, initial-scale=1" },
|
|
{ title: "Mika — Assistente Pessoal IA no Telegram" },
|
|
{
|
|
name: "description",
|
|
content:
|
|
"Agentes de IA personalizados que aprendem com você e atendem direto no Telegram. Planos a partir de R$ 69,90/mês.",
|
|
},
|
|
{ name: "author", content: "DOMCO" },
|
|
{ name: "theme-color", content: "#F97316" },
|
|
{ property: "og:site_name", content: "Mika" },
|
|
{ property: "og:type", content: "website" },
|
|
{ property: "og:locale", content: "pt_BR" },
|
|
{ property: "og:image", content: OG_IMAGE },
|
|
{ name: "twitter:card", content: "summary_large_image" },
|
|
{ name: "twitter:image", content: OG_IMAGE },
|
|
],
|
|
links: [
|
|
{ rel: "stylesheet", href: appCss },
|
|
{ rel: "icon", href: "/favicon.svg", type: "image/svg+xml" },
|
|
{ rel: "preconnect", href: "https://rsms.me" },
|
|
{
|
|
rel: "stylesheet",
|
|
href: "https://rsms.me/inter/inter.css",
|
|
},
|
|
],
|
|
scripts: [
|
|
{
|
|
type: "application/ld+json",
|
|
children: JSON.stringify({
|
|
"@context": "https://schema.org",
|
|
"@graph": [
|
|
{
|
|
"@type": "Organization",
|
|
name: "Mika",
|
|
url: "https://mika.domco.ai",
|
|
logo: "https://mika.domco.ai/favicon.svg",
|
|
parentOrganization: { "@type": "Organization", name: "DOMCO" },
|
|
},
|
|
{
|
|
"@type": "WebSite",
|
|
name: "Mika",
|
|
url: "https://mika.domco.ai",
|
|
inLanguage: "pt-BR",
|
|
},
|
|
],
|
|
}),
|
|
},
|
|
],
|
|
}),
|
|
shellComponent: RootShell,
|
|
component: RootComponent,
|
|
notFoundComponent: NotFoundComponent,
|
|
});
|
|
|
|
function RootShell({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="pt-BR">
|
|
<head>
|
|
<HeadContent />
|
|
</head>
|
|
<body>
|
|
{children}
|
|
<Scripts />
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|
|
|
|
function RootComponent() {
|
|
const { queryClient } = Route.useRouteContext();
|
|
return (
|
|
<QueryClientProvider client={queryClient}>
|
|
<ThemeProvider>
|
|
<PaymentTestModeBanner />
|
|
<Outlet />
|
|
<Toaster richColors position="top-right" />
|
|
</ThemeProvider>
|
|
</QueryClientProvider>
|
|
);
|
|
}
|