Hugging Face's logo

Spaces:
pedromsfaria
/
next-stage
Running

App Files Community
pedromsfaria commited on
Commit
7cdce10
·
verified ·
1 Parent(s): c70eab0

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +1032 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Next Stage
3
- emoji: 💻
4
- colorFrom: purple
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: next-stage
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,1032 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Next Stage - Consultoria de Inovação Digital</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Raleway:wght@300;400;500;600;700&display=swap">
10
+ <script>
11
+ tailwind.config = {
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ primary: '#1d4ed8',
16
+ secondary: '#0ea5e9',
17
+ accent: '#8b5cf6',
18
+ dark: '#0f172a',
19
+ light: '#f8fafc'
20
+ },
21
+ fontFamily: {
22
+ heading: ['Montserrat', 'sans-serif'],
23
+ body: ['Raleway', 'sans-serif']
24
+ }
25
+ }
26
+ }
27
+ }
28
+ </script>
29
+ <style>
30
+ .hero-gradient {
31
+ background: linear-gradient(135deg, rgba(29,78,216,0.9) 0%, rgba(14,165,233,0.85) 100%);
32
+ }
33
+ .service-card:hover {
34
+ transform: translateY(-10px);
35
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
36
+ }
37
+ .language-switcher {
38
+ transition: all 0.3s ease;
39
+ }
40
+ .language-switcher:hover {
41
+ transform: scale(1.1);
42
+ }
43
+ .nav-link::after {
44
+ content: '';
45
+ display: block;
46
+ width: 0;
47
+ height: 2px;
48
+ background: #0ea5e9;
49
+ transition: width 0.3s;
50
+ }
51
+ .nav-link:hover::after {
52
+ width: 100%;
53
+ }
54
+ .animated-section {
55
+ opacity: 0;
56
+ transform: translateY(20px);
57
+ transition: opacity 0.6s ease, transform 0.6s ease;
58
+ }
59
+ .animated-section.visible {
60
+ opacity: 1;
61
+ transform: translateY(0);
62
+ }
63
+ </style>
64
+ </head>
65
+ <body class="font-body bg-light text-dark">
66
+ <!-- Language Switcher -->
67
+ <div class="fixed top-4 right-4 z-50 flex gap-2">
68
+ <button id="lang-pt" class="language-switcher bg-white p-2 rounded-full shadow-md">
69
+ <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNDE2Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDYxMnY0MTZIMHoiLz48cGF0aCBmaWxsPSIjZGMwMDAwIiBkPSJNMzQzLjcgMjA4TDAgNDE2aDYxMkwyNjguMyAyMDh6Ii8+PHBhdGggZmlsbD0iIzAwNjYwMCIgZD0iTTM0My43IDIwOEwwIDBoNjEyTDI2OC4zIDIwOHoiLz48Y2lyY2xlIGN4PSIzMDYiIGN5PSIyMDgiIHI9IjY4IiBmaWxsPSIjZGMwMDAwIi8+PGNpcmNsZSBjeD0iMzA2IiBjeT0iMjA4IiByPSI0OCIgZmlsbD0iI2ZmZiIv48cGF0aCBmaWxsPSIjZGMwMDAwIiBkPSJNMjYyLjIgMjI0LjRsMjEuMi02LjQtMjEuMi02LjQtMjEuMiA2LjR6bTQzLjYtMTYuOGwyMS4yIDYuNC0yMS4yIDYuNC0yMS4yLTYuNHptLTMyLjQgMTMuNmwyMS4yIDYuNC0yMS4yIDYuNC0yMS4yLTYuNHptNDMuNi0xMy42bDIxLjIgNi40LTIxLjIgNi40LTIxLjItNi40eiIvPjwvc3ZnPg==" alt="PT" class="w-6 h-4">
70
+ </button>
71
+ <button id="lang-en" class="language-switcher bg-white p-2 rounded-full shadow-md">
72
+ <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgMzIwIj48cGF0aCBmaWxsPSIjYmQwZDM0IiBkPSJNMCAwaDYxMnYzMjBIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNTEyIDBoMTAwdjMyMEg1MTJ6TTAgMGgxMDB2MzIwSDB6TTIwNCAwaDEwMHYzMjBoLTEwMHpNNTA4IDBoMTAwdjMyMGgtMTAwek0zMDQgMGgxMDB2MzIwaC0xMDB6TTEwMCAwaDEwMHYzMjBIMTAwek00MDggMGgxMDB2MzIwaC0xMDB6TTAgMTQwaDYxMnY0MEgweiIvPjxwYXRoIGZpbGw9IiNiZDBkMzQiIGQ9Ik0wIDE2MGg2MTJ2NDBIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAyMGg2MTJ2NDBIMHoiLz48cGF0aCBmaWxsPSIjYmQwZDM0IiBkPSJNMCA2MGg2MTJ2NDBIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAxMDBoNjEydjQwSDB6Ii8+PHBhdGggZmlsbD0iI2JkMGQzNCIgZD0iTTAgMjIwaDYxMnY0MEgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDI2MGg2MTJ2NDBIMHoiLz48cGF0aCBmaWxsPSIjYmQwZDM0IiBkPSJNMCAzMDBoNjEydjIwSDB6Ii8+PC9zdmc+" alt="EN" class="w-6 h-4">
73
+ </button>
74
+ </div>
75
+
76
+ <!-- Navigation -->
77
+ <nav class="fixed w-full bg-white shadow-md z-40">
78
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
79
+ <div class="flex justify-between h-20">
80
+ <div class="flex items-center">
81
+ <a href="#" class="flex-shrink-0 flex items-center">
82
+ <div class="bg-primary text-white font-heading font-bold text-xl px-4 py-2 rounded-lg">NEXT STAGE</div>
83
+ </a>
84
+ </div>
85
+ <div class="hidden md:flex items-center space-x-8">
86
+ <a href="#home" class="nav-link text-dark font-medium hover:text-primary">Início</a>
87
+ <a href="#about" class="nav-link text-dark font-medium hover:text-primary">Sobre Nós</a>
88
+ <a href="#services" class="nav-link text-dark font-medium hover:text-primary">Serviços</a>
89
+ <a href="#insights" class="nav-link text-dark font-medium hover:text-primary">Insights</a>
90
+ <a href="#contact" class="nav-link text-dark font-medium hover:text-primary">Contactos</a>
91
+ </div>
92
+ <div class="flex items-center md:hidden">
93
+ <button id="mobile-menu-button" class="text-dark hover:text-primary">
94
+ <i class="fas fa-bars text-2xl"></i>
95
+ </button>
96
+ </div>
97
+ </div>
98
+ </div>
99
+
100
+ <!-- Mobile menu -->
101
+ <div id="mobile-menu" class="hidden md:hidden bg-white shadow-lg">
102
+ <div class="px-2 pt-2 pb-3 space-y-1">
103
+ <a href="#home" class="block px-3 py-2 rounded-md text-base font-medium text-dark hover:bg-gray-100">Início</a>
104
+ <a href="#about" class="block px-3 py-2 rounded-md text-base font-medium text-dark hover:bg-gray-100">Sobre Nós</a>
105
+ <a href="#services" class="block px-3 py-2 rounded-md text-base font-medium text-dark hover:bg-gray-100">Serviços</a>
106
+ <a href="#insights" class="block px-3 py-2 rounded-md text-base font-medium text-dark hover:bg-gray-100">Insights</a>
107
+ <a href="#contact" class="block px-3 py-2 rounded-md text-base font-medium text-dark hover:bg-gray-100">Contactos</a>
108
+ </div>
109
+ </div>
110
+ </nav>
111
+
112
+ <!-- Hero Section -->
113
+ <section id="home" class="hero-gradient pt-32 pb-20">
114
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
115
+ <div class="text-center">
116
+ <h1 class="text-4xl md:text-6xl font-heading font-bold text-white mb-6 animated-section">
117
+ <span data-lang="pt">Impulsionando a Transformação Digital</span>
118
+ <span data-lang="en" class="hidden">Driving Digital Transformation</span>
119
+ </h1>
120
+ <p class="text-xl md:text-2xl text-white mb-10 max-w-3xl mx-auto animated-section">
121
+ <span data-lang="pt">Integrando tecnologia, processos e pessoas para criar inovação sustentável e impacto mensurável</span>
122
+ <span data-lang="en" class="hidden">Integrating technology, processes and people to create sustainable innovation and measurable impact</span>
123
+ </p>
124
+ <div class="flex flex-col sm:flex-row justify-center gap-4 animated-section">
125
+ <a href="#services" class="bg-white text-primary font-bold py-3 px-8 rounded-lg shadow-lg hover:bg-gray-100 transition duration-300">
126
+ <span data-lang="pt">Nossos Serviços</span>
127
+ <span data-lang="en" class="hidden">Our Services</span>
128
+ </a>
129
+ <a href="#contact" class="bg-transparent border-2 border-white text-white font-bold py-3 px-8 rounded-lg hover:bg-white hover:text-primary transition duration-300">
130
+ <span data-lang="pt">Fale Conosco</span>
131
+ <span data-lang="en" class="hidden">Contact Us</span>
132
+ </a>
133
+ </div>
134
+ </div>
135
+ </div>
136
+ </section>
137
+
138
+ <!-- About Section -->
139
+ <section id="about" class="py-20 bg-white animated-section">
140
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
141
+ <div class="text-center mb-16">
142
+ <h2 class="text-3xl md:text-4xl font-heading font-bold text-dark mb-4">
143
+ <span data-lang="pt">Sobre a Next Stage</span>
144
+ <span data-lang="en" class="hidden">About Next Stage</span>
145
+ </h2>
146
+ <div class="h-1 w-20 bg-primary mx-auto"></div>
147
+ </div>
148
+
149
+ <div class="grid md:grid-cols-2 gap-12 items-center mb-20">
150
+ <div>
151
+ <h3 class="text-2xl font-heading font-bold text-primary mb-4">
152
+ <span data-lang="pt">Nossa História</span>
153
+ <span data-lang="en" class="hidden">Our Story</span>
154
+ </h3>
155
+ <p class="text-lg mb-6">
156
+ <span data-lang="pt">Fundada em Portugal, a Next Stage nasceu da visão de criar uma consultoria de inovação que transcende as abordagens tradicionais. Combinamos expertise técnica com profundo entendimento dos desafios empresariais para oferecer soluções que realmente transformam organizações.</span>
157
+ <span data-lang="en" class="hidden">Founded in Portugal, Next Stage was born from the vision of creating an innovation consultancy that transcends traditional approaches. We combine technical expertise with deep understanding of business challenges to offer solutions that truly transform organizations.</span>
158
+ </p>
159
+ <p class="text-lg">
160
+ <span data-lang="pt">Ao longo dos anos, temos ajudado empresas de diversos setores a navegar na era digital, capacitando-as para liderar a próxima vaga de inovação.</span>
161
+ <span data-lang="en" class="hidden">Over the years, we have helped companies across various sectors navigate the digital age, empowering them to lead the next wave of innovation.</span>
162
+ </p>
163
+ </div>
164
+ <div class="bg-gray-200 border-2 border-dashed rounded-xl w-full h-80"></div>
165
+ </div>
166
+
167
+ <!-- Mission, Vision, Purpose -->
168
+ <div class="bg-gray-50 rounded-2xl p-8 mb-20">
169
+ <h3 class="text-2xl font-heading font-bold text-primary mb-8 text-center">
170
+ <span data-lang="pt">Nossa Identidade</span>
171
+ <span data-lang="en" class="hidden">Our Identity</span>
172
+ </h3>
173
+
174
+ <div class="grid md:grid-cols-3 gap-8">
175
+ <div class="bg-white p-6 rounded-xl shadow-md">
176
+ <div class="text-primary text-4xl mb-4">
177
+ <i class="fas fa-bullseye"></i>
178
+ </div>
179
+ <h4 class="text-xl font-heading font-bold mb-3">
180
+ <span data-lang="pt">Missão</span>
181
+ <span data-lang="en" class="hidden">Mission</span>
182
+ </h4>
183
+ <p>
184
+ <span data-lang="pt">Capacitar organizações a prosperar na era digital, integrando harmoniosamente tecnologia, otimizando processos e valorizando as pessoas, impulsionando inovação sustentável e impacto mensurável.</span>
185
+ <span data-lang="en" class="hidden">Empower organizations to thrive in the digital age by harmoniously integrating technology, optimizing processes and valuing people, driving sustainable innovation and measurable impact.</span>
186
+ </p>
187
+ </div>
188
+
189
+ <div class="bg-white p-6 rounded-xl shadow-md">
190
+ <div class="text-primary text-4xl mb-4">
191
+ <i class="fas fa-eye"></i>
192
+ </div>
193
+ <h4 class="text-xl font-heading font-bold mb-3">
194
+ <span data-lang="pt">Visão</span>
195
+ <span data-lang="en" class="hidden">Vision</span>
196
+ </h4>
197
+ <p>
198
+ <span data-lang="pt">Ser a parceira de confiança para organizações que procuram navegar e liderar a próxima vaga de inovação, fomentando um futuro onde tecnologia, processos otimizados e pessoas capacitadas convergem para desbloquear crescimento e agilidade sem precedentes.</span>
199
+ <span data-lang="en" class="hidden">To be the trusted partner for organizations seeking to navigate and lead the next wave of innovation, fostering a future where technology, optimized processes and empowered people converge to unlock unprecedented growth and agility.</span>
200
+ </p>
201
+ </div>
202
+
203
+ <div class="bg-white p-6 rounded-xl shadow-md">
204
+ <div class="text-primary text-4xl mb-4">
205
+ <i class="fas fa-star"></i>
206
+ </div>
207
+ <h4 class="text-xl font-heading font-bold mb-3">
208
+ <span data-lang="pt">Propósito</span>
209
+ <span data-lang="en" class="hidden">Purpose</span>
210
+ </h4>
211
+ <p>
212
+ <span data-lang="pt">Desbloquear o potencial máximo das empresas e das suas pessoas, harmonizando tecnologia, processos e engenho humano, criando empresas adaptáveis, eficientes e inovadoras, prontas para o futuro.</span>
213
+ <span data-lang="en" class="hidden">Unlock the maximum potential of companies and their people by harmonizing technology, processes and human ingenuity, creating adaptable, efficient and innovative companies ready for the future.</span>
214
+ </p>
215
+ </div>
216
+ </div>
217
+ </div>
218
+
219
+ <!-- Values -->
220
+ <div>
221
+ <h3 class="text-2xl font-heading font-bold text-primary mb-8 text-center">
222
+ <span data-lang="pt">Nossos Valores</span>
223
+ <span data-lang="en" class="hidden">Our Values</span>
224
+ </h3>
225
+
226
+ <div class="grid md:grid-cols-3 gap-6">
227
+ <div class="flex items-start">
228
+ <div class="bg-primary text-white rounded-full p-3 mr-4">
229
+ <i class="fas fa-lightbulb text-xl"></i>
230
+ </div>
231
+ <div>
232
+ <h4 class="text-lg font-heading font-bold mb-1">
233
+ <span data-lang="pt">Inovação</span>
234
+ <span data-lang="en" class="hidden">Innovation</span>
235
+ </h4>
236
+ <p class="text-sm">
237
+ <span data-lang="pt">Explorar continuamente novas ideias e soluções para impulsionar o progresso.</span>
238
+ <span data-lang="en" class="hidden">Continuously explore new ideas and solutions to drive progress.</span>
239
+ </p>
240
+ </div>
241
+ </div>
242
+
243
+ <div class="flex items-start">
244
+ <div class="bg-primary text-white rounded-full p-3 mr-4">
245
+ <i class="fas fa-users text-xl"></i>
246
+ </div>
247
+ <div>
248
+ <h4 class="text-lg font-heading font-bold mb-1">
249
+ <span data-lang="pt">Orientação para o Cliente</span>
250
+ <span data-lang="en" class="hidden">Customer Focus</span>
251
+ </h4>
252
+ <p class="text-sm">
253
+ <span data-lang="pt">Priorizar o sucesso do cliente e construir parcerias duradouras.</span>
254
+ <span data-lang="en" class="hidden">Prioritize customer success and build lasting partnerships.</span>
255
+ </p>
256
+ </div>
257
+ </div>
258
+
259
+ <div class="flex items-start">
260
+ <div class="bg-primary text-white rounded-full p-3 mr-4">
261
+ <i class="fas fa-handshake text-xl"></i>
262
+ </div>
263
+ <div>
264
+ <h4 class="text-lg font-heading font-bold mb-1">
265
+ <span data-lang="pt">Integridade</span>
266
+ <span data-lang="en" class="hidden">Integrity</span>
267
+ </h4>
268
+ <p class="text-sm">
269
+ <span data-lang="pt">Operar com honestidade, transparência e responsabilidade em todos os compromissos.</span>
270
+ <span data-lang="en" class="hidden">Operate with honesty, transparency and accountability in all engagements.</span>
271
+ </p>
272
+ </div>
273
+ </div>
274
+
275
+ <div class="flex items-start">
276
+ <div class="bg-primary text-white rounded-full p-3 mr-4">
277
+ <i class="fas fa-hands-helping text-xl"></i>
278
+ </div>
279
+ <div>
280
+ <h4 class="text-lg font-heading font-bold mb-1">
281
+ <span data-lang="pt">Colaboração</span>
282
+ <span data-lang="en" class="hidden">Collaboration</span>
283
+ </h4>
284
+ <p class="text-sm">
285
+ <span data-lang="pt">Fomentar um espírito de trabalho em equipa e sucesso partilhado.</span>
286
+ <span data-lang="en" class="hidden">Foster a spirit of teamwork and shared success.</span>
287
+ </p>
288
+ </div>
289
+ </div>
290
+
291
+ <div class="flex items-start">
292
+ <div class="bg-primary text-white rounded-full p-3 mr-4">
293
+ <i class="fas fa-chart-line text-xl"></i>
294
+ </div>
295
+ <div>
296
+ <h4 class="text-lg font-heading font-bold mb-1">
297
+ <span data-lang="pt">Orientação para o Impacto</span>
298
+ <span data-lang="en" class="hidden">Impact Orientation</span>
299
+ </h4>
300
+ <p class="text-sm">
301
+ <span data-lang="pt">Focar-se na entrega de resultados mensuráveis, tangíveis e sustentáveis.</span>
302
+ <span data-lang="en" class="hidden">Focus on delivering measurable, tangible and sustainable results.</span>
303
+ </p>
304
+ </div>
305
+ </div>
306
+
307
+ <div class="flex items-start">
308
+ <div class="bg-primary text-white rounded-full p-3 mr-4">
309
+ <i class="fas fa-book-open text-xl"></i>
310
+ </div>
311
+ <div>
312
+ <h4 class="text-lg font-heading font-bold mb-1">
313
+ <span data-lang="pt">Aprendizagem Contínua</span>
314
+ <span data-lang="en" class="hidden">Continuous Learning</span>
315
+ </h4>
316
+ <p class="text-sm">
317
+ <span data-lang="pt">Abraçar novos conhecimentos, tecnologias e metodologias para melhoria constante.</span>
318
+ <span data-lang="en" class="hidden">Embrace new knowledge, technologies and methodologies for continuous improvement.</span>
319
+ </p>
320
+ </div>
321
+ </div>
322
+ </div>
323
+ </div>
324
+ </div>
325
+ </section>
326
+
327
+ <!-- Services Section -->
328
+ <section id="services" class="py-20 bg-gray-50 animated-section">
329
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
330
+ <div class="text-center mb-16">
331
+ <h2 class="text-3xl md:text-4xl font-heading font-bold text-dark mb-4">
332
+ <span data-lang="pt">Nossos Serviços</span>
333
+ <span data-lang="en" class="hidden">Our Services</span>
334
+ </h2>
335
+ <p class="text-lg text-gray-600 max-w-3xl mx-auto">
336
+ <span data-lang="pt">Oferecemos soluções integradas que combinam tecnologia, processos e pessoas para impulsionar a transformação digital</span>
337
+ <span data-lang="en" class="hidden">We offer integrated solutions that combine technology, processes and people to drive digital transformation</span>
338
+ </p>
339
+ <div class="h-1 w-20 bg-primary mx-auto mt-4"></div>
340
+ </div>
341
+
342
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
343
+ <!-- Service Card 1 -->
344
+ <div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300">
345
+ <div class="p-6">
346
+ <div class="bg-primary text-white rounded-lg p-3 inline-block mb-4">
347
+ <i class="fas fa-project-diagram text-2xl"></i>
348
+ </div>
349
+ <h3 class="text-xl font-heading font-bold mb-3">
350
+ <span data-lang="pt">Gestão de Projetos & Automação</span>
351
+ <span data-lang="en" class="hidden">Project Management & Automation</span>
352
+ </h3>
353
+ <p class="mb-4">
354
+ <span data-lang="pt">Estabelecimento de PMO, metodologias Agile/Waterfall e integração de automação de processos para maior taxa de sucesso de projetos.</span>
355
+ <span data-lang="en" class="hidden">Establishment of PMO, Agile/Waterfall methodologies and process automation integration for higher project success rates.</span>
356
+ </p>
357
+ <ul class="space-y-2 mb-6">
358
+ <li class="flex items-start">
359
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
360
+ <span data-lang="pt">Entrega acelerada de projetos</span>
361
+ <span data-lang="en" class="hidden">Accelerated project delivery</span>
362
+ </li>
363
+ <li class="flex items-start">
364
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
365
+ <span data-lang="pt">Redução de custos operacionais</span>
366
+ <span data-lang="en" class="hidden">Reduced operational costs</span>
367
+ </li>
368
+ <li class="flex items-start">
369
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
370
+ <span data-lang="pt">Maior visibilidade e controlo</span>
371
+ <span data-lang="en" class="hidden">Increased visibility and control</span>
372
+ </li>
373
+ </ul>
374
+ <a href="#" class="text-primary font-medium hover:underline">
375
+ <span data-lang="pt">Saiba mais →</span>
376
+ <span data-lang="en" class="hidden">Learn more →</span>
377
+ </a>
378
+ </div>
379
+ </div>
380
+
381
+ <!-- Service Card 2 -->
382
+ <div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300">
383
+ <div class="p-6">
384
+ <div class="bg-primary text-white rounded-lg p-3 inline-block mb-4">
385
+ <i class="fas fa-robot text-2xl"></i>
386
+ </div>
387
+ <h3 class="text-xl font-heading font-bold mb-3">
388
+ <span data-lang="pt">Automação Impulsionada por IA</span>
389
+ <span data-lang="en" class="hidden">AI-Powered Automation</span>
390
+ </h3>
391
+ <p class="mb-4">
392
+ <span data-lang="pt">Desenvolvimento de soluções de IA personalizadas para transformar operações e melhorar a tomada de decisão.</span>
393
+ <span data-lang="en" class="hidden">Development of custom AI solutions to transform operations and improve decision making.</span>
394
+ </p>
395
+ <ul class="space-y-2 mb-6">
396
+ <li class="flex items-start">
397
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
398
+ <span data-lang="pt">ROI mensurável</span>
399
+ <span data-lang="en" class="hidden">Measurable ROI</span>
400
+ </li>
401
+ <li class="flex items-start">
402
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
403
+ <span data-lang="pt">Operações transformadas</span>
404
+ <span data-lang="en" class="hidden">Transformed operations</span>
405
+ </li>
406
+ <li class="flex items-start">
407
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
408
+ <span data-lang="pt">Decisões mais inteligentes</span>
409
+ <span data-lang="en" class="hidden">Smarter decisions</span>
410
+ </li>
411
+ </ul>
412
+ <a href="#" class="text-primary font-medium hover:underline">
413
+ <span data-lang="pt">Saiba mais →</span>
414
+ <span data-lang="en" class="hidden">Learn more →</span>
415
+ </a>
416
+ </div>
417
+ </div>
418
+
419
+ <!-- Service Card 3 -->
420
+ <div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300">
421
+ <div class="p-6">
422
+ <div class="bg-primary text-white rounded-lg p-3 inline-block mb-4">
423
+ <i class="fas fa-chart-line text-2xl"></i>
424
+ </div>
425
+ <h3 class="text-xl font-heading font-bold mb-3">
426
+ <span data-lang="pt">Eficiência Empresarial</span>
427
+ <span data-lang="en" class="hidden">Business Efficiency</span>
428
+ </h3>
429
+ <p class="mb-4">
430
+ <span data-lang="pt">Análise e otimização de processos para aumentar produtividade e reduzir custos.</span>
431
+ <span data-lang="en" class="hidden">Process analysis and optimization to increase productivity and reduce costs.</span>
432
+ </p>
433
+ <ul class="space-y-2 mb-6">
434
+ <li class="flex items-start">
435
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
436
+ <span data-lang="pt">Redução significativa de custos</span>
437
+ <span data-lang="en" class="hidden">Significant cost reduction</span>
438
+ </li>
439
+ <li class="flex items-start">
440
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
441
+ <span data-lang="pt">Aumento da produtividade</span>
442
+ <span data-lang="en" class="hidden">Increased productivity</span>
443
+ </li>
444
+ <li class="flex items-start">
445
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
446
+ <span data-lang="pt">Maior agilidade operacional</span>
447
+ <span data-lang="en" class="hidden">Greater operational agility</span>
448
+ </li>
449
+ </ul>
450
+ <a href="#" class="text-primary font-medium hover:underline">
451
+ <span data-lang="pt">Saiba mais →</span>
452
+ <span data-lang="en" class="hidden">Learn more →</span>
453
+ </a>
454
+ </div>
455
+ </div>
456
+
457
+ <!-- Service Card 4 -->
458
+ <div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300">
459
+ <div class="p-6">
460
+ <div class="bg-primary text-white rounded-lg p-3 inline-block mb-4">
461
+ <i class="fas fa-calendar-alt text-2xl"></i>
462
+ </div>
463
+ <h3 class="text-xl font-heading font-bold mb-3">
464
+ <span data-lang="pt">Tecnologia em Eventos</span>
465
+ <span data-lang="en" class="hidden">Event Technology</span>
466
+ </h3>
467
+ <p class="mb-4">
468
+ <span data-lang="pt">Soluções tecnológicas para criar experiências de eventos memoráveis e otimizar operações.</span>
469
+ <span data-lang="en" class="hidden">Technology solutions to create memorable event experiences and optimize operations.</span>
470
+ </p>
471
+ <ul class="space-y-2 mb-6">
472
+ <li class="flex items-start">
473
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
474
+ <span data-lang="pt">Experiências aprimoradas</span>
475
+ <span data-lang="en" class="hidden">Enhanced experiences</span>
476
+ </li>
477
+ <li class="flex items-start">
478
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
479
+ <span data-lang="pt">Eficiência operacional</span>
480
+ <span data-lang="en" class="hidden">Operational efficiency</span>
481
+ </li>
482
+ <li class="flex items-start">
483
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
484
+ <span data-lang="pt">Envolvimento maximizado</span>
485
+ <span data-lang="en" class="hidden">Maximized engagement</span>
486
+ </li>
487
+ </ul>
488
+ <a href="#" class="text-primary font-medium hover:underline">
489
+ <span data-lang="pt">Saiba mais →</span>
490
+ <span data-lang="en" class="hidden">Learn more →</span>
491
+ </a>
492
+ </div>
493
+ </div>
494
+
495
+ <!-- Service Card 5 -->
496
+ <div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300">
497
+ <div class="p-6">
498
+ <div class="bg-primary text-white rounded-lg p-3 inline-block mb-4">
499
+ <i class="fas fa-graduation-cap text-2xl"></i>
500
+ </div>
501
+ <h3 class="text-xl font-heading font-bold mb-3">
502
+ <span data-lang="pt">Formação & Capacitação</span>
503
+ <span data-lang="en" class="hidden">Training & Empowerment</span>
504
+ </h3>
505
+ <p class="mb-4">
506
+ <span data-lang="pt">Programas personalizados para desenvolver competências internas e garantir transformação sustentável.</span>
507
+ <span data-lang="en" class="hidden">Customized programs to develop internal competencies and ensure sustainable transformation.</span>
508
+ </p>
509
+ <ul class="space-y-2 mb-6">
510
+ <li class="flex items-start">
511
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
512
+ <span data-lang="pt">Capacidades internas reforçadas</span>
513
+ <span data-lang="en" class="hidden">Strengthened internal capabilities</span>
514
+ </li>
515
+ <li class="flex items-start">
516
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
517
+ <span data-lang="pt">Transformação sustentável</span>
518
+ <span data-lang="en" class="hidden">Sustainable transformation</span>
519
+ </li>
520
+ <li class="flex items-start">
521
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
522
+ <span data-lang="pt">Autossuficiência a longo prazo</span>
523
+ <span data-lang="en" class="hidden">Long-term self-sufficiency</span>
524
+ </li>
525
+ </ul>
526
+ <a href="#" class="text-primary font-medium hover:underline">
527
+ <span data-lang="pt">Saiba mais →</span>
528
+ <span data-lang="en" class="hidden">Learn more →</span>
529
+ </a>
530
+ </div>
531
+ </div>
532
+
533
+ <!-- Service Card 6 -->
534
+ <div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300">
535
+ <div class="p-6">
536
+ <div class="bg-primary text-white rounded-lg p-3 inline-block mb-4">
537
+ <i class="fas fa-puzzle-piece text-2xl"></i>
538
+ </div>
539
+ <h3 class="text-xl font-heading font-bold mb-3">
540
+ <span data-lang="pt">Nexo Tecnologia-Processos-Pessoas</span>
541
+ <span data-lang="en" class="hidden">Technology-Processes-People Nexus</span>
542
+ </h3>
543
+ <p class="mb-4">
544
+ <span data-lang="pt">Nossa abordagem única que integra harmoniosamente os três elementos fundamentais para transformação holística.</span>
545
+ <span data-lang="en" class="hidden">Our unique approach that harmoniously integrates the three fundamental elements for holistic transformation.</span>
546
+ </p>
547
+ <ul class="space-y-2 mb-6">
548
+ <li class="flex items-start">
549
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
550
+ <span data-lang="pt">Abordagem integrada</span>
551
+ <span data-lang="en" class="hidden">Integrated approach</span>
552
+ </li>
553
+ <li class="flex items-start">
554
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
555
+ <span data-lang="pt">Transformação holística</span>
556
+ <span data-lang="en" class="hidden">Holistic transformation</span>
557
+ </li>
558
+ <li class="flex items-start">
559
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
560
+ <span data-lang="pt">Resultados sustentáveis</span>
561
+ <span data-lang="en" class="hidden">Sustainable results</span>
562
+ </li>
563
+ </ul>
564
+ <a href="#" class="text-primary font-medium hover:underline">
565
+ <span data-lang="pt">Saiba mais →</span>
566
+ <span data-lang="en" class="hidden">Learn more →</span>
567
+ </a>
568
+ </div>
569
+ </div>
570
+ </div>
571
+ </div>
572
+ </section>
573
+
574
+ <!-- Insights Section -->
575
+ <section id="insights" class="py-20 bg-white animated-section">
576
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
577
+ <div class="text-center mb-16">
578
+ <h2 class="text-3xl md:text-4xl font-heading font-bold text-dark mb-4">
579
+ <span data-lang="pt">Insights & Liderança de Pensamento</span>
580
+ <span data-lang="en" class="hidden">Insights & Thought Leadership</span>
581
+ </h2>
582
+ <p class="text-lg text-gray-600 max-w-3xl mx-auto">
583
+ <span data-lang="pt">Compartilhamos conhecimento e perspectivas sobre as últimas tendências em inovação e transformação digital</span>
584
+ <span data-lang="en" class="hidden">We share knowledge and perspectives on the latest trends in innovation and digital transformation</span>
585
+ </p>
586
+ <div class="h-1 w-20 bg-primary mx-auto mt-4"></div>
587
+ </div>
588
+
589
+ <div class="grid md:grid-cols-3 gap-8 mb-16">
590
+ <!-- Insight Card 1 -->
591
+ <div class="bg-gray-50 rounded-xl overflow-hidden shadow-md">
592
+ <div class="bg-gray-200 border-2 border-dashed w-full h-48"></div>
593
+ <div class="p-6">
594
+ <span class="text-sm text-primary font-medium">
595
+ <span data-lang="pt">Inteligência Artificial</span>
596
+ <span data-lang="en" class="hidden">Artificial Intelligence</span>
597
+ </span>
598
+ <h3 class="text-xl font-heading font-bold my-3">
599
+ <span data-lang="pt">O Futuro da Automação com IA Generativa</span>
600
+ <span data-lang="en" class="hidden">The Future of Automation with Generative AI</span>
601
+ </h3>
602
+ <p class="text-gray-600 mb-4">
603
+ <span data-lang="pt">Como a IA generativa está transformando processos empresariais e criando novas oportunidades.</span>
604
+ <span data-lang="en" class="hidden">How generative AI is transforming business processes and creating new opportunities.</span>
605
+ </p>
606
+ <a href="#" class="text-primary font-medium hover:underline">
607
+ <span data-lang="pt">Ler artigo →</span>
608
+ <span data-lang="en" class="hidden">Read article →</span>
609
+ </a>
610
+ </div>
611
+ </div>
612
+
613
+ <!-- Insight Card 2 -->
614
+ <div class="bg-gray-50 rounded-xl overflow-hidden shadow-md">
615
+ <div class="bg-gray-200 border-2 border-dashed w-full h-48"></div>
616
+ <div class="p-6">
617
+ <span class="text-sm text-primary font-medium">
618
+ <span data-lang="pt">Transformação Digital</span>
619
+ <span data-lang="en" class="hidden">Digital Transformation</span>
620
+ </span>
621
+ <h3 class="text-xl font-heading font-bold my-3">
622
+ <span data-lang="pt">Superando os Desafios da Transformação Digital</span>
623
+ <span data-lang="en" class="hidden">Overcoming Digital Transformation Challenges</span>
624
+ </h3>
625
+ <p class="text-gray-600 mb-4">
626
+ <span data-lang="pt">Estratégias comprovadas para garantir o sucesso de iniciativas de transformação digital.</span>
627
+ <span data-lang="en" class="hidden">Proven strategies to ensure the success of digital transformation initiatives.</span>
628
+ </p>
629
+ <a href="#" class="text-primary font-medium hover:underline">
630
+ <span data-lang="pt">Ler artigo →</span>
631
+ <span data-lang="en" class="hidden">Read article →</span>
632
+ </a>
633
+ </div>
634
+ </div>
635
+
636
+ <!-- Insight Card 3 -->
637
+ <div class="bg-gray-50 rounded-xl overflow-hidden shadow-md">
638
+ <div class="bg-gray-200 border-2 border-dashed w-full h-48"></div>
639
+ <div class="p-6">
640
+ <span class="text-sm text-primary font-medium">
641
+ <span data-lang="pt">Tecnologia em Eventos</span>
642
+ <span data-lang="en" class="hidden">Event Technology</span>
643
+ </span>
644
+ <h3 class="text-xl font-heading font-bold my-3">
645
+ <span data-lang="pt">Criando Experiências Memoráveis com Tecnologia</span>
646
+ <span data-lang="en" class="hidden">Creating Memorable Experiences with Technology</span>
647
+ </h3>
648
+ <p class="text-gray-600 mb-4">
649
+ <span data-lang="pt">Como inovações tecnológicas estão revolucionando o setor de eventos e experiências.</span>
650
+ <span data-lang="en" class="hidden">How technological innovations are revolutionizing the events and experiences industry.</span>
651
+ </p>
652
+ <a href="#" class="text-primary font-medium hover:underline">
653
+ <span data-lang="pt">Ler artigo →</span>
654
+ <span data-lang="en" class="hidden">Read article →</span>
655
+ </a>
656
+ </div>
657
+ </div>
658
+ </div>
659
+
660
+ <!-- Case Studies -->
661
+ <div class="bg-primary rounded-2xl p-8 text-white">
662
+ <div class="text-center mb-10">
663
+ <h2 class="text-3xl font-heading font-bold mb-4">
664
+ <span data-lang="pt">Histórias de Sucesso</span>
665
+ <span data-lang="en" class="hidden">Success Stories</span>
666
+ </h2>
667
+ <p class="text-lg max-w-3xl mx-auto">
668
+ <span data-lang="pt">Veja como ajudamos nossos clientes a alcançar resultados transformadores</span>
669
+ <span data-lang="en" class="hidden">See how we've helped our clients achieve transformative results</span>
670
+ </p>
671
+ </div>
672
+
673
+ <div class="grid md:grid-cols-2 gap-8">
674
+ <!-- Case Study 1 -->
675
+ <div class="bg-white bg-opacity-10 backdrop-blur-sm rounded-xl p-6">
676
+ <div class="flex items-center mb-4">
677
+ <div class="bg-gray-200 border-2 border-dashed rounded-full w-16 h-16"></div>
678
+ <div class="ml-4">
679
+ <h3 class="text-xl font-heading font-bold">
680
+ <span data-lang="pt">Empresa de Logística</span>
681
+ <span data-lang="en" class="hidden">Logistics Company</span>
682
+ </h3>
683
+ <p class="text-primary-200">
684
+ <span data-lang="pt">Setor: Transportes</span>
685
+ <span data-lang="en" class="hidden">Sector: Transportation</span>
686
+ </p>
687
+ </div>
688
+ </div>
689
+ <p class="mb-4">
690
+ <span data-lang="pt">Implementação de soluções de automação que reduziram custos operacionais em 35% e aumentaram a eficiência em 50%.</span>
691
+ <span data-lang="en" class="hidden">Implementation of automation solutions that reduced operational costs by 35% and increased efficiency by 50%.</span>
692
+ </p>
693
+ <div class="flex items-center">
694
+ <div class="flex-1">
695
+ <p class="text-2xl font-bold">35%</p>
696
+ <p class="text-sm">
697
+ <span data-lang="pt">redução de custos</span>
698
+ <span data-lang="en" class="hidden">cost reduction</span>
699
+ </p>
700
+ </div>
701
+ <div class="flex-1">
702
+ <p class="text-2xl font-bold">50%</p>
703
+ <p class="text-sm">
704
+ <span data-lang="pt">aumento de eficiência</span>
705
+ <span data-lang="en" class="hidden">efficiency increase</span>
706
+ </p>
707
+ </div>
708
+ </div>
709
+ </div>
710
+
711
+ <!-- Case Study 2 -->
712
+ <div class="bg-white bg-opacity-10 backdrop-blur-sm rounded-xl p-6">
713
+ <div class="flex items-center mb-4">
714
+ <div class="bg-gray-200 border-2 border-dashed rounded-full w-16 h-16"></div>
715
+ <div class="ml-4">
716
+ <h3 class="text-xl font-heading font-bold">
717
+ <span data-lang="pt">Evento Internacional</span>
718
+ <span data-lang="en" class="hidden">International Event</span>
719
+ </h3>
720
+ <p class="text-primary-200">
721
+ <span data-lang="pt">Setor: Entretenimento</span>
722
+ <span data-lang="en" class="hidden">Sector: Entertainment</span>
723
+ </p>
724
+ </div>
725
+ </div>
726
+ <p class="mb-4">
727
+ <span data-lang="pt">Integração de tecnologia que aumentou o envolvimento dos participantes em 80% e reduziu custos logísticos em 25%.</span>
728
+ <span data-lang="en" class="hidden">Technology integration that increased participant engagement by 80% and reduced logistical costs by 25%.</span>
729
+ </p>
730
+ <div class="flex items-center">
731
+ <div class="flex-1">
732
+ <p class="text-2xl font-bold">80%</p>
733
+ <p class="text-sm">
734
+ <span data-lang="pt">mais envolvimento</span>
735
+ <span data-lang="en" class="hidden">more engagement</span>
736
+ </p>
737
+ </div>
738
+ <div class="flex-1">
739
+ <p class="text-2xl font-bold">25%</p>
740
+ <p class="text-sm">
741
+ <span data-lang="pt">redução de custos</span>
742
+ <span data-lang="en" class="hidden">cost reduction</span>
743
+ </p>
744
+ </div>
745
+ </div>
746
+ </div>
747
+ </div>
748
+ </div>
749
+ </div>
750
+ </section>
751
+
752
+ <!-- Contact Section -->
753
+ <section id="contact" class="py-20 bg-gray-50 animated-section">
754
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
755
+ <div class="text-center mb-16">
756
+ <h2 class="text-3xl md:text-4xl font-heading font-bold text-dark mb-4">
757
+ <span data-lang="pt">Entre em Contacto</span>
758
+ <span data-lang="en" class="hidden">Get in Touch</span>
759
+ </h2>
760
+ <p class="text-lg text-gray-600 max-w-3xl mx-auto">
761
+ <span data-lang="pt">Pronto para transformar sua organização? Fale com nossa equipa de especialistas.</span>
762
+ <span data-lang="en" class="hidden">Ready to transform your organization? Speak with our team of experts.</span>
763
+ </p>
764
+ <div class="h-1 w-20 bg-primary mx-auto mt-4"></div>
765
+ </div>
766
+
767
+ <div class="grid md:grid-cols-2 gap-12">
768
+ <div>
769
+ <form class="space-y-6">
770
+ <div>
771
+ <label for="name" class="block text-sm font-medium text-gray-700 mb-1">
772
+ <span data-lang="pt">Nome Completo</span>
773
+ <span data-lang="en" class="hidden">Full Name</span>
774
+ </label>
775
+ <input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-primary focus:border-primary">
776
+ </div>
777
+ <div>
778
+ <label for="email" class="block text-sm font-medium text-gray-700 mb-1">
779
+ <span data-lang="pt">Email</span>
780
+ <span data-lang="en" class="hidden">Email</span>
781
+ </label>
782
+ <input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-primary focus:border-primary">
783
+ </div>
784
+ <div>
785
+ <label for="company" class="block text-sm font-medium text-gray-700 mb-1">
786
+ <span data-lang="pt">Empresa</span>
787
+ <span data-lang="en" class="hidden">Company</span>
788
+ </label>
789
+ <input type="text" id="company" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-primary focus:border-primary">
790
+ </div>
791
+ <div>
792
+ <label for="message" class="block text-sm font-medium text-gray-700 mb-1">
793
+ <span data-lang="pt">Mensagem</span>
794
+ <span data-lang="en" class="hidden">Message</span>
795
+ </label>
796
+ <textarea id="message" rows="4" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-primary focus:border-primary"></textarea>
797
+ </div>
798
+ <button type="submit" class="w-full bg-primary text-white font-bold py-3 px-6 rounded-lg shadow-md hover:bg-blue-700 transition duration-300">
799
+ <span data-lang="pt">Enviar Mensagem</span>
800
+ <span data-lang="en" class="hidden">Send Message</span>
801
+ </button>
802
+ </form>
803
+ </div>
804
+
805
+ <div>
806
+ <div class="bg-white rounded-xl shadow-lg p-8">
807
+ <h3 class="text-xl font-heading font-bold text-primary mb-6">
808
+ <span data-lang="pt">Informações de Contacto</span>
809
+ <span data-lang="en" class="hidden">Contact Information</span>
810
+ </h3>
811
+
812
+ <div class="space-y-6">
813
+ <div class="flex items-start">
814
+ <div class="bg-primary bg-opacity-10 text-primary rounded-lg p-3 mr-4">
815
+ <i class="fas fa-map-marker-alt"></i>
816
+ </div>
817
+ <div>
818
+ <h4 class="font-medium text-lg mb-1">
819
+ <span data-lang="pt">Escritório em Portugal</span>
820
+ <span data-lang="en" class="hidden">Portugal Office</span>
821
+ </h4>
822
+ <p class="text-gray-600">
823
+ <span data-lang="pt">Av. da Liberdade 100, 1250-145 Lisboa, Portugal</span>
824
+ <span data-lang="en" class="hidden">Av. da Liberdade 100, 1250-145 Lisbon, Portugal</span>
825
+ </p>
826
+ </div>
827
+ </div>
828
+
829
+ <div class="flex items-start">
830
+ <div class="bg-primary bg-opacity-10 text-primary rounded-lg p-3 mr-4">
831
+ <i class="fas fa-phone"></i>
832
+ </div>
833
+ <div>
834
+ <h4 class="font-medium text-lg mb-1">
835
+ <span data-lang="pt">Telefone</span>
836
+ <span data-lang="en" class="hidden">Phone</span>
837
+ </h4>
838
+ <p class="text-gray-600">+351 21 123 4567</p>
839
+ </div>
840
+ </div>
841
+
842
+ <div class="flex items-start">
843
+ <div class="bg-primary bg-opacity-10 text-primary rounded-lg p-3 mr-4">
844
+ <i class="fas fa-envelope"></i>
845
+ </div>
846
+ <div>
847
+ <h4 class="font-medium text-lg mb-1">
848
+ <span data-lang="pt">Email</span>
849
+ <span data-lang="en" class="hidden">Email</span>
850
+ </h4>
851
+ <p class="text-gray-600">[email protected]</p>
852
+ </div>
853
+ </div>
854
+
855
+ <div class="flex items-start">
856
+ <div class="bg-primary bg-opacity-10 text-primary rounded-lg p-3 mr-4">
857
+ <i class="fas fa-clock"></i>
858
+ </div>
859
+ <div>
860
+ <h4 class="font-medium text-lg mb-1">
861
+ <span data-lang="pt">Horário de Funcionamento</span>
862
+ <span data-lang="en" class="hidden">Business Hours</span>
863
+ </h4>
864
+ <p class="text-gray-600">
865
+ <span data-lang="pt">Segunda a Sexta: 9h00 - 18h00</span>
866
+ <span data-lang="en" class="hidden">Monday to Friday: 9:00 AM - 6:00 PM</span>
867
+ </p>
868
+ </div>
869
+ </div>
870
+ </div>
871
+ </div>
872
+ </div>
873
+ </div>
874
+ </div>
875
+ </section>
876
+
877
+ <!-- Footer -->
878
+ <footer class="bg-dark text-white py-12">
879
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
880
+ <div class="grid md:grid-cols-4 gap-8">
881
+ <div>
882
+ <div class="text-primary font-heading font-bold text-2xl mb-4">NEXT STAGE</div>
883
+ <p class="text-gray-400 mb-4">
884
+ <span data-lang="pt">Consultoria de inovação especializada em transformação digital através da integração harmoniosa de tecnologia, processos e pessoas.</span>
885
+ <span data-lang="en" class="hidden">Innovation consultancy specializing in digital transformation through the harmonious integration of technology, processes and people.</span>
886
+ </p>
887
+ <div class="flex space-x-4">
888
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin-in"></i></a>
889
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
890
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a>
891
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
892
+ </div>
893
+ </div>
894
+
895
+ <div>
896
+ <h3 class="text-lg font-heading font-bold mb-4">
897
+ <span data-lang="pt">Links Rápidos</span>
898
+ <span data-lang="en" class="hidden">Quick Links</span>
899
+ </h3>
900
+ <ul class="space-y-2">
901
+ <li><a href="#home" class="text-gray-400 hover:text-white transition">
902
+ <span data-lang="pt">Início</span>
903
+ <span data-lang="en" class="hidden">Home</span>
904
+ </a></li>
905
+ <li><a href="#about" class="text-gray-400 hover:text-white transition">
906
+ <span data-lang="pt">Sobre Nós</span>
907
+ <span data-lang="en" class="hidden">About Us</span>
908
+ </a></li>
909
+ <li><a href="#services" class="text-gray-400 hover:text-white transition">
910
+ <span data-lang="pt">Serviços</span>
911
+ <span data-lang="en" class="hidden">Services</span>
912
+ </a></li>
913
+ <li><a href="#insights" class="text-gray-400 hover:text-white transition">
914
+ <span data-lang="pt">Insights</span>
915
+ <span data-lang="en" class="hidden">Insights</span>
916
+ </a></li>
917
+ <li><a href="#contact" class="text-gray-400 hover:text-white transition">
918
+ <span data-lang="pt">Contactos</span>
919
+ <span data-lang="en" class="hidden">Contact</span>
920
+ </a></li>
921
+ </ul>
922
+ </div>
923
+
924
+ <div>
925
+ <h3 class="text-lg font-heading font-bold mb-4">
926
+ <span data-lang="pt">Serviços</span>
927
+ <span data-lang="en" class="hidden">Services</span>
928
+ </h3>
929
+ <ul class="space-y-2">
930
+ <li><a href="#" class="text-gray-400 hover:text-white transition">
931
+ <span data-lang="pt">Gestão de Projetos & Automação</span>
932
+ <span data-lang="en" class="hidden">Project Management & Automation</span>
933
+ </a></li>
934
+ <li><a href="#" class="text-gray-400 hover:text-white transition">
935
+ <span data-lang="pt">Automação Impulsionada por IA</span>
936
+ <span data-lang="en" class="hidden">AI-Powered Automation</span>
937
+ </a></li>
938
+ <li><a href="#" class="text-gray-400 hover:text-white transition">
939
+ <span data-lang="pt">Eficiência Empresarial</span>
940
+ <span data-lang="en" class="hidden">Business Efficiency</span>
941
+ </a></li>
942
+ <li><a href="#" class="text-gray-400 hover:text-white transition">
943
+ <span data-lang="pt">Tecnologia em Eventos</span>
944
+ <span data-lang="en" class="hidden">Event Technology</span>
945
+ </a></li>
946
+ <li><a href="#" class="text-gray-400 hover:text-white transition">
947
+ <span data-lang="pt">Formação & Capacitação</span>
948
+ <span data-lang="en" class="hidden">Training & Empowerment</span>
949
+ </a></li>
950
+ </ul>
951
+ </div>
952
+
953
+ <div>
954
+ <h3 class="text-lg font-heading font-bold mb-4">
955
+ <span data-lang="pt">Newsletter</span>
956
+ <span data-lang="en" class="hidden">Newsletter</span>
957
+ </h3>
958
+ <p class="text-gray-400 mb-4">
959
+ <span data-lang="pt">Subscreva para receber as últimas notícias e insights sobre inovação.</span>
960
+ <span data-lang="en" class="hidden">Subscribe to receive the latest news and insights on innovation.</span>
961
+ </p>
962
+ <form class="flex">
963
+ <input type="email" placeholder="Seu email" class="px-4 py-2 w-full rounded-l-lg focus:outline-none text-dark">
964
+ <button class="bg-primary text-white px-4 py-2 rounded-r-lg">
965
+ <i class="fas fa-paper-plane"></i>
966
+ </button>
967
+ </form>
968
+ </div>
969
+ </div>
970
+
971
+ <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">
972
+ <p>
973
+ <span data-lang="pt">&copy; 2023 Next Stage. Todos os direitos reservados.</span>
974
+ <span data-lang="en" class="hidden">&copy; 2023 Next Stage. All rights reserved.</span>
975
+ </p>
976
+ </div>
977
+ </div>
978
+ </footer>
979
+
980
+ <script>
981
+ // Language switching functionality
982
+ document.getElementById('lang-pt').addEventListener('click', function() {
983
+ document.querySelectorAll('[data-lang="pt"]').forEach(el => el.classList.remove('hidden'));
984
+ document.querySelectorAll('[data-lang="en"]').forEach(el => el.classList.add('hidden'));
985
+ });
986
+
987
+ document.getElementById('lang-en').addEventListener('click', function() {
988
+ document.querySelectorAll('[data-lang="en"]').forEach(el => el.classList.remove('hidden'));
989
+ document.querySelectorAll('[data-lang="pt"]').forEach(el => el.classList.add('hidden'));
990
+ });
991
+
992
+ // Mobile menu toggle
993
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
994
+ const menu = document.getElementById('mobile-menu');
995
+ menu.classList.toggle('hidden');
996
+ });
997
+
998
+ // Smooth scrolling for navigation links
999
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
1000
+ anchor.addEventListener('click', function(e) {
1001
+ e.preventDefault();
1002
+ const target = document.querySelector(this.getAttribute('href'));
1003
+ if (target) {
1004
+ window.scrollTo({
1005
+ top: target.offsetTop - 80,
1006
+ behavior: 'smooth'
1007
+ });
1008
+
1009
+ // Close mobile menu if open
1010
+ document.getElementById('mobile-menu').classList.add('hidden');
1011
+ }
1012
+ });
1013
+ });
1014
+
1015
+ // Animation on scroll
1016
+ function animateOnScroll() {
1017
+ const sections = document.querySelectorAll('.animated-section');
1018
+ sections.forEach(section => {
1019
+ const sectionTop = section.getBoundingClientRect().top;
1020
+ const windowHeight = window.innerHeight;
1021
+ if (sectionTop < windowHeight * 0.9) {
1022
+ section.classList.add('visible');
1023
+ }
1024
+ });
1025
+ }
1026
+
1027
+ // Initialize animations
1028
+ window.addEventListener('load', animateOnScroll);
1029
+ window.addEventListener('scroll', animateOnScroll);
1030
+ </script>
1031
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=pedromsfaria/next-stage" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
1032
+ </html>