refactor(ui): adjust hero section styling and content

Refactor the Hero component to improve visual spacing and update descriptive text for clarity.
- Adjusted `h1` margin-bottom and text color for better visual hierarchy.
- Updated the descriptive paragraph to be more concise and impactful.
- Modified the scroll indicator's bottom position for improved placement.
- Ensured `html` and `body` elements prevent horizontal overflow.
- Applied `max-w-full` to canvas elements to prevent layout issues.
- Updated `portfolio-data.json` to refine skill categories and add new skills (Python, Docker, Cloudflare).
This commit is contained in:
¨evandrodevbr¨ committed 2025-09-03 02:06:27 -03:00
1 parent 6fe280cea1
commit e77e0b5c0c
5 files changed
+19 -9

No files matched your search

+4 -4
View File
@@ -71,7 +71,7 @@ export default function Hero() {
transition={{ duration: 0.8, delay: 0.2 }}
className="mb-8"
>
<h1 className="text-3xl md:text-5xl lg:text-6xl font-black mb-6 leading-tight text-gray-200">
<h1 className="text-3xl md:text-5xl lg:text-6xl font-black mb-1 leading-tight text-gray-300">
Evandro Fonseca Junior
</h1>
<RotatingText
@@ -93,8 +93,8 @@ export default function Hero() {
transition={{ duration: 0.8, delay: 0.4 }}
className="text-xl md:text-2xl lg:text-3xl text-gray-300 max-w-3xl mx-auto mb-12 leading-relaxed"
>
Especialista em soluções web modernas e inovadoras. Formado em
Engenharia da Computação, com conhecimentos em computação em nuvem e
Focado em soluções web modernas e inovadoras. Formado em Engenharia da
Computação, com sólidos conhecimentos em computação em nuvem e
inteligência artificial.
</motion.p>
@@ -196,7 +196,7 @@ export default function Hero() {
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
transition={{ duration: 0.8, delay: 1.2 }}
className="absolute bottom-8 left-1/2 transform -translate-x-1/2"
className="absolute bottom-2 left-1/2 transform -translate-x-1/2"
>
<div className="w-6 h-10 border-2 border-white/30 rounded-full flex justify-center">
<motion.div