|
1 | 1 | import React, { useState } from 'react';
|
2 | 2 | import { ArrowLeft, Search } from 'lucide-react';
|
3 |
| -import { Footer } from '../components/Footer/Footer'; |
4 |
| -import styled from 'styled-components'; // Import styled-components |
5 |
| -import Marquee from 'react-fast-marquee'; // Import Marquee |
| 3 | +import styled from 'styled-components'; |
| 4 | +import Marquee from 'react-fast-marquee'; |
6 | 5 |
|
7 | 6 | const Navbar = () => {
|
8 | 7 | return (
|
9 | 8 | <nav className="sticky top-0 z-50 w-full bg-gray-800 text-white shadow-md">
|
10 | 9 | <div className="mx-auto flex max-w-7xl items-center justify-between px-4 py-3">
|
11 |
| - <a href="/home"> |
| 10 | + <a href="/opportunities"> |
12 | 11 | <button className="flex items-center gap-2 rounded-full border border-white p-2 hover:bg-gray-700">
|
13 | 12 | <ArrowLeft className="h-5 w-5" />
|
14 | 13 | <span className="hidden md:inline">Back</span>
|
@@ -43,14 +42,7 @@ const Hero = () => {
|
43 | 42 | return (
|
44 | 43 | <section className="hero-section mb-0 flex min-h-[10vh] flex-col items-center justify-center text-white">
|
45 | 44 | <div className="flex w-full flex-col items-center justify-center px-8 text-center">
|
46 |
| - {/* <h2 className="mb-4 text-6xl font-bold"> |
47 |
| - Opportunities <span className="text-[#00a6fb]">Hub</span> |
48 |
| - </h2> */} |
49 |
| - {/* <p className="text-md md:text-md mx-auto max-w-2xl"> |
50 |
| - One Platform, Endless Tech Opportunities |
51 |
| - </p> */} |
52 | 45 | <div className="my-6"></div>
|
53 |
| - {/* <h1 className="mb-2 text-6xl font-bold tracking-widest md:text-4xl"><span className="text-[#00a6fb]">Unlock All Tech Opportunities in One Place</span></h1> */} |
54 | 46 | <StyledWrapper>
|
55 | 47 | <div className="modgp relative inline-block w-full py-3">
|
56 | 48 | <div className="relative">
|
@@ -219,32 +211,32 @@ const Hero = () => {
|
219 | 211 |
|
220 | 212 | const Tags = () => {
|
221 | 213 | const tags = [
|
222 |
| - 'Hybrid Jobs', |
223 |
| - 'Onsite Jobs', |
224 |
| - 'Remote Jobs', |
225 |
| - 'Internships', |
226 |
| - 'Freelancing', |
227 |
| - 'Offline Hackathons', |
228 | 214 | 'Online Hackathons',
|
229 |
| - 'Competitions', |
230 |
| - 'Tech Events', |
231 |
| - 'Tech Fest', |
232 |
| - 'Bootcamps', |
233 |
| - 'Certifications', |
234 |
| - 'Skill Development', |
235 |
| - 'OpenSource Program', |
236 |
| - 'Coding Challenges', |
237 |
| - 'Mentorship Programs', |
238 |
| - 'Workshops', |
239 |
| - 'Networking Events', |
240 |
| - 'Scholarships', |
241 |
| - 'Startup Incubators', |
| 215 | + 'Offline Hackathons', |
| 216 | + 'College Hackathons', |
| 217 | + 'International Hackathons', |
| 218 | + 'Beginner Friendly Hackathons', |
| 219 | + 'Themed Hackathons', |
| 220 | + '24-Hour Hackathons', |
| 221 | + '48-Hour Hackathons', |
| 222 | + 'Startup Hackathons', |
| 223 | + 'AI/ML Hackathons', |
| 224 | + 'Web Development Hackathons', |
| 225 | + 'Game Dev Hackathons', |
| 226 | + 'Women-Only Hackathons', |
| 227 | + 'Student Competitions', |
| 228 | + 'Coding Competitions', |
| 229 | + 'Global Coding Challenges', |
| 230 | + 'Team-Based Competitions', |
| 231 | + 'Solo Coding Challenges', |
| 232 | + 'Competitive Programming Contests', |
| 233 | + 'Hackathon Leaderboards', |
242 | 234 | ];
|
243 | 235 |
|
244 | 236 | return (
|
245 | 237 | <section id="tags" className="mb-0 w-full pt-12 sm:py-16">
|
246 | 238 | <h1 className="text-md text-primary mb-8 text-center font-bold text-[#00a6fb] lg:text-2xl">
|
247 |
| - Unlock All Tech Opportunities in One Place |
| 239 | + Discover & Join Hackathons from All Around the World |
248 | 240 | </h1>
|
249 | 241 | {/* <h2 className="text-md text-primary mb-8 text-center text-[#00a6fb] font-bold lg:text-2xl">One Platform, Endless Tech Opportunities</h2> */}
|
250 | 242 |
|
@@ -804,7 +796,6 @@ const Hackathons = () => {
|
804 | 796 | <Hero />
|
805 | 797 | <Tags />
|
806 | 798 | <OpportunitiesCards />
|
807 |
| - <Footer /> |
808 | 799 | </div>
|
809 | 800 | );
|
810 | 801 | };
|
|
0 commit comments