1+
12import React from 'react' ;
23import StarBackground from '@/components/StarBackground' ;
4+ import Header from '@/components/Header' ;
5+ import Footer from '@/components/Footer' ;
36import { Network , Globe , Users , Zap , Briefcase , MapPin } from 'lucide-react' ;
47import { Button } from '@/components/ui/button' ;
58
@@ -135,30 +138,22 @@ const CoNetWorKing: React.FC = () => {
135138 ] ;
136139
137140 return (
138- < div className = "relative flex flex-col flex-1 bg-alien-space" >
141+ < div className = "min-h-screen bg-alien-space" >
139142 < StarBackground />
140- < div
141- className = "absolute inset-0 -z-10 bg-cover bg-center bg-no-repeat pointer-events-none"
142- style = { {
143- backgroundImage : `url('/lovable-uploads/EMWBack.png')` ,
144- } }
145- >
146- < div className = "w-full h-full bg-black/50" />
147- </ div >
148-
149- < main className = "relative z-10 flex-grow container mx-auto px-4 pt-28 pb-16" >
143+ < Header />
144+ < main className = "container mx-auto px-4 pt-28 pb-16" >
150145 < div className = "max-w-6xl mx-auto" >
151146 < div className = "text-center mb-16" >
152147 < Network className = "h-16 w-16 text-alien-gold mx-auto mb-4" />
153- < h1 className = "text-4xl md:text-5xl font-bold text-alien-gold mb-6 font-nasalization " > CoNetWorKing</ h1 >
148+ < h1 className = "text-4xl md:text-5xl font-bold text-alien-gold mb-6 font-[Atomic Age, Star Wars] " > CoNetWorKing</ h1 >
154149 < p className = "text-xl text-gray-300 max-w-3xl mx-auto font-[Exo]" >
155150 Connect with like-minded individuals across the multiverse and forge powerful collaborations to shape the future.
156151 </ p >
157152 </ div >
158153
159154 { /* Connection Map */ }
160155 < div className = "mb-16 relative bg-alien-space-dark/30 rounded-lg overflow-hidden p-6 backdrop-blur-md border border-alien-gold/20" >
161- < h2 className = "text-2xl font-bold text-alien-gold mb-6 font-nasalization " > Global Network</ h2 >
156+ < h2 className = "text-2xl font-bold text-alien-gold mb-6 font-[Atomic Age] " > Global Network</ h2 >
162157
163158 < div className = "aspect-[2/1] bg-alien-space-dark/50 rounded-lg relative overflow-hidden" >
164159 { /* World map with glow points */ }
@@ -237,7 +232,7 @@ const CoNetWorKing: React.FC = () => {
237232 { /* Featured Connections */ }
238233 < div className = "mb-16" >
239234 < div className = "flex justify-between items-center mb-6" >
240- < h2 className = "text-2xl font-bold text-alien-gold font-nasalization " > Featured Connections</ h2 >
235+ < h2 className = "text-2xl font-bold text-alien-gold font-[Atomic Age] " > Featured Connections</ h2 >
241236 < Button variant = "outline" className = "border-alien-green text-alien-green hover:bg-alien-green/10 font-[Exo]" >
242237 View All
243238 </ Button >
@@ -253,7 +248,7 @@ const CoNetWorKing: React.FC = () => {
253248 < div className = "grid grid-cols-1 md:grid-cols-2 gap-8 mb-16" >
254249 { /* Upcoming Networking Events */ }
255250 < div >
256- < h2 className = "text-2xl font-bold text-alien-gold mb-6 font-nasalization " > Upcoming Events</ h2 >
251+ < h2 className = "text-2xl font-bold text-alien-gold mb-6 font-[Atomic Age] " > Upcoming Events</ h2 >
257252 < div className = "space-y-4" >
258253 { upcomingEvents . map ( ( event , index ) => (
259254 < div key = { index } className = "bg-alien-space-dark/50 p-4 rounded-lg backdrop-blur-md border border-alien-gold/20" >
@@ -280,7 +275,7 @@ const CoNetWorKing: React.FC = () => {
280275
281276 { /* Collaboration Opportunities */ }
282277 < div >
283- < h2 className = "text-2xl font-bold text-alien-gold mb-6 font-nasalization " > Collaboration Opportunities</ h2 >
278+ < h2 className = "text-2xl font-bold text-alien-gold mb-6 font-[Atomic Age] " > Collaboration Opportunities</ h2 >
284279 < div className = "space-y-4" >
285280 { collaborationOpportunities . map ( ( opportunity , index ) => (
286281 < div key = { index } className = "bg-alien-space-dark/50 p-4 rounded-lg backdrop-blur-md border border-alien-gold/20" >
@@ -312,7 +307,7 @@ const CoNetWorKing: React.FC = () => {
312307 { /* CTA Section */ }
313308 < div className = "bg-gradient-to-r from-alien-green/30 to-alien-gold/30 rounded-lg p-8 text-center backdrop-blur-md" >
314309 < Briefcase className = "h-12 w-12 text-alien-gold mx-auto mb-4" />
315- < h2 className = "text-2xl font-bold text-alien-gold mb-3 font-nasalization " > Create Your Professional Profile</ h2 >
310+ < h2 className = "text-2xl font-bold text-alien-gold mb-3 font-[Atomic Age] " > Create Your Professional Profile</ h2 >
316311 < p className = "text-gray-200 max-w-2xl mx-auto mb-6 font-[Exo]" >
317312 Showcase your skills, experience, and interests to connect with the perfect collaborators for your next cosmic venture.
318313 </ p >
@@ -322,6 +317,7 @@ const CoNetWorKing: React.FC = () => {
322317 </ div >
323318 </ div >
324319 </ main >
320+ < Footer />
325321 </ div >
326322 ) ;
327323} ;
0 commit comments