feat: site institucional completo com design system - Implementa\u00e7\u00e3o do site institucional da Aggios com design system completo incluindo gradientes, tipografia, componentes e se\u00e7\u00f5es de recursos, pre\u00e7os e CTA

2025-12-07 02:19:08 -03:00
parent 53f240a4da
commit bf6707e746
90 changed files with 25927 additions and 1 deletions
--- a/front-end-dash.aggios.app/app/globals.css
+++ b/front-end-dash.aggios.app/app/globals.css
@@ -0,0 +1,94 @@
+@import "tailwindcss";
+@import "remixicon/fonts/remixicon.css";
+
+:root {
+  /* Cores do Design System Aggios */
+  --primary: #FF3A05;
+  --secondary: #FF0080;
+  --background: #FDFDFC;
+  --foreground: #000000;
+  --text-secondary: #7D7D7D;
+  --border: #E5E5E5;
+  --white: #FFFFFF;
+
+  /* Gradiente */
+  --gradient: linear-gradient(90deg, #FF3A05, #FF0080);
+  --gradient-text: linear-gradient(to right, #FF3A05, #FF0080);
+
+  /* Espaçamentos */
+  --space-xs: 4px;
+  --space-sm: 8px;
+  --space-md: 16px;
+  --space-lg: 24px;
+  --space-xl: 32px;
+  --space-2xl: 48px;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-primary: var(--primary);
+  --color-text-secondary: var(--text-secondary);
+  --color-border: var(--border);
+  --font-sans: var(--font-inter);
+  --font-heading: var(--font-open-sans);
+  --font-mono: var(--font-fira-code);
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: var(--font-sans), Arial, Helvetica, sans-serif;
+  line-height: 1.5;
+}
+
+/* Estilos base dos inputs */
+input,
+select,
+textarea {
+  font-size: 14px;
+  box-shadow: none !important;
+}
+
+input:focus,
+select:focus,
+textarea:focus {
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+/* Focus visible para acessibilidade */
+*:focus-visible {
+  outline: 2px solid var(--primary);
+  outline-offset: 2px;
+}
+
+/* Hero section gradient text */
+.gradient-text {
+  background: var(--gradient-text);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+/* Hover gradient text */
+.hover\:gradient-text:hover {
+  background: var(--gradient-text);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+/* Group hover para remover gradiente e usar cor sólida */
+.group:hover .group-hover\:text-white {
+  background: none !important;
+  -webkit-background-clip: unset !important;
+  -webkit-text-fill-color: unset !important;
+  background-clip: unset !important;
+  color: white !important;
+}
+
+/* Smooth scroll */
+html {
+  scroll-behavior: smooth;
+}