Update src/app/styles/base.css

Merge version_1 into main

src/app/page.tsx

@@ -67,30 +67,34 @@ export default function MonteirTweaksPage() {
 
       <div id="pricing" data-section="pricing">
         <PricingCardOne
-          title="Planos de Otimização"
-          description="Escolha o plano perfeito para desbloquear o máximo desempenho do seu PC. Todos os planos incluem suporte profissional e garantia de satisfação."
+          title="Planos de Otimização - Dashboard Gaming"
+          titleSegments={[
+            { type: "text", content: "Planos de Otimização - " },
+            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNzg78GXxny1lwk9FtCsPBD5n/uploaded-1773347442056-hfquqhsd.png", alt: "Dashboard Gaming" }
+          ]}
+          description="Escolha o plano perfeito para desbloquear o máximo desempenho do seu PC. Todos os planos incluem suporte profissional e garantia de satisfação. Dashboard gaming integrado para monitoramento em tempo real."
           tag="Serviços"
           tagIcon={Zap}
-          textboxLayout="default"
+          textboxLayout="inline-image"
           animationType="slide-up"
           useInvertedBackground={false}
           plans={[
             {
               id: "basic",              badge: "Essencial",              badgeIcon: Sparkles,
               price: "R$ 149",              subtitle: "Para gamers casuais",              features: [
-                "Limpeza de arquivos temporários",                "Desativar animações do Windows",                "Otimização de inicialização",                "Configuração de modo jogo",                "Ajustes básicos do sistema"
+                "Limpeza de arquivos temporários",                "Desativar animações do Windows",                "Otimização de inicialização",                "Configuração de modo jogo",                "Ajustes básicos do sistema",                "Dashboard básico de monitoramento"
               ]
             },
             {
               id: "pro",              badge: "Mais Popular",              badgeIcon: Zap,
               price: "R$ 299",              subtitle: "Para jogadores competitivos",              features: [
-                "Todos os recursos Essencial",                "Otimização avançada de serviços",                "Otimização de rede e DNS",                "Ajustes de agendamento de CPU",                "Boost de FPS até 60+ quadros",                "Suporte prioritário"
+                "Todos os recursos Essencial",                "Otimização avançada de serviços",                "Otimização de rede e DNS",                "Ajustes de agendamento de CPU",                "Boost de FPS até 60+ quadros",                "Dashboard avançado com métricas em tempo real",                "Suporte prioritário"
               ]
             },
             {
               id: "vip",              badge: "Máximo Desempenho",              badgeIcon: Crown,
               price: "R$ 499",              subtitle: "Para desempenho máximo",              features: [
-                "Tudo no plano Pro",                "Análise customizada do PC",                "Otimização profunda do registro",                "Redução avançada de latência",                "Suporte dedicado 24/7",                "Otimizações mensais gratuitas"
+                "Tudo no plano Pro",                "Análise customizada do PC",                "Otimização profunda do registro",                "Redução avançada de latência",                "Dashboard gaming premium com análise detalhada",                "Histórico de performance completo",                "Suporte dedicado 24/7",                "Otimizações mensais gratuitas"
               ]
             }
           ]}
@@ -98,19 +102,21 @@ export default function MonteirTweaksPage() {
           buttonAnimation="slide-up"
           tagAnimation="slide-up"
           containerClassName="py-20 md:py-28"
-          cardClassName="border border-red-900/40 rounded-lg p-6 md:p-8 bg-black/40 backdrop-blur-sm hover:border-red-700/60 transition-all duration-300"
-          badgeClassName="inline-block px-3 py-1 bg-red-900/50 text-red-100 text-sm font-semibold rounded-full mb-4"
-          priceClassName="text-4xl md:text-5xl font-bold text-white my-4"
+          cardClassName="border border-red-900/40 rounded-lg p-6 md:p-8 bg-gradient-to-br from-black/60 to-red-950/30 backdrop-blur-md hover:border-red-700/60 hover:shadow-[0_0_20px_rgba(220,38,38,0.3)] transition-all duration-300"
+          badgeClassName="inline-block px-3 py-1 bg-gradient-to-r from-red-900/70 to-red-800/50 text-red-100 text-sm font-semibold rounded-full mb-4 border border-red-700/50"
+          priceClassName="text-4xl md:text-5xl font-bold text-red-400 my-4 drop-shadow-lg"
           subtitleClassName="text-red-100 text-lg mb-6"
           featuresClassName="space-y-3"
-          featureItemClassName="flex items-center gap-3 text-red-50"
+          featureItemClassName="flex items-center gap-3 text-red-50 before:content-['▸'] before:text-red-400 before:font-bold before:mr-1"
+          textBoxTitleImageWrapperClassName="inline-block mx-2 h-12 w-32 rounded-lg border-2 border-red-600/50 overflow-hidden bg-black/40"
+          textBoxTitleImageClassName="w-full h-full object-cover"
         />
       </div>
 
       <div id="metrics" data-section="metrics">
         <MetricCardEleven
           title="Resultados Mensuráveis"
-          description="Veja o impacto real da otimização em números concretos de desempenho do seu PC."
+          description="Veja o impacto real da otimização em números concretos de desempenho do seu PC com nosso dashboard gaming integrado."
           tag="Métricas"
           tagIcon={TrendingUp}
           textboxLayout="default"
@@ -132,8 +138,8 @@ export default function MonteirTweaksPage() {
             }
           ]}
           containerClassName="py-20 md:py-28"
-          cardClassName="border border-red-900/40 rounded-lg overflow-hidden bg-black/40 backdrop-blur-sm hover:border-red-700/60 transition-all duration-300"
-          valueClassName="text-3xl md:text-4xl font-bold text-red-400 mb-2"
+          cardClassName="border border-red-900/40 rounded-lg overflow-hidden bg-gradient-to-br from-black/60 to-red-950/30 backdrop-blur-md hover:border-red-700/60 hover:shadow-[0_0_20px_rgba(220,38,38,0.3)] transition-all duration-300"
+          valueClassName="text-3xl md:text-4xl font-bold text-red-400 mb-2 drop-shadow-lg"
           cardTitleClassName="text-xl md:text-2xl font-semibold text-white mb-2"
           cardDescriptionClassName="text-red-100 text-sm md:text-base"
         />
@@ -142,7 +148,7 @@ export default function MonteirTweaksPage() {
       <div id="features" data-section="features">
         <FeatureCardTwelve
           title="O Que Otimizamos"
-          description="Cada aspecto do seu PC é analisado e otimizado para máximo desempenho. Nossa abordagem sistemática cobre todos os pontos críticos."
+          description="Cada aspecto do seu PC é analisado e otimizado para máximo desempenho. Nossa abordagem sistemática cobre todos os pontos críticos com tecnologia de dashboard gaming."
           tag="Funcionalidades"
           tagIcon={Settings}
           textboxLayout="default"
@@ -152,31 +158,31 @@ export default function MonteirTweaksPage() {
           features={[
             {
               id: "performance",              label: "Desempenho",              title: "Aceleração do Sistema",              items: [
-                "Otimização de CPU e GPU",                "Gerenciamento de RAM",                "Boost de velocidade de disco",                "Cache otimizado"
+                "Otimização de CPU e GPU",                "Gerenciamento de RAM",                "Boost de velocidade de disco",                "Cache otimizado",                "Monitoramento em dashboard"
               ]
             },
             {
               id: "network",              label: "Rede",              title: "Conexão Ultra-Rápida",              items: [
-                "Otimização de DNS",                "Ajuste de MTU",                "Redução de latência",                "Priorização de pacotes"
+                "Otimização de DNS",                "Ajuste de MTU",                "Redução de latência",                "Priorização de pacotes",                "Análise de ping em tempo real"
               ]
             },
             {
               id: "gaming",              label: "Jogos",              title: "Modo Gamer Ativado",              items: [
-                "Modo exclusivo de jogo",                "Desativar notificações",                "Prioridade de processo",                "Otimização de frames"
+                "Modo exclusivo de jogo",                "Desativar notificações",                "Prioridade de processo",                "Otimização de frames",                "Dashboard FPS overlay"
               ]
             },
             {
               id: "system",              label: "Sistema",              title: "Saúde do Windows",              items: [
-                "Limpeza de registro",                "Remover malware",                "Desativar bloatware",                "Ajustes de inicialização"
+                "Limpeza de registro",                "Remover malware",                "Desativar bloatware",                "Ajustes de inicialização",                "Verificação de saúde em dashboard"
               ]
             }
           ]}
           containerClassName="py-20 md:py-28"
-          cardClassName="border border-red-900/40 rounded-lg p-6 md:p-10 bg-black/40 backdrop-blur-sm hover:border-red-700/60 transition-all duration-300"
+          cardClassName="border border-red-900/40 rounded-lg p-6 md:p-10 bg-gradient-to-br from-black/60 to-red-950/30 backdrop-blur-md hover:border-red-700/60 hover:shadow-[0_0_20px_rgba(220,38,38,0.3)] transition-all duration-300"
           labelClassName="text-5xl md:text-6xl font-bold text-red-600/60 mb-4"
           cardTitleClassName="text-2xl md:text-3xl font-semibold text-white mb-4"
           itemsContainerClassName="space-y-2"
-          itemTextClassName="text-red-100 flex items-center gap-3 before:content-['✓'] before:text-red-400 before:font-bold before:mr-2"
+          itemTextClassName="text-red-100 flex items-center gap-3 before:content-['⬆'] before:text-red-500 before:font-bold before:mr-2 before:text-lg"
         />
       </div>
 
@@ -184,6 +190,7 @@ export default function MonteirTweaksPage() {
         <InlineImageSplitTextAbout
           heading={[
             { type: "text", content: "Por Que Escolher" },
+            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNzg78GXxny1lwk9FtCsPBD5n/uploaded-1773347442056-hfquqhsd.png", alt: "Dashboard Gaming Icon" },
             { type: "text", content: "Monteiro Tweaks" }
           ]}
           useInvertedBackground={false}
@@ -194,10 +201,10 @@ export default function MonteirTweaksPage() {
           buttonAnimation="slide-up"
           containerClassName="py-20 md:py-28"
           headingClassName="text-4xl md:text-6xl font-bold text-white mb-12 leading-tight"
-          imageWrapperClassName="mx-2 md:mx-4 h-12 w-12 md:h-16 md:w-16 inline-flex items-center justify-center rounded-lg bg-gradient-to-br from-red-600 to-red-900"
-          imageClassName="w-full h-full object-cover"
+          imageWrapperClassName="mx-2 md:mx-4 h-16 w-16 md:h-20 md:w-20 inline-flex items-center justify-center rounded-lg bg-gradient-to-br from-red-600 to-red-900 border-2 border-red-500/50 shadow-[0_0_15px_rgba(220,38,38,0.4)]"
+          imageClassName="w-full h-full object-cover rounded-lg"
           buttonContainerClassName="flex gap-4 mt-12 flex-wrap"
-          buttonClassName="px-8 py-3 font-semibold rounded-lg transition-all duration-300"
+          buttonClassName="px-8 py-3 font-semibold rounded-lg transition-all duration-300 border border-red-700/50 bg-gradient-to-r from-red-900/40 to-red-800/30 hover:shadow-[0_0_15px_rgba(220,38,38,0.3)]"
         />
       </div>
 
@@ -233,9 +240,9 @@ export default function MonteirTweaksPage() {
           ]}
           speed={40}
           containerClassName="py-20 md:py-28"
-          cardClassName="border border-red-900/40 rounded-lg p-6 bg-black/40 backdrop-blur-sm min-h-max"
+          cardClassName="border border-red-900/40 rounded-lg p-6 bg-gradient-to-br from-black/60 to-red-950/30 backdrop-blur-md hover:border-red-700/60 hover:shadow-[0_0_20px_rgba(220,38,38,0.3)] min-h-max transition-all duration-300"
           testimonialClassName="text-red-100 line-clamp-2 mb-4 text-sm md:text-base"
-          imageWrapperClassName="w-12 h-12 rounded-full overflow-hidden border-2 border-red-600"
+          imageWrapperClassName="w-12 h-12 rounded-full overflow-hidden border-2 border-red-600 shadow-[0_0_10px_rgba(220,38,38,0.3)]"
           imageClassName="w-full h-full object-cover"
           nameClassName="text-white font-semibold text-sm"
           handleClassName="text-red-300 text-xs"
@@ -244,7 +251,7 @@ export default function MonteirTweaksPage() {
 
       <div id="contact" data-section="contact">
         <ContactText
-          text="Seu PC Não Está Rodando no Máximo Potencial. Deixe Monteiro Tweaks Transformar Seu Desempenho Hoje Mesmo."
+          text="Seu PC Não Está Rodando no Máximo Potencial. Deixe Monteiro Tweaks Transformar Seu Desempenho Hoje Mesmo com Nosso Dashboard Gaming Avançado."
           animationType="reveal-blur"
           buttons={[
             { text: "Solicitar Otimização", href: "#" },
@@ -252,10 +259,10 @@ export default function MonteirTweaksPage() {
           ]}
           background={{ variant: "downward-rays-static" }}
           useInvertedBackground={false}
-          containerClassName="py-20 md:py-28"
-          textClassName="text-2xl md:text-4xl font-bold text-white text-center mb-8"
+          containerClassName="py-20 md:py-28 bg-gradient-to-b from-black/40 to-red-950/20"
+          textClassName="text-2xl md:text-4xl font-bold text-white text-center mb-8 drop-shadow-lg"
           buttonContainerClassName="flex gap-4 justify-center flex-wrap"
-          buttonClassName="px-8 py-3 md:px-10 md:py-4 font-semibold rounded-lg"
+          buttonClassName="px-8 py-3 md:px-10 md:py-4 font-semibold rounded-lg border border-red-700/50 bg-gradient-to-r from-red-900/40 to-red-800/30 hover:shadow-[0_0_15px_rgba(220,38,38,0.3)] transition-all duration-300"
         />
       </div>
 
@@ -264,10 +271,10 @@ export default function MonteirTweaksPage() {
           logoText="Monteiro Tweaks"
           leftLink={{ text: "Política de Privacidade", href: "#" }}
           rightLink={{ text: "Termos de Serviço", href: "#" }}
-          containerClassName="py-8 md:py-12 border-t border-red-900/30"
-          logoClassName="text-xl md:text-2xl font-bold text-white"
+          containerClassName="py-8 md:py-12 border-t border-red-900/30 bg-gradient-to-b from-black/40 to-red-950/20"
+          logoClassName="text-xl md:text-2xl font-bold text-white drop-shadow-lg"
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }