rgpereira-br.github.io/index_pt.html at master · rgpereira-br/rgpereira-br.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rafael Pereira | Especialista em IA & Automação</title>
    <meta name="description" content="Portfolio profissional de Rafael Pereira, Gestor de Automações (n8n), Product Manager e Tech Leader.">

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Orbitron:wght@400;700&display=swap" rel="stylesheet">

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="style.css">

    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.png">
</head>
<body class="dark-theme">
    <div class="background-animation"></div>

    <!-- Navigation -->
    <nav class="glass-nav">
        <div class="nav-container">
            <div class="logo">RP<span>.</span></div>
            <ul class="nav-links">
                <li><a href="#home">Início</a></li>
                <li><a href="#about">Sobre</a></li>
                <li><a href="#expertise">Expertise</a></li>
                <li><a href="#experience">Experiência</a></li>
                <li><a href="#portfolio">Portfólio</a></li>
                <li><a href="index.html" class="lang-switch">EN</a></li>
                <li><a href="#contact" class="nav-cta">Contato</a></li>
            </ul>
            <div class="menu-toggle">
                <i class="fas fa-bars"></i>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section id="home" class="hero">
        <div class="container">
            <div class="hero-content">
                <h2 class="reveal">Especialista em IA & Automação</h2>
                <h1 class="reveal delay-1">Rafael Pereira </h1>
                <p class="reveal delay-2">Transformando complexidade em eficiência através de orquestração inteligente de dados e processos.</p>
                <div class="hero-btns reveal delay-3">
                    <a href="#portfolio" class="btn primary">Ver Projetos</a>
                    <a href="#about" class="btn secondary">Conheça Mais</a>
                </div>
            </div>
        </div>
        <div class="scroll-indicator">
            <div class="mouse"></div>
        </div>
    </section>

    <!-- About Section -->
    <section id="about" class="about">
        <div class="container">
            <div class="section-header">
                <span class="subtitle">Introdução</span>
                <h2>Sobre Mim</h2>
            </div>
            <div class="about-grid">
                <div class="about-image">
                    <div class="image-wrapper">
                        <img src="images/Foto-R2P2.jpg" alt="Rafael Pereira">
                    </div>
                </div>
                <div class="about-text">
                    <p>Sou Gestor de Automações de Processos e Analista de Business Intelligence, com mais de 20 anos de experiência transformando requisitos de negócio em soluções inteligentes e orientadas a dados.</p>
                    <p>Minha paixão é orquestrar fluxos de trabalho complexos com <strong>n8n</strong>, integrando APIs, bancos de dados e serviços de IA para escalar operações e reduzir erros operacionais.</p>
                    <div class="about-stats">
                        <div class="stat-item">
                            <span class="stat-num">20+</span>
                            <span class="stat-label">Anos de Experiência</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-num">10</span>
                            <span class="stat-label">Média NPS em Dados</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-num">∞</span>
                            <span class="stat-label">Curiosidade Tech</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Expertise Section -->
    <section id="expertise" class="expertise">
        <div class="container">
            <div class="section-header">
                <span class="subtitle">Especialidades</span>
                <h2>Core Expertise</h2>
            </div>
            <div class="expertise-grid">
                <div class="expertise-card glass">
                    <i class="fas fa-robot"></i>
                    <h3>Automação (n8n)</h3>
                    <p>Desenho e implementação de arquiteturas de automação escaláveis e orquestração de APIs.</p>
                </div>
                <div class="expertise-card glass">
                    <i class="fas fa-chart-pie"></i>
                    <h3>Data Analytics</h3>
                    <p>Business Intelligence com Power BI, DAX e modelagem avançada de Data Warehouse.</p>
                </div>
                <div class="expertise-card glass">
                    <i class="fas fa-users-gear"></i>
                    <h3>Agile Leadership</h3>
                    <p>Tech Lead & Product Manager aplicando Scrum/Kanban para entrega de alto valor.</p>
                </div>
                <div class="expertise-card glass">
                    <i class="fas fa-database"></i>
                    <h3>Engenharia de Dados</h3>
                    <p>ETL, pipelines de dados em Azure, SQL avançado e orquestração em Microsoft Fabric.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Experience Timeline -->
    <section id="experience" class="experience">
        <div class="container">
            <div class="section-header">
                <span class="subtitle">Trajetória</span>
                <h2>Experiência Profissional</h2>
            </div>
            <div class="timeline">
                <div class="timeline-item main-exp">
                    <div class="timeline-date">Desde Jun 2024</div>
                    <div class="timeline-content glass">
                        <h3>CSP Tech</h3>
                        <span class="role">Gestor de Automações (n8n) | PM | Tech Leader</span>
                        <ul>
                            <li>Liderança de squads ágeis em projetos de alta complexidade (Saúde, Financeiro, Hotelaria).</li>
                            <li>Qualificação de <strong>NPS 10</strong> em todos os projetos de dados conduzidos (Grupo Sabin/Rita Saúde).</li>
                            <li>Coordenação de pipelines no Azure (PySpark/SQL) para a Copersucar.</li>
                        </ul>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-date">2016 - 2024</div>
                    <div class="timeline-content glass">
                        <h3>R2Pereira Consulting</h3>
                        <span class="role">Consultoria & Treinamento</span>
                        <p>Especialista em Banco de Dados e infraestrutura técnica de software/hardware.</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-date">2010 - 2016</div>
                    <div class="timeline-content glass">
                        <h3>Microstrategy & CSP</h3>
                        <span class="role">BI Consultant Senior</span>
                        <p>Desenvolvimento estratégico de relatórios e dashboards para grandes players como Banco do Brasil, Ipiranga e Unimed-Rio.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Portfolio Section -->
    <section id="portfolio" class="portfolio">
        <div class="container">
            <div class="section-header">
                <span class="subtitle">Showcase</span>
                <h2>Portfólio em Destaque</h2>
            </div>
            <div class="portfolio-grid">
                <div class="portfolio-item glass grow">
                    <div class="portfolio-img">
                        <img src="images/Dashboard-Combustiveis.jpg" alt="Dashboard de Combustíveis">
                    </div>
                    <div class="portfolio-info">
                        <h3>Dashboard de Combustíveis</h3>
                        <p>Análise avançada de venda de combustíveis no Brasil utilizando Power BI.</p>
                        <div class="portfolio-links">
                            <a href="Dashboard Combustíveis.pbix" class="btn-text">Download .pbix <i class="fas fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="portfolio-item glass grow">
                    <div class="portfolio-info">
                        <div class="case-tag">Estudo de Caso</div>
                        <h3>Rita Saúde (Sabin)</h3>
                        <p>Automação e gestão de desenvolvimento que resultou em NPS 10 e alta eficiência operacional.</p>
                        <span class="case-results">Resultado: 100% de Satisfação</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="contact">
        <div class="container">
            <div class="glass-contact">
                <div class="contact-info">
                    <h2>Vamos automatizar o futuro?</h2>
                    <p>Entre em contato para discutirmos como a IA e a automação podem escalar o seu negócio.</p>
                    <div class="contact-links">
                        <a href="mailto:rgpereira@gmail.com"><i class="fas fa-envelope"></i> rgpereira@gmail.com</a>
                        <a href="https://www.linkedin.com/in/rafaelgarciapereira/" target="_blank"><i class="fab fa-linkedin"></i> LinkedIn</a>
                        <a href="https://github.com/rgpereira-br" target="_blank"><i class="fab fa-github"></i> GitHub</a>
                    </div>
                </div>
                <div class="contact-action">
                    <a href="Currículo Rafael Garcia Pereira_Especialista-em-Automações-n8n.pdf" class="btn primary large">Download CV</a>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <p>&copy; 2026 Rafael Pereira. Todos os direitos reservados.</p>
        </div>
    </footer>

    <!-- Custom JS -->
    <script src="script.js"></script>
</body>
</html>