Spaces:
Running
Running
File size: 65,707 Bytes
7cdce10 |
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 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 893 894 895 896 897 898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 978 979 980 981 982 983 984 985 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 |
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Next Stage - Consultoria de Inovação Digital</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<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">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#1d4ed8',
secondary: '#0ea5e9',
accent: '#8b5cf6',
dark: '#0f172a',
light: '#f8fafc'
},
fontFamily: {
heading: ['Montserrat', 'sans-serif'],
body: ['Raleway', 'sans-serif']
}
}
}
}
</script>
<style>
.hero-gradient {
background: linear-gradient(135deg, rgba(29,78,216,0.9) 0%, rgba(14,165,233,0.85) 100%);
}
.service-card:hover {
transform: translateY(-10px);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.language-switcher {
transition: all 0.3s ease;
}
.language-switcher:hover {
transform: scale(1.1);
}
.nav-link::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #0ea5e9;
transition: width 0.3s;
}
.nav-link:hover::after {
width: 100%;
}
.animated-section {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.animated-section.visible {
opacity: 1;
transform: translateY(0);
}
</style>
</head>
<body class="font-body bg-light text-dark">
<!-- Language Switcher -->
<div class="fixed top-4 right-4 z-50 flex gap-2">
<button id="lang-pt" class="language-switcher bg-white p-2 rounded-full shadow-md">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNDE2Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDYxMnY0MTZIMHoiLz48cGF0aCBmaWxsPSIjZGMwMDAwIiBkPSJNMzQzLjcgMjA4TDAgNDE2aDYxMkwyNjguMyAyMDh6Ii8+PHBhdGggZmlsbD0iIzAwNjYwMCIgZD0iTTM0My43IDIwOEwwIDBoNjEyTDI2OC4zIDIwOHoiLz48Y2lyY2xlIGN4PSIzMDYiIGN5PSIyMDgiIHI9IjY4IiBmaWxsPSIjZGMwMDAwIi8+PGNpcmNsZSBjeD0iMzA2IiBjeT0iMjA4IiByPSI0OCIgZmlsbD0iI2ZmZiIv48cGF0aCBmaWxsPSIjZGMwMDAwIiBkPSJNMjYyLjIgMjI0LjRsMjEuMi02LjQtMjEuMi02LjQtMjEuMiA2LjR6bTQzLjYtMTYuOGwyMS4yIDYuNC0yMS4yIDYuNC0yMS4yLTYuNHptLTMyLjQgMTMuNmwyMS4yIDYuNC0yMS4yIDYuNC0yMS4yLTYuNHptNDMuNi0xMy42bDIxLjIgNi40LTIxLjIgNi40LTIxLjItNi40eiIvPjwvc3ZnPg==" alt="PT" class="w-6 h-4">
</button>
<button id="lang-en" class="language-switcher bg-white p-2 rounded-full shadow-md">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgMzIwIj48cGF0aCBmaWxsPSIjYmQwZDM0IiBkPSJNMCAwaDYxMnYzMjBIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNTEyIDBoMTAwdjMyMEg1MTJ6TTAgMGgxMDB2MzIwSDB6TTIwNCAwaDEwMHYzMjBoLTEwMHpNNTA4IDBoMTAwdjMyMGgtMTAwek0zMDQgMGgxMDB2MzIwaC0xMDB6TTEwMCAwaDEwMHYzMjBIMTAwek00MDggMGgxMDB2MzIwaC0xMDB6TTAgMTQwaDYxMnY0MEgweiIvPjxwYXRoIGZpbGw9IiNiZDBkMzQiIGQ9Ik0wIDE2MGg2MTJ2NDBIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAyMGg2MTJ2NDBIMHoiLz48cGF0aCBmaWxsPSIjYmQwZDM0IiBkPSJNMCA2MGg2MTJ2NDBIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAxMDBoNjEydjQwSDB6Ii8+PHBhdGggZmlsbD0iI2JkMGQzNCIgZD0iTTAgMjIwaDYxMnY0MEgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDI2MGg2MTJ2NDBIMHoiLz48cGF0aCBmaWxsPSIjYmQwZDM0IiBkPSJNMCAzMDBoNjEydjIwSDB6Ii8+PC9zdmc+" alt="EN" class="w-6 h-4">
</button>
</div>
<!-- Navigation -->
<nav class="fixed w-full bg-white shadow-md z-40">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-20">
<div class="flex items-center">
<a href="#" class="flex-shrink-0 flex items-center">
<div class="bg-primary text-white font-heading font-bold text-xl px-4 py-2 rounded-lg">NEXT STAGE</div>
</a>
</div>
<div class="hidden md:flex items-center space-x-8">
<a href="#home" class="nav-link text-dark font-medium hover:text-primary">Início</a>
<a href="#about" class="nav-link text-dark font-medium hover:text-primary">Sobre Nós</a>
<a href="#services" class="nav-link text-dark font-medium hover:text-primary">Serviços</a>
<a href="#insights" class="nav-link text-dark font-medium hover:text-primary">Insights</a>
<a href="#contact" class="nav-link text-dark font-medium hover:text-primary">Contactos</a>
</div>
<div class="flex items-center md:hidden">
<button id="mobile-menu-button" class="text-dark hover:text-primary">
<i class="fas fa-bars text-2xl"></i>
</button>
</div>
</div>
</div>
<!-- Mobile menu -->
<div id="mobile-menu" class="hidden md:hidden bg-white shadow-lg">
<div class="px-2 pt-2 pb-3 space-y-1">
<a href="#home" class="block px-3 py-2 rounded-md text-base font-medium text-dark hover:bg-gray-100">Início</a>
<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>
<a href="#services" class="block px-3 py-2 rounded-md text-base font-medium text-dark hover:bg-gray-100">Serviços</a>
<a href="#insights" class="block px-3 py-2 rounded-md text-base font-medium text-dark hover:bg-gray-100">Insights</a>
<a href="#contact" class="block px-3 py-2 rounded-md text-base font-medium text-dark hover:bg-gray-100">Contactos</a>
</div>
</div>
</nav>
<!-- Hero Section -->
<section id="home" class="hero-gradient pt-32 pb-20">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<h1 class="text-4xl md:text-6xl font-heading font-bold text-white mb-6 animated-section">
<span data-lang="pt">Impulsionando a Transformação Digital</span>
<span data-lang="en" class="hidden">Driving Digital Transformation</span>
</h1>
<p class="text-xl md:text-2xl text-white mb-10 max-w-3xl mx-auto animated-section">
<span data-lang="pt">Integrando tecnologia, processos e pessoas para criar inovação sustentável e impacto mensurável</span>
<span data-lang="en" class="hidden">Integrating technology, processes and people to create sustainable innovation and measurable impact</span>
</p>
<div class="flex flex-col sm:flex-row justify-center gap-4 animated-section">
<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">
<span data-lang="pt">Nossos Serviços</span>
<span data-lang="en" class="hidden">Our Services</span>
</a>
<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">
<span data-lang="pt">Fale Conosco</span>
<span data-lang="en" class="hidden">Contact Us</span>
</a>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="py-20 bg-white animated-section">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-heading font-bold text-dark mb-4">
<span data-lang="pt">Sobre a Next Stage</span>
<span data-lang="en" class="hidden">About Next Stage</span>
</h2>
<div class="h-1 w-20 bg-primary mx-auto"></div>
</div>
<div class="grid md:grid-cols-2 gap-12 items-center mb-20">
<div>
<h3 class="text-2xl font-heading font-bold text-primary mb-4">
<span data-lang="pt">Nossa História</span>
<span data-lang="en" class="hidden">Our Story</span>
</h3>
<p class="text-lg mb-6">
<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>
<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>
</p>
<p class="text-lg">
<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>
<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>
</p>
</div>
<div class="bg-gray-200 border-2 border-dashed rounded-xl w-full h-80"></div>
</div>
<!-- Mission, Vision, Purpose -->
<div class="bg-gray-50 rounded-2xl p-8 mb-20">
<h3 class="text-2xl font-heading font-bold text-primary mb-8 text-center">
<span data-lang="pt">Nossa Identidade</span>
<span data-lang="en" class="hidden">Our Identity</span>
</h3>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-white p-6 rounded-xl shadow-md">
<div class="text-primary text-4xl mb-4">
<i class="fas fa-bullseye"></i>
</div>
<h4 class="text-xl font-heading font-bold mb-3">
<span data-lang="pt">Missão</span>
<span data-lang="en" class="hidden">Mission</span>
</h4>
<p>
<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>
<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>
</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-md">
<div class="text-primary text-4xl mb-4">
<i class="fas fa-eye"></i>
</div>
<h4 class="text-xl font-heading font-bold mb-3">
<span data-lang="pt">Visão</span>
<span data-lang="en" class="hidden">Vision</span>
</h4>
<p>
<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>
<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>
</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-md">
<div class="text-primary text-4xl mb-4">
<i class="fas fa-star"></i>
</div>
<h4 class="text-xl font-heading font-bold mb-3">
<span data-lang="pt">Propósito</span>
<span data-lang="en" class="hidden">Purpose</span>
</h4>
<p>
<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>
<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>
</p>
</div>
</div>
</div>
<!-- Values -->
<div>
<h3 class="text-2xl font-heading font-bold text-primary mb-8 text-center">
<span data-lang="pt">Nossos Valores</span>
<span data-lang="en" class="hidden">Our Values</span>
</h3>
<div class="grid md:grid-cols-3 gap-6">
<div class="flex items-start">
<div class="bg-primary text-white rounded-full p-3 mr-4">
<i class="fas fa-lightbulb text-xl"></i>
</div>
<div>
<h4 class="text-lg font-heading font-bold mb-1">
<span data-lang="pt">Inovação</span>
<span data-lang="en" class="hidden">Innovation</span>
</h4>
<p class="text-sm">
<span data-lang="pt">Explorar continuamente novas ideias e soluções para impulsionar o progresso.</span>
<span data-lang="en" class="hidden">Continuously explore new ideas and solutions to drive progress.</span>
</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-primary text-white rounded-full p-3 mr-4">
<i class="fas fa-users text-xl"></i>
</div>
<div>
<h4 class="text-lg font-heading font-bold mb-1">
<span data-lang="pt">Orientação para o Cliente</span>
<span data-lang="en" class="hidden">Customer Focus</span>
</h4>
<p class="text-sm">
<span data-lang="pt">Priorizar o sucesso do cliente e construir parcerias duradouras.</span>
<span data-lang="en" class="hidden">Prioritize customer success and build lasting partnerships.</span>
</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-primary text-white rounded-full p-3 mr-4">
<i class="fas fa-handshake text-xl"></i>
</div>
<div>
<h4 class="text-lg font-heading font-bold mb-1">
<span data-lang="pt">Integridade</span>
<span data-lang="en" class="hidden">Integrity</span>
</h4>
<p class="text-sm">
<span data-lang="pt">Operar com honestidade, transparência e responsabilidade em todos os compromissos.</span>
<span data-lang="en" class="hidden">Operate with honesty, transparency and accountability in all engagements.</span>
</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-primary text-white rounded-full p-3 mr-4">
<i class="fas fa-hands-helping text-xl"></i>
</div>
<div>
<h4 class="text-lg font-heading font-bold mb-1">
<span data-lang="pt">Colaboração</span>
<span data-lang="en" class="hidden">Collaboration</span>
</h4>
<p class="text-sm">
<span data-lang="pt">Fomentar um espírito de trabalho em equipa e sucesso partilhado.</span>
<span data-lang="en" class="hidden">Foster a spirit of teamwork and shared success.</span>
</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-primary text-white rounded-full p-3 mr-4">
<i class="fas fa-chart-line text-xl"></i>
</div>
<div>
<h4 class="text-lg font-heading font-bold mb-1">
<span data-lang="pt">Orientação para o Impacto</span>
<span data-lang="en" class="hidden">Impact Orientation</span>
</h4>
<p class="text-sm">
<span data-lang="pt">Focar-se na entrega de resultados mensuráveis, tangíveis e sustentáveis.</span>
<span data-lang="en" class="hidden">Focus on delivering measurable, tangible and sustainable results.</span>
</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-primary text-white rounded-full p-3 mr-4">
<i class="fas fa-book-open text-xl"></i>
</div>
<div>
<h4 class="text-lg font-heading font-bold mb-1">
<span data-lang="pt">Aprendizagem Contínua</span>
<span data-lang="en" class="hidden">Continuous Learning</span>
</h4>
<p class="text-sm">
<span data-lang="pt">Abraçar novos conhecimentos, tecnologias e metodologias para melhoria constante.</span>
<span data-lang="en" class="hidden">Embrace new knowledge, technologies and methodologies for continuous improvement.</span>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="py-20 bg-gray-50 animated-section">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-heading font-bold text-dark mb-4">
<span data-lang="pt">Nossos Serviços</span>
<span data-lang="en" class="hidden">Our Services</span>
</h2>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
<span data-lang="pt">Oferecemos soluções integradas que combinam tecnologia, processos e pessoas para impulsionar a transformação digital</span>
<span data-lang="en" class="hidden">We offer integrated solutions that combine technology, processes and people to drive digital transformation</span>
</p>
<div class="h-1 w-20 bg-primary mx-auto mt-4"></div>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Service Card 1 -->
<div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300">
<div class="p-6">
<div class="bg-primary text-white rounded-lg p-3 inline-block mb-4">
<i class="fas fa-project-diagram text-2xl"></i>
</div>
<h3 class="text-xl font-heading font-bold mb-3">
<span data-lang="pt">Gestão de Projetos & Automação</span>
<span data-lang="en" class="hidden">Project Management & Automation</span>
</h3>
<p class="mb-4">
<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>
<span data-lang="en" class="hidden">Establishment of PMO, Agile/Waterfall methodologies and process automation integration for higher project success rates.</span>
</p>
<ul class="space-y-2 mb-6">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Entrega acelerada de projetos</span>
<span data-lang="en" class="hidden">Accelerated project delivery</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Redução de custos operacionais</span>
<span data-lang="en" class="hidden">Reduced operational costs</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Maior visibilidade e controlo</span>
<span data-lang="en" class="hidden">Increased visibility and control</span>
</li>
</ul>
<a href="#" class="text-primary font-medium hover:underline">
<span data-lang="pt">Saiba mais →</span>
<span data-lang="en" class="hidden">Learn more →</span>
</a>
</div>
</div>
<!-- Service Card 2 -->
<div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300">
<div class="p-6">
<div class="bg-primary text-white rounded-lg p-3 inline-block mb-4">
<i class="fas fa-robot text-2xl"></i>
</div>
<h3 class="text-xl font-heading font-bold mb-3">
<span data-lang="pt">Automação Impulsionada por IA</span>
<span data-lang="en" class="hidden">AI-Powered Automation</span>
</h3>
<p class="mb-4">
<span data-lang="pt">Desenvolvimento de soluções de IA personalizadas para transformar operações e melhorar a tomada de decisão.</span>
<span data-lang="en" class="hidden">Development of custom AI solutions to transform operations and improve decision making.</span>
</p>
<ul class="space-y-2 mb-6">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">ROI mensurável</span>
<span data-lang="en" class="hidden">Measurable ROI</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Operações transformadas</span>
<span data-lang="en" class="hidden">Transformed operations</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Decisões mais inteligentes</span>
<span data-lang="en" class="hidden">Smarter decisions</span>
</li>
</ul>
<a href="#" class="text-primary font-medium hover:underline">
<span data-lang="pt">Saiba mais →</span>
<span data-lang="en" class="hidden">Learn more →</span>
</a>
</div>
</div>
<!-- Service Card 3 -->
<div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300">
<div class="p-6">
<div class="bg-primary text-white rounded-lg p-3 inline-block mb-4">
<i class="fas fa-chart-line text-2xl"></i>
</div>
<h3 class="text-xl font-heading font-bold mb-3">
<span data-lang="pt">Eficiência Empresarial</span>
<span data-lang="en" class="hidden">Business Efficiency</span>
</h3>
<p class="mb-4">
<span data-lang="pt">Análise e otimização de processos para aumentar produtividade e reduzir custos.</span>
<span data-lang="en" class="hidden">Process analysis and optimization to increase productivity and reduce costs.</span>
</p>
<ul class="space-y-2 mb-6">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Redução significativa de custos</span>
<span data-lang="en" class="hidden">Significant cost reduction</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Aumento da produtividade</span>
<span data-lang="en" class="hidden">Increased productivity</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Maior agilidade operacional</span>
<span data-lang="en" class="hidden">Greater operational agility</span>
</li>
</ul>
<a href="#" class="text-primary font-medium hover:underline">
<span data-lang="pt">Saiba mais →</span>
<span data-lang="en" class="hidden">Learn more →</span>
</a>
</div>
</div>
<!-- Service Card 4 -->
<div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300">
<div class="p-6">
<div class="bg-primary text-white rounded-lg p-3 inline-block mb-4">
<i class="fas fa-calendar-alt text-2xl"></i>
</div>
<h3 class="text-xl font-heading font-bold mb-3">
<span data-lang="pt">Tecnologia em Eventos</span>
<span data-lang="en" class="hidden">Event Technology</span>
</h3>
<p class="mb-4">
<span data-lang="pt">Soluções tecnológicas para criar experiências de eventos memoráveis e otimizar operações.</span>
<span data-lang="en" class="hidden">Technology solutions to create memorable event experiences and optimize operations.</span>
</p>
<ul class="space-y-2 mb-6">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Experiências aprimoradas</span>
<span data-lang="en" class="hidden">Enhanced experiences</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Eficiência operacional</span>
<span data-lang="en" class="hidden">Operational efficiency</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Envolvimento maximizado</span>
<span data-lang="en" class="hidden">Maximized engagement</span>
</li>
</ul>
<a href="#" class="text-primary font-medium hover:underline">
<span data-lang="pt">Saiba mais →</span>
<span data-lang="en" class="hidden">Learn more →</span>
</a>
</div>
</div>
<!-- Service Card 5 -->
<div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300">
<div class="p-6">
<div class="bg-primary text-white rounded-lg p-3 inline-block mb-4">
<i class="fas fa-graduation-cap text-2xl"></i>
</div>
<h3 class="text-xl font-heading font-bold mb-3">
<span data-lang="pt">Formação & Capacitação</span>
<span data-lang="en" class="hidden">Training & Empowerment</span>
</h3>
<p class="mb-4">
<span data-lang="pt">Programas personalizados para desenvolver competências internas e garantir transformação sustentável.</span>
<span data-lang="en" class="hidden">Customized programs to develop internal competencies and ensure sustainable transformation.</span>
</p>
<ul class="space-y-2 mb-6">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Capacidades internas reforçadas</span>
<span data-lang="en" class="hidden">Strengthened internal capabilities</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Transformação sustentável</span>
<span data-lang="en" class="hidden">Sustainable transformation</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Autossuficiência a longo prazo</span>
<span data-lang="en" class="hidden">Long-term self-sufficiency</span>
</li>
</ul>
<a href="#" class="text-primary font-medium hover:underline">
<span data-lang="pt">Saiba mais →</span>
<span data-lang="en" class="hidden">Learn more →</span>
</a>
</div>
</div>
<!-- Service Card 6 -->
<div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300">
<div class="p-6">
<div class="bg-primary text-white rounded-lg p-3 inline-block mb-4">
<i class="fas fa-puzzle-piece text-2xl"></i>
</div>
<h3 class="text-xl font-heading font-bold mb-3">
<span data-lang="pt">Nexo Tecnologia-Processos-Pessoas</span>
<span data-lang="en" class="hidden">Technology-Processes-People Nexus</span>
</h3>
<p class="mb-4">
<span data-lang="pt">Nossa abordagem única que integra harmoniosamente os três elementos fundamentais para transformação holística.</span>
<span data-lang="en" class="hidden">Our unique approach that harmoniously integrates the three fundamental elements for holistic transformation.</span>
</p>
<ul class="space-y-2 mb-6">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Abordagem integrada</span>
<span data-lang="en" class="hidden">Integrated approach</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Transformação holística</span>
<span data-lang="en" class="hidden">Holistic transformation</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span data-lang="pt">Resultados sustentáveis</span>
<span data-lang="en" class="hidden">Sustainable results</span>
</li>
</ul>
<a href="#" class="text-primary font-medium hover:underline">
<span data-lang="pt">Saiba mais →</span>
<span data-lang="en" class="hidden">Learn more →</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Insights Section -->
<section id="insights" class="py-20 bg-white animated-section">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-heading font-bold text-dark mb-4">
<span data-lang="pt">Insights & Liderança de Pensamento</span>
<span data-lang="en" class="hidden">Insights & Thought Leadership</span>
</h2>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
<span data-lang="pt">Compartilhamos conhecimento e perspectivas sobre as últimas tendências em inovação e transformação digital</span>
<span data-lang="en" class="hidden">We share knowledge and perspectives on the latest trends in innovation and digital transformation</span>
</p>
<div class="h-1 w-20 bg-primary mx-auto mt-4"></div>
</div>
<div class="grid md:grid-cols-3 gap-8 mb-16">
<!-- Insight Card 1 -->
<div class="bg-gray-50 rounded-xl overflow-hidden shadow-md">
<div class="bg-gray-200 border-2 border-dashed w-full h-48"></div>
<div class="p-6">
<span class="text-sm text-primary font-medium">
<span data-lang="pt">Inteligência Artificial</span>
<span data-lang="en" class="hidden">Artificial Intelligence</span>
</span>
<h3 class="text-xl font-heading font-bold my-3">
<span data-lang="pt">O Futuro da Automação com IA Generativa</span>
<span data-lang="en" class="hidden">The Future of Automation with Generative AI</span>
</h3>
<p class="text-gray-600 mb-4">
<span data-lang="pt">Como a IA generativa está transformando processos empresariais e criando novas oportunidades.</span>
<span data-lang="en" class="hidden">How generative AI is transforming business processes and creating new opportunities.</span>
</p>
<a href="#" class="text-primary font-medium hover:underline">
<span data-lang="pt">Ler artigo →</span>
<span data-lang="en" class="hidden">Read article →</span>
</a>
</div>
</div>
<!-- Insight Card 2 -->
<div class="bg-gray-50 rounded-xl overflow-hidden shadow-md">
<div class="bg-gray-200 border-2 border-dashed w-full h-48"></div>
<div class="p-6">
<span class="text-sm text-primary font-medium">
<span data-lang="pt">Transformação Digital</span>
<span data-lang="en" class="hidden">Digital Transformation</span>
</span>
<h3 class="text-xl font-heading font-bold my-3">
<span data-lang="pt">Superando os Desafios da Transformação Digital</span>
<span data-lang="en" class="hidden">Overcoming Digital Transformation Challenges</span>
</h3>
<p class="text-gray-600 mb-4">
<span data-lang="pt">Estratégias comprovadas para garantir o sucesso de iniciativas de transformação digital.</span>
<span data-lang="en" class="hidden">Proven strategies to ensure the success of digital transformation initiatives.</span>
</p>
<a href="#" class="text-primary font-medium hover:underline">
<span data-lang="pt">Ler artigo →</span>
<span data-lang="en" class="hidden">Read article →</span>
</a>
</div>
</div>
<!-- Insight Card 3 -->
<div class="bg-gray-50 rounded-xl overflow-hidden shadow-md">
<div class="bg-gray-200 border-2 border-dashed w-full h-48"></div>
<div class="p-6">
<span class="text-sm text-primary font-medium">
<span data-lang="pt">Tecnologia em Eventos</span>
<span data-lang="en" class="hidden">Event Technology</span>
</span>
<h3 class="text-xl font-heading font-bold my-3">
<span data-lang="pt">Criando Experiências Memoráveis com Tecnologia</span>
<span data-lang="en" class="hidden">Creating Memorable Experiences with Technology</span>
</h3>
<p class="text-gray-600 mb-4">
<span data-lang="pt">Como inovações tecnológicas estão revolucionando o setor de eventos e experiências.</span>
<span data-lang="en" class="hidden">How technological innovations are revolutionizing the events and experiences industry.</span>
</p>
<a href="#" class="text-primary font-medium hover:underline">
<span data-lang="pt">Ler artigo →</span>
<span data-lang="en" class="hidden">Read article →</span>
</a>
</div>
</div>
</div>
<!-- Case Studies -->
<div class="bg-primary rounded-2xl p-8 text-white">
<div class="text-center mb-10">
<h2 class="text-3xl font-heading font-bold mb-4">
<span data-lang="pt">Histórias de Sucesso</span>
<span data-lang="en" class="hidden">Success Stories</span>
</h2>
<p class="text-lg max-w-3xl mx-auto">
<span data-lang="pt">Veja como ajudamos nossos clientes a alcançar resultados transformadores</span>
<span data-lang="en" class="hidden">See how we've helped our clients achieve transformative results</span>
</p>
</div>
<div class="grid md:grid-cols-2 gap-8">
<!-- Case Study 1 -->
<div class="bg-white bg-opacity-10 backdrop-blur-sm rounded-xl p-6">
<div class="flex items-center mb-4">
<div class="bg-gray-200 border-2 border-dashed rounded-full w-16 h-16"></div>
<div class="ml-4">
<h3 class="text-xl font-heading font-bold">
<span data-lang="pt">Empresa de Logística</span>
<span data-lang="en" class="hidden">Logistics Company</span>
</h3>
<p class="text-primary-200">
<span data-lang="pt">Setor: Transportes</span>
<span data-lang="en" class="hidden">Sector: Transportation</span>
</p>
</div>
</div>
<p class="mb-4">
<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>
<span data-lang="en" class="hidden">Implementation of automation solutions that reduced operational costs by 35% and increased efficiency by 50%.</span>
</p>
<div class="flex items-center">
<div class="flex-1">
<p class="text-2xl font-bold">35%</p>
<p class="text-sm">
<span data-lang="pt">redução de custos</span>
<span data-lang="en" class="hidden">cost reduction</span>
</p>
</div>
<div class="flex-1">
<p class="text-2xl font-bold">50%</p>
<p class="text-sm">
<span data-lang="pt">aumento de eficiência</span>
<span data-lang="en" class="hidden">efficiency increase</span>
</p>
</div>
</div>
</div>
<!-- Case Study 2 -->
<div class="bg-white bg-opacity-10 backdrop-blur-sm rounded-xl p-6">
<div class="flex items-center mb-4">
<div class="bg-gray-200 border-2 border-dashed rounded-full w-16 h-16"></div>
<div class="ml-4">
<h3 class="text-xl font-heading font-bold">
<span data-lang="pt">Evento Internacional</span>
<span data-lang="en" class="hidden">International Event</span>
</h3>
<p class="text-primary-200">
<span data-lang="pt">Setor: Entretenimento</span>
<span data-lang="en" class="hidden">Sector: Entertainment</span>
</p>
</div>
</div>
<p class="mb-4">
<span data-lang="pt">Integração de tecnologia que aumentou o envolvimento dos participantes em 80% e reduziu custos logísticos em 25%.</span>
<span data-lang="en" class="hidden">Technology integration that increased participant engagement by 80% and reduced logistical costs by 25%.</span>
</p>
<div class="flex items-center">
<div class="flex-1">
<p class="text-2xl font-bold">80%</p>
<p class="text-sm">
<span data-lang="pt">mais envolvimento</span>
<span data-lang="en" class="hidden">more engagement</span>
</p>
</div>
<div class="flex-1">
<p class="text-2xl font-bold">25%</p>
<p class="text-sm">
<span data-lang="pt">redução de custos</span>
<span data-lang="en" class="hidden">cost reduction</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-20 bg-gray-50 animated-section">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-heading font-bold text-dark mb-4">
<span data-lang="pt">Entre em Contacto</span>
<span data-lang="en" class="hidden">Get in Touch</span>
</h2>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
<span data-lang="pt">Pronto para transformar sua organização? Fale com nossa equipa de especialistas.</span>
<span data-lang="en" class="hidden">Ready to transform your organization? Speak with our team of experts.</span>
</p>
<div class="h-1 w-20 bg-primary mx-auto mt-4"></div>
</div>
<div class="grid md:grid-cols-2 gap-12">
<div>
<form class="space-y-6">
<div>
<label for="name" class="block text-sm font-medium text-gray-700 mb-1">
<span data-lang="pt">Nome Completo</span>
<span data-lang="en" class="hidden">Full Name</span>
</label>
<input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-primary focus:border-primary">
</div>
<div>
<label for="email" class="block text-sm font-medium text-gray-700 mb-1">
<span data-lang="pt">Email</span>
<span data-lang="en" class="hidden">Email</span>
</label>
<input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-primary focus:border-primary">
</div>
<div>
<label for="company" class="block text-sm font-medium text-gray-700 mb-1">
<span data-lang="pt">Empresa</span>
<span data-lang="en" class="hidden">Company</span>
</label>
<input type="text" id="company" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-primary focus:border-primary">
</div>
<div>
<label for="message" class="block text-sm font-medium text-gray-700 mb-1">
<span data-lang="pt">Mensagem</span>
<span data-lang="en" class="hidden">Message</span>
</label>
<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>
</div>
<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">
<span data-lang="pt">Enviar Mensagem</span>
<span data-lang="en" class="hidden">Send Message</span>
</button>
</form>
</div>
<div>
<div class="bg-white rounded-xl shadow-lg p-8">
<h3 class="text-xl font-heading font-bold text-primary mb-6">
<span data-lang="pt">Informações de Contacto</span>
<span data-lang="en" class="hidden">Contact Information</span>
</h3>
<div class="space-y-6">
<div class="flex items-start">
<div class="bg-primary bg-opacity-10 text-primary rounded-lg p-3 mr-4">
<i class="fas fa-map-marker-alt"></i>
</div>
<div>
<h4 class="font-medium text-lg mb-1">
<span data-lang="pt">Escritório em Portugal</span>
<span data-lang="en" class="hidden">Portugal Office</span>
</h4>
<p class="text-gray-600">
<span data-lang="pt">Av. da Liberdade 100, 1250-145 Lisboa, Portugal</span>
<span data-lang="en" class="hidden">Av. da Liberdade 100, 1250-145 Lisbon, Portugal</span>
</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-primary bg-opacity-10 text-primary rounded-lg p-3 mr-4">
<i class="fas fa-phone"></i>
</div>
<div>
<h4 class="font-medium text-lg mb-1">
<span data-lang="pt">Telefone</span>
<span data-lang="en" class="hidden">Phone</span>
</h4>
<p class="text-gray-600">+351 21 123 4567</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-primary bg-opacity-10 text-primary rounded-lg p-3 mr-4">
<i class="fas fa-envelope"></i>
</div>
<div>
<h4 class="font-medium text-lg mb-1">
<span data-lang="pt">Email</span>
<span data-lang="en" class="hidden">Email</span>
</h4>
<p class="text-gray-600">info@nextstage.pt</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-primary bg-opacity-10 text-primary rounded-lg p-3 mr-4">
<i class="fas fa-clock"></i>
</div>
<div>
<h4 class="font-medium text-lg mb-1">
<span data-lang="pt">Horário de Funcionamento</span>
<span data-lang="en" class="hidden">Business Hours</span>
</h4>
<p class="text-gray-600">
<span data-lang="pt">Segunda a Sexta: 9h00 - 18h00</span>
<span data-lang="en" class="hidden">Monday to Friday: 9:00 AM - 6:00 PM</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-dark text-white py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-4 gap-8">
<div>
<div class="text-primary font-heading font-bold text-2xl mb-4">NEXT STAGE</div>
<p class="text-gray-400 mb-4">
<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>
<span data-lang="en" class="hidden">Innovation consultancy specializing in digital transformation through the harmonious integration of technology, processes and people.</span>
</p>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin-in"></i></a>
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div>
<h3 class="text-lg font-heading font-bold mb-4">
<span data-lang="pt">Links Rápidos</span>
<span data-lang="en" class="hidden">Quick Links</span>
</h3>
<ul class="space-y-2">
<li><a href="#home" class="text-gray-400 hover:text-white transition">
<span data-lang="pt">Início</span>
<span data-lang="en" class="hidden">Home</span>
</a></li>
<li><a href="#about" class="text-gray-400 hover:text-white transition">
<span data-lang="pt">Sobre Nós</span>
<span data-lang="en" class="hidden">About Us</span>
</a></li>
<li><a href="#services" class="text-gray-400 hover:text-white transition">
<span data-lang="pt">Serviços</span>
<span data-lang="en" class="hidden">Services</span>
</a></li>
<li><a href="#insights" class="text-gray-400 hover:text-white transition">
<span data-lang="pt">Insights</span>
<span data-lang="en" class="hidden">Insights</span>
</a></li>
<li><a href="#contact" class="text-gray-400 hover:text-white transition">
<span data-lang="pt">Contactos</span>
<span data-lang="en" class="hidden">Contact</span>
</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-heading font-bold mb-4">
<span data-lang="pt">Serviços</span>
<span data-lang="en" class="hidden">Services</span>
</h3>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white transition">
<span data-lang="pt">Gestão de Projetos & Automação</span>
<span data-lang="en" class="hidden">Project Management & Automation</span>
</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">
<span data-lang="pt">Automação Impulsionada por IA</span>
<span data-lang="en" class="hidden">AI-Powered Automation</span>
</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">
<span data-lang="pt">Eficiência Empresarial</span>
<span data-lang="en" class="hidden">Business Efficiency</span>
</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">
<span data-lang="pt">Tecnologia em Eventos</span>
<span data-lang="en" class="hidden">Event Technology</span>
</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">
<span data-lang="pt">Formação & Capacitação</span>
<span data-lang="en" class="hidden">Training & Empowerment</span>
</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-heading font-bold mb-4">
<span data-lang="pt">Newsletter</span>
<span data-lang="en" class="hidden">Newsletter</span>
</h3>
<p class="text-gray-400 mb-4">
<span data-lang="pt">Subscreva para receber as últimas notícias e insights sobre inovação.</span>
<span data-lang="en" class="hidden">Subscribe to receive the latest news and insights on innovation.</span>
</p>
<form class="flex">
<input type="email" placeholder="Seu email" class="px-4 py-2 w-full rounded-l-lg focus:outline-none text-dark">
<button class="bg-primary text-white px-4 py-2 rounded-r-lg">
<i class="fas fa-paper-plane"></i>
</button>
</form>
</div>
</div>
<div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">
<p>
<span data-lang="pt">© 2023 Next Stage. Todos os direitos reservados.</span>
<span data-lang="en" class="hidden">© 2023 Next Stage. All rights reserved.</span>
</p>
</div>
</div>
</footer>
<script>
// Language switching functionality
document.getElementById('lang-pt').addEventListener('click', function() {
document.querySelectorAll('[data-lang="pt"]').forEach(el => el.classList.remove('hidden'));
document.querySelectorAll('[data-lang="en"]').forEach(el => el.classList.add('hidden'));
});
document.getElementById('lang-en').addEventListener('click', function() {
document.querySelectorAll('[data-lang="en"]').forEach(el => el.classList.remove('hidden'));
document.querySelectorAll('[data-lang="pt"]').forEach(el => el.classList.add('hidden'));
});
// Mobile menu toggle
document.getElementById('mobile-menu-button').addEventListener('click', function() {
const menu = document.getElementById('mobile-menu');
menu.classList.toggle('hidden');
});
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
window.scrollTo({
top: target.offsetTop - 80,
behavior: 'smooth'
});
// Close mobile menu if open
document.getElementById('mobile-menu').classList.add('hidden');
}
});
});
// Animation on scroll
function animateOnScroll() {
const sections = document.querySelectorAll('.animated-section');
sections.forEach(section => {
const sectionTop = section.getBoundingClientRect().top;
const windowHeight = window.innerHeight;
if (sectionTop < windowHeight * 0.9) {
section.classList.add('visible');
}
});
}
// Initialize animations
window.addEventListener('load', animateOnScroll);
window.addEventListener('scroll', animateOnScroll);
</script>
<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>
</html> |