Seu assistente de IA no Telegram
diff --git a/src/components/mika/LandingFooter.tsx b/src/components/mika/LandingFooter.tsx
index 71d0cc1..02bcb23 100644
--- a/src/components/mika/LandingFooter.tsx
+++ b/src/components/mika/LandingFooter.tsx
@@ -39,7 +39,7 @@ export function LandingFooter() {
Seu assistente de IA pessoal no Telegram, gerenciado e em português.
-
+
Feito no Brasil 🇧🇷
diff --git a/src/components/mika/PlansSection.tsx b/src/components/mika/PlansSection.tsx
index 5be2224..f06b2be 100644
--- a/src/components/mika/PlansSection.tsx
+++ b/src/components/mika/PlansSection.tsx
@@ -102,7 +102,7 @@ export function PlansSection() {
Anual
- 20% off
+ 20% off
@@ -156,7 +156,7 @@ export function PlansSection() {
{plan.features.map((f) => (
-
-
+
{f}
))}
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index 3857df3..ad8467f 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -38,7 +38,7 @@ export const Route = createRootRoute({
"Agentes de IA personalizados que aprendem com você e te atendem direto no Telegram. Planos a partir de R$ 69,90/mês.",
},
{ name: "author", content: "DOMCO" },
- { name: "theme-color", content: "#6366F1" },
+ { name: "theme-color", content: "#F97316" },
{ property: "og:title", content: "Mika — Seu assistente de IA pessoal no Telegram" },
{
property: "og:description",
diff --git a/src/styles.css b/src/styles.css
index dfd4671..1caba00 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -75,50 +75,50 @@
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.18 0.04 265);
- --primary: oklch(0.62 0.19 277); /* #6366F1 indigo-500 */
+ --primary: oklch(0.70 0.19 47); /* #F97316 orange-500 */
--primary-foreground: oklch(0.99 0 0);
- --primary-dark: oklch(0.55 0.21 277); /* #4F46E5 indigo-600 */
- --primary-light: oklch(0.74 0.13 277); /* #818CF8 indigo-400 */
+ --primary-dark: oklch(0.62 0.20 40); /* #EA580C orange-600 */
+ --primary-light: oklch(0.78 0.16 55); /* #FB923C orange-400 */
- --secondary: oklch(0.72 0.17 162); /* #10B981 emerald-500 */
- --secondary-foreground: oklch(0.99 0 0);
+ --secondary: oklch(0.83 0.17 85); /* #FACC15 yellow-400 */
+ --secondary-foreground: oklch(0.18 0.04 265);
- --accent: oklch(0.78 0.16 75); /* #F59E0B amber-500 */
+ --accent: oklch(0.78 0.17 70); /* #F59E0B amber-500 */
--accent-foreground: oklch(0.18 0.04 265);
--muted: oklch(0.96 0.005 256);
--muted-foreground: oklch(0.55 0.03 256);/* #64748B */
- --destructive: oklch(0.63 0.23 25); /* #EF4444 */
+ --destructive: oklch(0.58 0.24 27); /* #DC2626 red-600 — distinto do laranja */
--destructive-foreground: oklch(0.99 0 0);
- --success: oklch(0.72 0.17 162);
- --warning: oklch(0.78 0.16 75);
+ --success: oklch(0.72 0.17 162); /* #10B981 — sucesso continua verde */
+ --warning: oklch(0.78 0.17 70);
--border: oklch(0.92 0.01 256); /* #E2E8F0 */
--input: oklch(0.92 0.01 256);
- --ring: oklch(0.62 0.19 277);
+ --ring: oklch(0.70 0.19 47);
- --chart-1: oklch(0.62 0.19 277);
- --chart-2: oklch(0.72 0.17 162);
- --chart-3: oklch(0.78 0.16 75);
- --chart-4: oklch(0.55 0.21 277);
- --chart-5: oklch(0.74 0.13 277);
+ --chart-1: oklch(0.70 0.19 47); /* laranja */
+ --chart-2: oklch(0.83 0.17 85); /* amarelo */
+ --chart-3: oklch(0.78 0.17 70); /* âmbar */
+ --chart-4: oklch(0.62 0.20 40); /* laranja escuro */
+ --chart-5: oklch(0.72 0.17 162); /* verde sucesso */
--sidebar: oklch(1 0 0);
--sidebar-foreground: oklch(0.18 0.04 265);
- --sidebar-primary: oklch(0.62 0.19 277);
+ --sidebar-primary: oklch(0.70 0.19 47);
--sidebar-primary-foreground: oklch(0.99 0 0);
--sidebar-accent: oklch(0.96 0.005 256);
--sidebar-accent-foreground: oklch(0.18 0.04 265);
--sidebar-border: oklch(0.92 0.01 256);
- --sidebar-ring: oklch(0.62 0.19 277);
+ --sidebar-ring: oklch(0.70 0.19 47);
- /* Gradientes & sombras Mika */
- --gradient-hero: radial-gradient(circle at 30% 20%, oklch(0.62 0.19 277 / 0.18), transparent 60%),
- radial-gradient(circle at 80% 80%, oklch(0.72 0.17 162 / 0.12), transparent 55%);
- --gradient-primary: linear-gradient(135deg, oklch(0.62 0.19 277), oklch(0.55 0.21 277));
+ /* Gradientes & sombras Mika — calor de pôr-do-sol */
+ --gradient-hero: radial-gradient(circle at 30% 20%, oklch(0.70 0.19 47 / 0.20), transparent 60%),
+ radial-gradient(circle at 80% 80%, oklch(0.83 0.17 85 / 0.16), transparent 55%);
+ --gradient-primary: linear-gradient(135deg, oklch(0.83 0.17 85), oklch(0.70 0.19 47) 55%, oklch(0.62 0.20 40));
--shadow-soft: 0 1px 2px oklch(0.18 0.04 265 / 0.04), 0 4px 12px oklch(0.18 0.04 265 / 0.06);
- --shadow-glow: 0 10px 40px -10px oklch(0.62 0.19 277 / 0.45);
+ --shadow-glow: 0 10px 40px -10px oklch(0.70 0.19 47 / 0.50);
}
.dark {
@@ -131,15 +131,15 @@
--popover: oklch(0.25 0.04 260);
--popover-foreground: oklch(0.96 0.01 247);
- --primary: oklch(0.62 0.19 277);
- --primary-foreground: oklch(0.99 0 0);
- --primary-dark: oklch(0.55 0.21 277);
- --primary-light: oklch(0.74 0.13 277);
+ --primary: oklch(0.74 0.18 55); /* laranja mais claro p/ contraste no dark */
+ --primary-foreground: oklch(0.18 0.04 265);
+ --primary-dark: oklch(0.66 0.20 47);
+ --primary-light: oklch(0.82 0.15 65);
- --secondary: oklch(0.72 0.17 162);
- --secondary-foreground: oklch(0.99 0 0);
+ --secondary: oklch(0.85 0.16 88); /* amarelo */
+ --secondary-foreground: oklch(0.18 0.04 265);
- --accent: oklch(0.78 0.16 75);
+ --accent: oklch(0.80 0.17 72); /* âmbar */
--accent-foreground: oklch(0.18 0.04 265);
--muted: oklch(0.28 0.04 260);
@@ -148,31 +148,32 @@
--destructive: oklch(0.63 0.23 25);
--destructive-foreground: oklch(0.99 0 0);
--success: oklch(0.72 0.17 162);
- --warning: oklch(0.78 0.16 75);
+ --warning: oklch(0.80 0.17 72);
--border: oklch(0.32 0.03 256); /* #334155 */
--input: oklch(0.32 0.03 256);
- --ring: oklch(0.74 0.13 277);
+ --ring: oklch(0.74 0.18 55);
- --chart-1: oklch(0.74 0.13 277);
- --chart-2: oklch(0.72 0.17 162);
- --chart-3: oklch(0.78 0.16 75);
- --chart-4: oklch(0.55 0.21 277);
- --chart-5: oklch(0.62 0.19 277);
+ --chart-1: oklch(0.74 0.18 55);
+ --chart-2: oklch(0.85 0.16 88);
+ --chart-3: oklch(0.80 0.17 72);
+ --chart-4: oklch(0.66 0.20 47);
+ --chart-5: oklch(0.72 0.17 162);
--sidebar: oklch(0.22 0.04 262);
--sidebar-foreground: oklch(0.96 0.01 247);
- --sidebar-primary: oklch(0.74 0.13 277);
- --sidebar-primary-foreground: oklch(0.99 0 0);
+ --sidebar-primary: oklch(0.74 0.18 55);
+ --sidebar-primary-foreground: oklch(0.18 0.04 265);
--sidebar-accent: oklch(0.28 0.04 260);
--sidebar-accent-foreground: oklch(0.96 0.01 247);
--sidebar-border: oklch(0.32 0.03 256);
- --sidebar-ring: oklch(0.74 0.13 277);
+ --sidebar-ring: oklch(0.74 0.18 55);
- --gradient-hero: radial-gradient(circle at 30% 20%, oklch(0.62 0.19 277 / 0.25), transparent 60%),
- radial-gradient(circle at 80% 80%, oklch(0.72 0.17 162 / 0.18), transparent 55%);
+ --gradient-hero: radial-gradient(circle at 30% 20%, oklch(0.74 0.18 55 / 0.28), transparent 60%),
+ radial-gradient(circle at 80% 80%, oklch(0.85 0.16 88 / 0.18), transparent 55%);
+ --gradient-primary: linear-gradient(135deg, oklch(0.85 0.16 88), oklch(0.74 0.18 55) 55%, oklch(0.66 0.20 47));
--shadow-soft: 0 1px 2px oklch(0 0 0 / 0.3), 0 8px 24px oklch(0 0 0 / 0.35);
- --shadow-glow: 0 10px 40px -10px oklch(0.62 0.19 277 / 0.55);
+ --shadow-glow: 0 10px 40px -10px oklch(0.74 0.18 55 / 0.55);
}
@layer base {