feat: initialize frontend with Next.js, Tailwind CSS, and internationalization support
- Added package.json for project dependencies and scripts - Configured PostCSS with Tailwind CSS - Created global styles and theme context for dark mode support - Implemented layout and routing for internationalization using next-intl - Developed main components: Header, Footer, Hero, About, Skills, Projects, Contact - Added language switcher and contact form with validation - Created project card component to display project details - Set up localization files for English and Portuguese - Configured Tailwind CSS for styling and responsive design - Added favicon and logo assets
This commit is contained in:
29
frontend/src/app/globals.css
Normal file
29
frontend/src/app/globals.css
Normal file
@@ -0,0 +1,29 @@
|
||||
@import "tailwindcss";
|
||||
@import "tailwindcss";
|
||||
@tailwind utilities;
|
||||
|
||||
@theme {
|
||||
--color-background: #0A0A0A;
|
||||
--color-card: #121212;
|
||||
--color-primary: #0ea5e9;
|
||||
--color-text-primary: #F4F4F5;
|
||||
--color-text-secondary: #A1A1AA;
|
||||
--color-border: #27272A;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--color-text-primary);
|
||||
background-color: var(--color-background);
|
||||
font-family: Inter, sans-serif; /* Adicione sua fonte preferida */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
h1 { font-size: 2.5rem; }
|
||||
h2 { font-size: 2rem; }
|
||||
h3 { font-size: 1.75rem; }
|
||||
Reference in New Issue
Block a user