| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| |
| <script async src="https://www.googletagmanager.com/gtag/js?id=G-RTR4DLTDNS"></script> |
| <script> |
| window.dataLayer = window.dataLayer || []; |
| function gtag(){dataLayer.push(arguments);} |
| gtag('js', new Date()); |
| gtag('config', 'G-RTR4DLTDNS'); |
| </script> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Recruiting & Employment - Amplify</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script> |
| <style> |
| @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;700&display=swap'); |
| .hero-gradient { |
| background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #3a0000 100%); |
| } |
| .glow-text { |
| text-shadow: 0 0 10px rgba(212, 175, 55, 0.7); |
| } |
| .job-card { |
| transition: all 0.3s ease; |
| } |
| .job-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3); |
| } |
| .benefit-icon { |
| transition: all 0.3s ease; |
| } |
| .benefit-card:hover .benefit-icon { |
| transform: scale(1.1) rotate(5deg); |
| } |
| </style> |
| </head> |
| <body class="bg-black text-white font-['Montserrat']"> |
| |
| <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0 opacity-90"></div> |
| <div class="fixed top-0 left-0 w-full h-full z-0 bg-gradient-to-b from-black via-transparent to-black opacity-30"></div> |
|
|
| |
| <div id="google_translate_element" class="absolute top-4 right-4 z-50"></div> |
| <script type="text/javascript"> |
| function googleTranslateElementInit() { |
| new google.translate.TranslateElement({ |
| pageLanguage: 'en', |
| includedLanguages: 'en,es,fr,de,it,ru,tr,zh-CN,ja,ko', |
| autoDisplay: false, |
| layout: google.translate.TranslateElement.InlineLayout.SIMPLE |
| }, 'google_translate_element'); |
| } |
| </script> |
| <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> |
|
|
| |
| <nav class="relative z-10 bg-black bg-opacity-80 border-b border-yellow-500"> |
| <div class="container mx-auto px-6 py-4"> |
| <div class="flex justify-between items-center"> |
| |
| <div class="md:hidden"> |
| <button id="mobile-menu-button" class="text-white focus:outline-none"> |
| <i data-feather="menu"></i> |
| </button> |
| </div> |
| |
| <div class="hidden md:flex items-center justify-center flex-grow space-x-8"> |
| <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a> |
| <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a> |
| <a href="pricing.html" class="text-white hover:text-yellow-500 transition">Pricing</a> |
| <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a> |
| <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a> |
| <a href="competition-results.html" class="text-white hover:text-yellow-500 transition">Results</a> |
| <a href="results.html" class="text-white hover:text-yellow-500 transition">Testimony</a> |
| <a href="recruiting.html" class="text-yellow-500 font-bold transition">Careers</a> |
| <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a> |
| <a href="newsletter.html" class="text-white hover:text-yellow-500 transition">Newsletters</a> |
| </div> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <section class="relative z-10 hero-gradient py-20"> |
| <div class="container mx-auto px-6 text-center"> |
| <h1 class="text-5xl md:text-7xl font-bold font-['Bebas+Neue'] mb-6 tracking-wider animate__animated animate__fadeInDown"> |
| <span class="text-yellow-500 glow-text">JOIN</span> <span class="text-white">OUR</span> <span class="text-red-500">TEAM</span> |
| </h1> |
| <p class="text-xl md:text-2xl max-w-3xl mx-auto text-gray-300 mb-8 animate__animated animate__fadeIn animate__delay-1s"> |
| Help us revolutionize mental performance training. We're looking for passionate individuals ready to make an impact. |
| </p> |
| <div class="flex flex-col md:flex-row justify-center items-center gap-4"> |
| <a href="#open-positions" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-8 py-4 rounded-lg text-lg transition transform hover:scale-105 shadow-lg flex items-center"> |
| <i data-feather="briefcase" class="mr-2"></i> View Open Positions |
| </a> |
| <a href="#culture" class="border-2 border-yellow-500 hover:bg-yellow-500 hover:text-black text-white font-bold px-8 py-4 rounded-lg text-lg transition transform hover:scale-105 flex items-center"> |
| <i data-feather="users" class="mr-2"></i> Our Culture |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="culture" class="relative z-10 py-20 bg-black bg-opacity-90"> |
| <div class="container mx-auto px-6"> |
| <h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider"> |
| <span class="text-yellow-500">WHY</span> <span class="text-white">AMPLIFY?</span> |
| </h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="benefit-card bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 text-center"> |
| <div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto benefit-icon"> |
| <i data-feather="zap" class="text-black text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-4 text-yellow-500">Innovation First</h3> |
| <p class="text-gray-300">Work with cutting-edge VR/AR technology and shape the future of mental performance training.</p> |
| </div> |
|
|
| |
| <div class="benefit-card bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 text-center"> |
| <div class="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center mb-6 mx-auto benefit-icon"> |
| <i data-feather="heart" class="text-black text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-4 text-red-500">Meaningful Impact</h3> |
| <p class="text-gray-300">Help thousands of people build confidence and overcome anxiety in high-pressure situations.</p> |
| </div> |
|
|
| |
| <div class="benefit-card bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 text-center"> |
| <div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto benefit-icon"> |
| <i data-feather="trending-up" class="text-black text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-4 text-yellow-500">Growth Opportunities</h3> |
| <p class="text-gray-300">Professional development stipends, mentorship programs, and clear paths to advancement.</p> |
| </div> |
|
|
| |
| <div class="benefit-card bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 text-center"> |
| <div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto benefit-icon"> |
| <i data-feather="wifi" class="text-black text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-4 text-yellow-500">Flexible Work</h3> |
| <p class="text-gray-300">Hybrid and remote options, flexible hours, and generous PTO to maintain work-life balance.</p> |
| </div> |
|
|
| |
| <div class="benefit-card bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 text-center"> |
| <div class="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center mb-6 mx-auto benefit-icon"> |
| <i data-feather="award" class="text-black text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-4 text-red-500">Competitive Compensation</h3> |
| <p class="text-gray-300">Above-market salaries, equity options, performance bonuses, and comprehensive benefits.</p> |
| </div> |
|
|
| |
| <div class="benefit-card bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 text-center"> |
| <div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto benefit-icon"> |
| <i data-feather="coffee" class="text-black text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-4 text-yellow-500">Fun Culture</h3> |
| <p class="text-gray-300">Team events, hackathons, VR game nights, and an energetic startup environment.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="open-positions" class="relative z-10 py-20 bg-black bg-opacity-90"> |
| <div class="container mx-auto px-6"> |
| <h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider"> |
| <span class="text-red-500">JOIN</span> <span class="text-yellow-500">OUR TEAM</span> |
| </h2> |
| |
| <div class="max-w-4xl mx-auto text-center"> |
| <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border-2 border-yellow-500 p-8 shadow-2xl"> |
| <img src="https://huggingface.co/spaces/Fazbeeer/mindmaster-vr-arena-clone/resolve/main/images/Recruitment%20Poster.png" |
| alt="Amplify Recruitment Poster" |
| class="w-full h-auto rounded-lg border border-yellow-500 shadow-lg mb-8"> |
| |
| <p class="text-gray-300 mb-6 text-lg"> |
| Join our mission to revolutionize mental performance training. We're looking for passionate individuals ready to make an impact. |
| </p> |
| |
| <div class="flex flex-col md:flex-row justify-center items-center gap-4"> |
| <a href="https://docs.google.com/forms/d/e/1FAIpQLSdCivgykqEIZE0tggrSW9Uc8TjoWx5G0I0_ZQHfQNGj-rtM8A/viewform" target="_blank" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-8 py-4 rounded-lg text-lg transition transform hover:scale-105 shadow-lg flex items-center"> |
| <i data-feather="external-link" class="mr-2"></i> Apply Now |
| </a> |
| <a href="#culture" class="border-2 border-yellow-500 hover:bg-yellow-500 hover:text-black text-yellow-500 font-bold px-8 py-4 rounded-lg text-lg transition transform hover:scale-105 flex items-center"> |
| <i data-feather="info" class="mr-2"></i> Learn More |
| </a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="relative z-10 py-20 bg-black bg-opacity-80"> |
| <div class="container mx-auto px-6"> |
| <h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider"> |
| <span class="text-yellow-500">OUR</span> <span class="text-white">HIRING</span> <span class="text-red-500">PROCESS</span> |
| </h2> |
| |
| <div class="max-w-4xl mx-auto"> |
| <div class="space-y-8"> |
| |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 bg-yellow-500 text-black rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-6">1</div> |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-6 border border-yellow-500 flex-1"> |
| <h3 class="text-xl font-bold mb-2 text-yellow-500">Submit Application</h3> |
| <p class="text-gray-300">Send your resume and cover letter to careers@amplify-ve.com or click the apply button on any job posting.</p> |
| </div> |
| </div> |
| |
| |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 bg-red-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-6">2</div> |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-6 border border-red-500 flex-1"> |
| <h3 class="text-xl font-bold mb-2 text-red-500">Initial Interview</h3> |
| <p class="text-gray-300">A 30-minute video call to learn about your background and interest in mental performance technology.</p> |
| </div> |
| </div> |
| |
| |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 bg-yellow-500 text-black rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-6">3</div> |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-6 border border-yellow-500 flex-1"> |
| <h3 class="text-xl font-bold mb-2 text-yellow-500">Skills Assessment</h3> |
| <p class="text-gray-300">A practical exercise relevant to the role (e.g., portfolio review, case study, or technical test).</p> |
| </div> |
| </div> |
| |
| |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 bg-red-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-6">4</div> |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-6 border border-red-500 flex-1"> |
| <h3 class="text-xl font-bold mb-2 text-red-500">Team Interview</h3> |
| <p class="text-gray-300">Meet the team and leadership through panel or one-on-one interviews to assess cultural fit.</p> |
| </div> |
| </div> |
| |
| |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 bg-yellow-500 text-black rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-6">5</div> |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-6 border border-yellow-500 flex-1"> |
| <h3 class="text-xl font-bold mb-2 text-yellow-500">Offer & Onboarding</h3> |
| <p class="text-gray-300">Receive your offer letter and begin our comprehensive onboarding program to set you up for success!</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="relative z-10 py-20 bg-black bg-opacity-90"> |
| <div class="container mx-auto px-6"> |
| <div class="text-center mb-16"> |
| <h2 class="text-4xl md:text-5xl font-bold font-['Bebas+Neue'] tracking-wider mb-4"> |
| <span class="text-yellow-500">WHAT IS</span> <span class="text-white">VIRTUAL</span> <span class="text-red-500">ENTERPRISE?</span> |
| </h2> |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto"> |
| Learn about the program that powers Amplify and how students run a real simulated business |
| </p> |
| </div> |
|
|
| <div class="max-w-4xl mx-auto space-y-4"> |
| |
| <div class="ve-faq-item bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 overflow-hidden"> |
| <button class="ve-faq-toggle w-full text-left p-6 flex items-center justify-between" onclick="toggleVEFAQ(this)"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-yellow-500 rounded-full flex items-center justify-center mr-4 flex-shrink-0"> |
| <span class="text-black font-bold text-sm">1</span> |
| </div> |
| <h3 class="text-lg font-bold text-white pr-4">What is Virtual Enterprise?</h3> |
| </div> |
| <i data-feather="chevron-down" class="ve-faq-icon text-yellow-500 w-6 h-6 flex-shrink-0 transition-transform duration-300"></i> |
| </button> |
| <div class="ve-faq-answer hidden px-6 pb-6"> |
| <div class="ml-14"> |
| <p class="text-gray-300">Virtual Enterprise is a class where students create and run a simulated business that works like a real company.</p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="ve-faq-item bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 overflow-hidden"> |
| <button class="ve-faq-toggle w-full text-left p-6 flex items-center justify-between" onclick="toggleVEFAQ(this)"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-yellow-500 rounded-full flex items-center justify-center mr-4 flex-shrink-0"> |
| <span class="text-black font-bold text-sm">2</span> |
| </div> |
| <h3 class="text-lg font-bold text-white pr-4">How long is the Virtual Enterprise class?</h3> |
| </div> |
| <i data-feather="chevron-down" class="ve-faq-icon text-yellow-500 w-6 h-6 flex-shrink-0 transition-transform duration-300"></i> |
| </button> |
| <div class="ve-faq-answer hidden px-6 pb-6"> |
| <div class="ml-14"> |
| <p class="text-gray-300">Virtual Enterprise is usually two class periods long (a double period) so students have enough time to run their business and complete projects.</p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="ve-faq-item bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 overflow-hidden"> |
| <button class="ve-faq-toggle w-full text-left p-6 flex items-center justify-between" onclick="toggleVEFAQ(this)"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-red-500 rounded-full flex items-center justify-center mr-4 flex-shrink-0"> |
| <span class="text-white font-bold text-sm">3</span> |
| </div> |
| <h3 class="text-lg font-bold text-white pr-4">Why is VE two periods instead of one?</h3> |
| </div> |
| <i data-feather="chevron-down" class="ve-faq-icon text-red-500 w-6 h-6 flex-shrink-0 transition-transform duration-300"></i> |
| </button> |
| <div class="ve-faq-answer hidden px-6 pb-6"> |
| <div class="ml-14"> |
| <p class="text-gray-300">Running a company takes time. The double period allows for meetings, teamwork, and completing tasks without being rushed.</p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="ve-faq-item bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 overflow-hidden"> |
| <button class="ve-faq-toggle w-full text-left p-6 flex items-center justify-between" onclick="toggleVEFAQ(this)"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-yellow-500 rounded-full flex items-center justify-center mr-4 flex-shrink-0"> |
| <span class="text-black font-bold text-sm">4</span> |
| </div> |
| <h3 class="text-lg font-bold text-white pr-4">How do you design your own company in VE?</h3> |
| </div> |
| <i data-feather="chevron-down" class="ve-faq-icon text-yellow-500 w-6 h-6 flex-shrink-0 transition-transform duration-300"></i> |
| </button> |
| <div class="ve-faq-answer hidden px-6 pb-6"> |
| <div class="ml-14"> |
| <p class="text-gray-300">Students come up with a business idea, choose a product or service, create a company name and logo, and build a business plan together.</p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="ve-faq-item bg-gradient-to-br from-black to-gray-900 rounded-xl border border-red-500 overflow-hidden"> |
| <button class="ve-faq-toggle w-full text-left p-6 flex items-center justify-between" onclick="toggleVEFAQ(this)"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-red-500 rounded-full flex items-center justify-center mr-4 flex-shrink-0"> |
| <span class="text-white font-bold text-sm">5</span> |
| </div> |
| <h3 class="text-lg font-bold text-white pr-4">How is VE structured like a real job?</h3> |
| </div> |
| <i data-feather="chevron-down" class="ve-faq-icon text-red-500 w-6 h-6 flex-shrink-0 transition-transform duration-300"></i> |
| </button> |
| <div class="ve-faq-answer hidden px-6 pb-6"> |
| <div class="ml-14"> |
| <p class="text-gray-300">The class is set up like a workplace. Students have job roles, departments, meetings, deadlines, and responsibilities just like in a real company.</p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="ve-faq-item bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 overflow-hidden"> |
| <button class="ve-faq-toggle w-full text-left p-6 flex items-center justify-between" onclick="toggleVEFAQ(this)"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-yellow-500 rounded-full flex items-center justify-center mr-4 flex-shrink-0"> |
| <span class="text-black font-bold text-sm">6</span> |
| </div> |
| <h3 class="text-lg font-bold text-white pr-4">What roles do students have?</h3> |
| </div> |
| <i data-feather="chevron-down" class="ve-faq-icon text-yellow-500 w-6 h-6 flex-shrink-0 transition-transform duration-300"></i> |
| </button> |
| <div class="ve-faq-answer hidden px-6 pb-6"> |
| <div class="ml-14"> |
| <p class="text-gray-300">Students take on positions like CEO, marketing manager, HR representative, or finance manager.</p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="ve-faq-item bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 overflow-hidden"> |
| <button class="ve-faq-toggle w-full text-left p-6 flex items-center justify-between" onclick="toggleVEFAQ(this)"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-yellow-500 rounded-full flex items-center justify-center mr-4 flex-shrink-0"> |
| <span class="text-black font-bold text-sm">7</span> |
| </div> |
| <h3 class="text-lg font-bold text-white pr-4">What do students do during class?</h3> |
| </div> |
| <i data-feather="chevron-down" class="ve-faq-icon text-yellow-500 w-6 h-6 flex-shrink-0 transition-transform duration-300"></i> |
| </button> |
| <div class="ve-faq-answer hidden px-6 pb-6"> |
| <div class="ml-14"> |
| <p class="text-gray-300">They work on tasks like marketing, budgeting, emailing, presentations, and communicating with other companies.</p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="ve-faq-item bg-gradient-to-br from-black to-gray-900 rounded-xl border border-red-500 overflow-hidden"> |
| <button class="ve-faq-toggle w-full text-left p-6 flex items-center justify-between" onclick="toggleVEFAQ(this)"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-red-500 rounded-full flex items-center justify-center mr-4 flex-shrink-0"> |
| <span class="text-white font-bold text-sm">8</span> |
| </div> |
| <h3 class="text-lg font-bold text-white pr-4">Do students get help from real companies?</h3> |
| </div> |
| <i data-feather="chevron-down" class="ve-faq-icon text-red-500 w-6 h-6 flex-shrink-0 transition-transform duration-300"></i> |
| </button> |
| <div class="ve-faq-answer hidden px-6 pb-6"> |
| <div class="ml-14"> |
| <p class="text-gray-300">Yes, students can have mentors from real businesses like ServiceNow and Deloitte who give advice and guidance.</p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="ve-faq-item bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 overflow-hidden"> |
| <button class="ve-faq-toggle w-full text-left p-6 flex items-center justify-between" onclick="toggleVEFAQ(this)"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-yellow-500 rounded-full flex items-center justify-center mr-4 flex-shrink-0"> |
| <span class="text-black font-bold text-sm">9</span> |
| </div> |
| <h3 class="text-lg font-bold text-white pr-4">Are there events or competitions?</h3> |
| </div> |
| <i data-feather="chevron-down" class="ve-faq-icon text-yellow-500 w-6 h-6 flex-shrink-0 transition-transform duration-300"></i> |
| </button> |
| <div class="ve-faq-answer hidden px-6 pb-6"> |
| <div class="ml-14"> |
| <p class="text-gray-300">Yes, students participate in trade shows where they present and promote their business to others.</p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="ve-faq-item bg-gradient-to-br from-black to-gray-900 rounded-xl border border-red-500 overflow-hidden"> |
| <button class="ve-faq-toggle w-full text-left p-6 flex items-center justify-between" onclick="toggleVEFAQ(this)"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-red-500 rounded-full flex items-center justify-center mr-4 flex-shrink-0"> |
| <span class="text-white font-bold text-sm">10</span> |
| </div> |
| <h3 class="text-lg font-bold text-white pr-4">Is there a final test?</h3> |
| </div> |
| <i data-feather="chevron-down" class="ve-faq-icon text-red-500 w-6 h-6 flex-shrink-0 transition-transform duration-300"></i> |
| </button> |
| <div class="ve-faq-answer hidden px-6 pb-6"> |
| <div class="ml-14"> |
| <p class="text-gray-300">At the end of the year, students may take a NOCTI test to show what they've learned about business and workplace skills.</p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="ve-faq-item bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 overflow-hidden"> |
| <button class="ve-faq-toggle w-full text-left p-6 flex items-center justify-between" onclick="toggleVEFAQ(this)"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-yellow-500 rounded-full flex items-center justify-center mr-4 flex-shrink-0"> |
| <span class="text-black font-bold text-sm">11</span> |
| </div> |
| <h3 class="text-lg font-bold text-white pr-4">What skills do students learn?</h3> |
| </div> |
| <i data-feather="chevron-down" class="ve-faq-icon text-yellow-500 w-6 h-6 flex-shrink-0 transition-transform duration-300"></i> |
| </button> |
| <div class="ve-faq-answer hidden px-6 pb-6"> |
| <div class="ml-14"> |
| <p class="text-gray-300">Students build skills in communication, teamwork, leadership, and problem-solving.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="relative z-10 py-20 bg-black bg-opacity-90" style="background: linear-gradient(to right, rgba(0,0,0,0.95), rgba(26,26,26,0.95))"> |
| <div class="container mx-auto px-6 text-center"> |
| <h2 class="text-4xl md:text-5xl font-bold mb-6 font-['Bebas+Neue'] tracking-wider"> |
| <span class="text-yellow-500">READY</span> <span class="text-white">TO</span> <span class="text-red-500">AMPLIFY</span> <span class="text-white">YOUR</span> <span class="text-yellow-500">CAREER?</span> |
| </h2> |
| <p class="text-xl text-gray-300 mb-8 max-w-2xl mx-auto"> |
| Join a team that's passionate about helping others reach their full potential. |
| </p> |
| <a href="#open-positions" class="bg-gradient-to-r from-yellow-600 to-yellow-800 hover:from-yellow-500 hover:to-yellow-700 text-white font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg inline-block"> |
| View All Positions |
| </a> |
| </div> |
| </section> |
|
|
| |
| <footer class="relative z-10 bg-black bg-opacity-90 border-t border-gray-800 py-12"> |
| <div class="container mx-auto px-6"> |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
| <div> |
| <div class="flex items-center space-x-2 mb-4"> |
| <img src="https://huggingface.co/spaces/Fazbeeer/mindmaster-vr-arena-clone/resolve/main/images/Screen_Shot_2025-10-31_at_9.36.06_AM-removebg-preview%20(1).png" |
| alt="Amplify Logo" |
| class="h-16 w-auto"> |
| <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span> |
| </div> |
| <p class="text-gray-400 mb-4"> |
| Mental performance technology for champions in sports, business, and life. |
| </p> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold text-white mb-4">Careers</h3> |
| <ul class="space-y-2"> |
| <li><a href="#open-positions" class="text-gray-400 hover:text-yellow-500 transition">Open Positions</a></li> |
| <li><a href="#culture" class="text-gray-400 hover:text-yellow-500 transition">Our Culture</a></li> |
| <li><a href="about.html" class="text-gray-400 hover:text-yellow-500 transition">About Us</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold text-white mb-4">Company</h3> |
| <ul class="space-y-2"> |
| <li><a href="about.html" class="text-gray-400 hover:text-yellow-500 transition">About</a></li> |
| <li><a href="currency.html" class="text-gray-400 hover:text-yellow-500 transition">Currency</a></li> |
| <li><a href="events.html" class="text-gray-400 hover:text-yellow-500 transition">Events</a></li> |
| <li><a href="help.html" class="text-gray-400 hover:text-yellow-500 transition">Help</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold text-white mb-4">Contact</h3> |
| <ul class="space-y-2"> |
| <li><a href="mailto:careers@amplify-ve.com" class="text-gray-400 hover:text-yellow-500 transition">careers@amplify-ve.com</a></li> |
| <li><span class="text-gray-400">New York, NY</span></li> |
| </ul> |
| </div> |
| </div> |
| |
| <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> |
| <p class="text-gray-500 mb-4 md:mb-0"> |
| © 2025 Amplify Technologies. All rights reserved.<br> |
| <span class="text-sm text-yellow-500">Disclaimer: This Virtual Enterprise online store is for educational purposes only (2025-2026 - Amplify)</span> |
| </p> |
| <div class="flex space-x-6"> |
| <a href="#" class="text-gray-500 hover:text-yellow-500 transition">Privacy Policy</a> |
| <a href="#" class="text-gray-500 hover:text-yellow-500 transition">Terms of Service</a> |
| </div> |
| </div> |
| </div> |
| </footer> |
|
|
| |
| <div id="mobile-menu" class="hidden fixed inset-0 bg-black bg-opacity-90 z-50 flex flex-col items-center justify-center"> |
| <button id="mobile-menu-close" class="absolute top-4 right-4 text-white text-2xl"> |
| <i data-feather="x"></i> |
| </button> |
| <div class="flex flex-col space-y-6 text-center"> |
| <a href="index.html" class="text-2xl text-white hover:text-yellow-500 transition">Home</a> |
| <a href="about.html" class="text-2xl text-white hover:text-yellow-500 transition">About</a> |
| <a href="pricing.html" class="text-2xl text-white hover:text-yellow-500 transition">Pricing</a> |
| <a href="events.html" class="text-2xl text-white hover:text-yellow-500 transition">Events</a> |
| <a href="recruiting.html" class="text-2xl text-yellow-500 hover:text-yellow-400 transition">Careers</a> |
| <a href="help.html" class="text-2xl text-white hover:text-yellow-500 transition">Help</a> |
| </div> |
| </div> |
|
|
| |
| <div id="application-modal" class="fixed inset-0 bg-black bg-opacity-95 z-[9999] hidden items-center justify-center p-4"> |
| <div class="bg-gradient-to-br from-black to-gray-900 rounded-2xl border-2 border-yellow-500 max-w-lg w-full p-8 relative"> |
| <button onclick="closeApplicationModal()" class="absolute top-4 right-4 text-white hover:text-yellow-500 text-2xl">×</button> |
| <h3 id="modal-position-title" class="text-2xl font-bold text-yellow-500 mb-4 font-['Bebas+Neue'] tracking-wider">Apply Now</h3> |
| <p class="text-gray-300 mb-6">Send your resume and cover letter to:</p> |
| <div class="bg-gray-800 rounded-lg p-4 mb-6 text-center"> |
| <a href="mailto:careers@amplify-ve.com" class="text-yellow-500 text-lg font-bold hover:underline">careers@amplify-ve.com</a> |
| </div> |
| <p class="text-gray-400 text-sm mb-6">Please include the position title in your subject line.</p> |
| <button onclick="closeApplicationModal()" class="w-full bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-3 rounded-lg transition"> |
| Close |
| </button> |
| </div> |
| </div> |
|
|
| <script src="components/faq-chat.js"></script> |
| <faq-chat></faq-chat> |
|
|
| <script> |
| |
| VANTA.GLOBE({ |
| el: "#vanta-bg", |
| mouseControls: true, |
| touchControls: true, |
| gyroControls: false, |
| minHeight: 200.00, |
| minWidth: 200.00, |
| scale: 1.20, |
| scaleMobile: 1.20, |
| color: 0xe3b341, |
| color2: 0x9b0000, |
| backgroundColor: 0x111111, |
| size: 1.00, |
| spacing: 20.00, |
| showLines: false, |
| points: 10.00, |
| maxDistance: 25.00 |
| }); |
| |
| |
| const mobileMenuButton = document.getElementById('mobile-menu-button'); |
| const mobileMenu = document.getElementById('mobile-menu'); |
| const mobileMenuClose = document.getElementById('mobile-menu-close'); |
| |
| mobileMenuButton.addEventListener('click', () => { |
| mobileMenu.classList.remove('hidden'); |
| feather.replace(); |
| }); |
| |
| mobileMenuClose.addEventListener('click', () => { |
| mobileMenu.classList.add('hidden'); |
| }); |
| |
| |
| function showApplicationModal(position) { |
| document.getElementById('modal-position-title').textContent = 'Apply for ' + position; |
| document.getElementById('application-modal').classList.remove('hidden'); |
| document.getElementById('application-modal').classList.add('flex'); |
| } |
| |
| function closeApplicationModal() { |
| document.getElementById('application-modal').classList.add('hidden'); |
| document.getElementById('application-modal').classList.remove('flex'); |
| } |
| |
| |
| function toggleVEFAQ(button) { |
| const answer = button.nextElementSibling; |
| const icon = button.querySelector('.ve-faq-icon'); |
| const isHidden = answer.classList.contains('hidden'); |
| |
| |
| document.querySelectorAll('.ve-faq-answer').forEach(a => { |
| a.classList.add('hidden'); |
| }); |
| document.querySelectorAll('.ve-faq-icon').forEach(i => { |
| i.style.transform = 'rotate(0deg)'; |
| }); |
| |
| |
| if (isHidden) { |
| answer.classList.remove('hidden'); |
| icon.style.transform = 'rotate(180deg)'; |
| } |
| } |
| |
| |
| feather.replace(); |
| </script> |
| </body> |
| </html> |
