joaomiranda/runvision_pro_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Localize content to European Portuguese, enhance integration section visuals, and restructure page sections.

Browse Source
This commit is contained in:
240416
2026-03-18 16:38:16 +00:00
parent b75b607b5d
commit 910a30c2ea
13 changed files with 322 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/sections/Hero.tsx
View File

@@ -59,7 +59,7 @@ export function Hero() {
<div className="absolute bottom-1/4 -right-32 w-96 h-96 bg-orange-500/20 rounded-full blur-[120px] animate-pulse-glow" style={{ animationDelay: '1s' }} />
</div>
<div className="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 lg:py-0">
<div className="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-32 pb-20 lg:pt-0 lg:pb-0">
<div className="grid lg:grid-cols-2 gap-12 lg:gap-8 items-center">
{/* Product Image - Left Side */}
<div className="relative order-2 lg:order-1 reveal opacity-0">
@@ -123,26 +123,25 @@ export function Hero() {
</div>
</div>
</div>
{/* Content - Right Side */}
<div className="order-1 lg:order-2 text-center lg:text-left">
<div className="order-1 lg:order-2 text-center lg:text-left mt-12 lg:mt-0">
<div className="reveal opacity-0" style={{ animationDelay: '100ms' }}>
<Badge className="mb-6 bg-slate-800 text-teal-400 border-teal-500/30 hover:bg-slate-700 px-4 py-1.5 text-xs font-semibold tracking-wider uppercase">
<Badge className="mb-8 bg-slate-800 text-teal-400 border-teal-500/30 hover:bg-slate-700 px-4 py-1.5 text-xs font-semibold tracking-wider uppercase">
Tecnologia de Ponta
</Badge>
</div>
<h1 className="reveal opacity-0 font-display font-bold text-5xl sm:text-6xl lg:text-7xl text-white leading-[1.1] mb-6" style={{ animationDelay: '200ms' }}>
<h1 className="reveal font-display font-bold text-3xl sm:text-4xl lg:text-5xl text-white leading-[1.2] mb-6" style={{ animationDelay: '200ms' }}>
VisionRun
<span className="text-gradient"> Pro</span>
<span className="text-gradient"> Pro</span> — Óculos Inteligentes para Corrida
</h1>
<p className="reveal opacity-0 text-xl sm:text-2xl text-slate-300 font-medium mb-4" style={{ animationDelay: '300ms' }}>
Óculos de Corrida de Alta Performance!!!!!!
<p className="reveal opacity-0 text-lg sm:text-xl text-slate-300 font-medium mb-4" style={{ animationDelay: '300ms' }}>
Tecnologia e desempenho à vista: HUD em tempo real, GPS de alta precisão e 8 horas de autonomia no modo corrida otimizado.
</p>
<p className="reveal opacity-0 text-slate-400 text-base sm:text-lg max-w-xl mx-auto lg:mx-0 mb-8" style={{ animationDelay: '400ms' }}>
Tecnologia e desempenho ao alcance da sua visão. Experimente o futuro da corrida com dados em tempo real sem tirar os olhos do caminho.
Leves como uma pena (35 g), desenhados para quem não quer tirar os olhos do caminho.
</p>
<div className="reveal opacity-0 flex flex-col sm:flex-row gap-4 justify-center lg:justify-start mb-8" style={{ animationDelay: '500ms' }}>
@@ -161,7 +160,7 @@ export function Hero() {
className="border-slate-600 text-slate-300 hover:border-orange-500 hover:text-white bg-transparent px-8 py-6 text-base transition-all duration-300"
>
<Play className="w-5 h-5 mr-2" />
Saiba Mais
Saber Mais
</Button>
</div>