diff --git a/Task/App.jsx b/Task/App.jsx new file mode 100644 index 0000000..3e6f184 --- /dev/null +++ b/Task/App.jsx @@ -0,0 +1,917 @@ +import React, { useState, useEffect } from 'react'; +import { Calendar, Clock, MapPin, Users, Star, ChevronDown, ChevronUp, Menu, X, Mail, Phone, Twitter, Linkedin, Github, Award, Play, Download, Share2, Heart, Eye, Zap, Target, TrendingUp, BookOpen, Coffee, Mic, Camera, Globe, Shield } from 'lucide-react'; + +const EventWebsite = () => { + const [isMenuOpen, setIsMenuOpen] = useState(false); + const [expandedScheduleItem, setExpandedScheduleItem] = useState(null); + const [activeTestimonial, setActiveTestimonial] = useState(0); + const [timeLeft, setTimeLeft] = useState({ days: 30, hours: 12, minutes: 45, seconds: 30 }); + const [formData, setFormData] = useState({ + name: '', + email: '', + phone: '', + company: '', + experience: '', + interests: [], + dietary: '', + newsletter: false + }); + const [registeredCount, setRegisteredCount] = useState(847); + const [showModal, setShowModal] = useState(false); + const [likedSpeakers, setLikedSpeakers] = useState([]); + const [formErrors, setFormErrors] = useState({}); + + const speakers = [ + { + id: 1, + name: "Dr. Sarah Chen", + role: "Chief Data Scientist at Google", + image: "https://images.unsplash.com/photo-1494790108755-2616b612b786?w=200&h=200&fit=crop&crop=face", + bio: "Leading expert in machine learning with 10+ years experience. Published 50+ papers and holds 12 patents in AI.", + expertise: ["Machine Learning", "AI Research", "Deep Learning"], + rating: 4.9, + talks: 45 + }, + { + id: 2, + name: "Alex Rodriguez", + role: "Senior ML Engineer at Netflix", + image: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=200&h=200&fit=crop&crop=face", + bio: "Creator of ML recommendation systems serving 200M+ users. Author of 'Modern ML Practices'.", + expertise: ["Deep Learning", "Recommendation Systems", "MLOps"], + rating: 4.8, + talks: 32 + }, + { + id: 3, + name: "Maya Patel", + role: "VP Data at Spotify", + image: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=200&h=200&fit=crop&crop=face", + bio: "Expert in business intelligence and data visualization. Led data transformation for 100+ companies.", + expertise: ["Data Visualization", "Business Intelligence", "Analytics"], + rating: 4.9, + talks: 67 + }, + { + id: 4, + name: "Dr. James Wilson", + role: "AI Research Scientist at OpenAI", + image: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop&crop=face", + bio: "Former Stanford professor, pioneer in NLP and computer vision. Leading GPT research at OpenAI.", + expertise: ["NLP", "Computer Vision", "LLMs"], + rating: 5.0, + talks: 89 + }, + { + id: 5, + name: "Lisa Zhang", + role: "Head of ML at Tesla", + image: "https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?w=200&h=200&fit=crop&crop=face", + bio: "Leading autonomous driving ML systems. Expert in computer vision and robotics AI.", + expertise: ["Autonomous Systems", "Computer Vision", "Robotics"], + rating: 4.7, + talks: 28 + }, + { + id: 6, + name: "Dr. Michael Brown", + role: "Founder & CEO of DataVision AI", + image: "https://images.unsplash.com/photo-1560250097-0b93528c311a?w=200&h=200&fit=crop&crop=face", + bio: "Serial entrepreneur. Built and sold 3 AI startups valued at $500M+. Mentor to 100+ professionals.", + expertise: ["AI Strategy", "Startups", "Leadership"], + rating: 4.8, + talks: 156 + } + ]; + + const schedule = [ + { + time: "8:30 AM - 9:00 AM", + title: "Registration & Welcome Coffee", + description: "Check-in, networking breakfast, welcome bags, and morning refreshments.", + speaker: "Event Team", + type: "registration", + location: "Main Lobby" + }, + { + time: "9:00 AM - 9:15 AM", + title: "Opening Ceremony", + description: "Official welcome and event overview with exciting announcements.", + speaker: "Event Organizers", + type: "ceremony", + location: "Main Auditorium" + }, + { + time: "9:15 AM - 10:15 AM", + title: "Keynote: The Future of AI", + description: "Exploring cutting-edge AI developments and industry impact for the next decade.", + speaker: "Dr. James Wilson", + type: "keynote", + location: "Main Auditorium" + }, + { + time: "10:30 AM - 12:00 PM", + title: "Workshop: Building ML Models", + description: "Interactive session building end-to-end ML models with Python and MLOps.", + speaker: "Alex Rodriguez", + type: "workshop", + location: "Tech Lab A" + }, + { + time: "10:30 AM - 12:00 PM", + title: "Masterclass: Data Visualization", + description: "Advanced techniques for creating compelling data stories and dashboards.", + speaker: "Maya Patel", + type: "masterclass", + location: "Design Studio" + }, + { + time: "12:00 PM - 1:00 PM", + title: "Networking Lunch", + description: "Connect with professionals and explore sponsor technologies.", + speaker: "All Attendees", + type: "break", + location: "Exhibition Hall" + }, + { + time: "1:00 PM - 2:00 PM", + title: "Fireside Chat: Scaling AI at Tesla", + description: "Insights into autonomous driving AI and scaling ML systems.", + speaker: "Lisa Zhang", + type: "fireside", + location: "Lounge Area" + }, + { + time: "2:15 PM - 3:15 PM", + title: "Panel: Career Paths in Data Science", + description: "Industry experts discuss career trajectories and advancement strategies.", + speaker: "All Speakers", + type: "panel", + location: "Main Auditorium" + }, + { + time: "3:30 PM - 4:30 PM", + title: "Startup Pitch Session", + description: "Innovative AI startups pitch to investors and learn entrepreneurship.", + speaker: "Dr. Michael Brown", + type: "pitch", + location: "Startup Arena" + }, + { + time: "4:45 PM - 5:30 PM", + title: "Closing Keynote: Your Data Career", + description: "Practical advice and actionable steps to accelerate your data science career.", + speaker: "Dr. Sarah Chen", + type: "keynote", + location: "Main Auditorium" + }, + { + time: "5:30 PM - 7:00 PM", + title: "Happy Hour & Networking", + description: "Unwind with drinks, snacks, and continued professional networking.", + speaker: "All Attendees", + type: "social", + location: "Rooftop Terrace" + } + ]; + + const testimonials = [ + { + name: "Sarah Johnson", + role: "Data Analyst at Microsoft", + image: "https://images.unsplash.com/photo-1494790108755-2616b612b786?w=80&h=80&fit=crop&crop=face", + quote: "This event transformed my ML understanding. Got my dream job 2 weeks after attending!", + rating: 5 + }, + { + name: "David Chen", + role: "ML Engineer at Spotify", + image: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=80&h=80&fit=crop&crop=face", + quote: "Best data science event ever. Amazing speakers and practical skills I use daily!", + rating: 5 + }, + { + name: "Emily Rodriguez", + role: "Senior Data Scientist at Uber", + image: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=80&h=80&fit=crop&crop=face", + quote: "Exceptional content quality. Learned cutting-edge techniques immediately applicable at work.", + rating: 5 + } + ]; + + const sponsors = [ + { name: "Google", logo: "🔍", tier: "Platinum" }, + { name: "Microsoft", logo: "⊞", tier: "Platinum" }, + { name: "Netflix", logo: "📺", tier: "Gold" }, + { name: "Tesla", logo: "⚡", tier: "Gold" }, + { name: "Spotify", logo: "🎵", tier: "Silver" }, + { name: "Uber", logo: "🚗", tier: "Silver" }, + { name: "OpenAI", logo: "🤖", tier: "Silver" }, + { name: "Airbnb", logo: "🏠", tier: "Bronze" } + ]; + + const features = [ + { icon: Award, title: "Official Certificate", description: "Industry-recognized completion certificate" }, + { icon: Coffee, title: "Premium Networking", description: "Connect with 2000+ top professionals" }, + { icon: Download, title: "Exclusive Resources", description: "Code samples, slides, and materials" }, + { icon: Camera, title: "Recorded Sessions", description: "6-month access to all recordings" }, + { icon: Shield, title: "Career Support", description: "Job placement and career counseling" }, + { icon: Heart, title: "Private Community", description: "Join 10,000+ data professionals" } + ]; + + const handleSubmit = () => { + const errors = {}; + if (!formData.name.trim()) errors.name = "Name required"; + if (!formData.email.trim()) errors.email = "Email required"; + if (!/\S+@\S+\.\S+/.test(formData.email)) errors.email = "Invalid email"; + + setFormErrors(errors); + + if (Object.keys(errors).length === 0) { + setRegisteredCount(prev => prev + 1); + setShowModal(true); + setFormData({ name: '', email: '', phone: '', company: '', experience: '', interests: [], dietary: '', newsletter: false }); + } + }; + + const scrollToSection = (sectionId) => { + document.getElementById(sectionId)?.scrollIntoView({ behavior: 'smooth' }); + setIsMenuOpen(false); + }; + + const getSessionTypeColor = (type) => { + const colors = { + keynote: 'bg-purple-100 text-purple-800', + workshop: 'bg-green-100 text-green-800', + masterclass: 'bg-blue-100 text-blue-800', + panel: 'bg-orange-100 text-orange-800', + fireside: 'bg-red-100 text-red-800', + pitch: 'bg-yellow-100 text-yellow-800', + social: 'bg-pink-100 text-pink-800', + break: 'bg-gray-100 text-gray-800', + ceremony: 'bg-indigo-100 text-indigo-800', + registration: 'bg-cyan-100 text-cyan-800' + }; + return colors[type] || 'bg-gray-100 text-gray-800'; + }; + + useEffect(() => { + const interval = setInterval(() => { + setActiveTestimonial((prev) => (prev + 1) % testimonials.length); + }, 5000); + return () => clearInterval(interval); + }, []); + + return ( +
+ {} + {showModal && ( +
+
+
+
+ +
+

Registration Successful! 🎉

+

Welcome to DataSci Summit 2025!

+
+

+ ✅ Confirmation email sent
+ ✅ Calendar invite included
+ ✅ Community access granted +

+
+ +
+
+
+ )} + + {} + + + {} +
+
+
+
+
+ +
+
+
+ + 🔥 Early Bird: Save 40% • {registeredCount} Registered + +
+ +

+ DataSci Summit + 2025 +

+ +

+ The World's Largest Data Science & AI Conference +

+ +

+ Join 2000+ professionals, 50+ industry experts, and discover the future of data science +

+ + {/* Countdown Timer */} +
+

Event starts in:

+
+ {Object.entries(timeLeft).map(([unit, value]) => ( +
+
+
{value}
+
{unit}
+
+
+ ))} +
+
+ +
+ + +
+
+
+
+ + {} +
+
+
+
+
+ +
+
2000+
+
Attendees
+
+
+
+ +
+
50+
+
Speakers
+
+
+
+ +
+
25+
+
Workshops
+
+
+
+ +
+
100+
+
Companies
+
+
+
+
+ + {} +
+
+
+

Why DataSci Summit 2025?

+

+ The premier event for data science professionals, featuring world-class speakers, hands-on workshops, and unparalleled networking opportunities. +

+
+ +
+
+

What Makes Us Special

+
+
+
+ +
+
+

Industry-Leading Content

+

Cutting-edge insights from top practitioners at Google, Netflix, Tesla, and more.

+
+
+ +
+
+ +
+
+

Career Acceleration

+

90% of attendees report career advancement within 6 months of attending.

+
+
+ +
+
+ +
+
+

Premium Networking

+

Connect with 2000+ professionals, hiring managers, and industry leaders.

+
+
+
+
+ +
+ {features.map((feature, index) => ( +
+
+ +
+

{feature.title}

+

{feature.description}

+
+ ))} +
+
+
+
+ + {} +
+
+
+

World-Class Speakers

+

Learn from the best minds in data science and AI

+
+ +
+ {speakers.map((speaker) => ( +
+
+ {speaker.name} + +
+ +
+

{speaker.name}

+

{speaker.role}

+

{speaker.bio}

+ +
+ {speaker.expertise.slice(0, 3).map((skill, index) => ( + + {skill} + + ))} +
+ +
+
+ + {speaker.rating} +
+
{speaker.talks} talks
+
+
+
+ ))} +
+
+
+ + {} +
+
+
+

Event Schedule

+

A full day packed with learning, networking, and innovation

+
+ +
+ {schedule.map((item, index) => ( +
+
setExpandedScheduleItem(expandedScheduleItem === index ? null : index)} + > +
+
+
+
+ + {item.time} +
+ + {item.type.toUpperCase()} + +
+ +

{item.title}

+
+ + {item.speaker} + + {item.location} +
+
+ + +
+ + {expandedScheduleItem === index && ( +
+

{item.description}

+
+ )} +
+
+ ))} +
+
+
+ + {} +
+
+
+

What Attendees Say

+

Join thousands of satisfied professionals

+
+ +
+
+
+
+ {[...Array(testimonials[activeTestimonial].rating)].map((_, i) => ( + + ))} +
+ +
+ "{testimonials[activeTestimonial].quote}" +
+ +
+ {testimonials[activeTestimonial].name} +
+
{testimonials[activeTestimonial].name}
+
{testimonials[activeTestimonial].role}
+
+
+
+
+ +
+ {testimonials.map((_, index) => ( +
+
+
+
+ + {} +
+
+
+

Trusted by Industry Leaders

+

Our partners and sponsors

+
+ +
+ {sponsors.map((sponsor, index) => ( +
+
{sponsor.logo}
+

{sponsor.name}

+ + {sponsor.tier} + +
+ ))} +
+
+
+ + {} +
+
+
+

Secure Your Spot Today

+

Free registration • Limited seats available

+

{registeredCount} professionals already registered

+
+ +
+
+
+

Registration Form

+
+
+ setFormData({...formData, name: e.target.value})} + className="w-full p-4 rounded-lg bg-white/20 placeholder-white/70 text-white border border-white/30 focus:border-white/50 focus:outline-none" + /> + {formErrors.name &&

{formErrors.name}

} +
+ +
+ setFormData({...formData, email: e.target.value})} + className="w-full p-4 rounded-lg bg-white/20 placeholder-white/70 text-white border border-white/30 focus:border-white/50 focus:outline-none" + /> + {formErrors.email &&

{formErrors.email}

} +
+ + setFormData({...formData, phone: e.target.value})} + className="w-full p-4 rounded-lg bg-white/20 placeholder-white/70 text-white border border-white/30 focus:border-white/50 focus:outline-none" + /> + + setFormData({...formData, company: e.target.value})} + className="w-full p-4 rounded-lg bg-white/20 placeholder-white/70 text-white border border-white/30 focus:border-white/50 focus:outline-none" + /> + + + +
+ setFormData({...formData, newsletter: e.target.checked})} + className="mr-3 h-4 w-4" + /> + +
+
+
+ +
+

What You Get

+
+
+
+ +
+ Official completion certificate +
+ +
+
+ +
+ All presentation slides & code samples +
+ +
+
+ +
+ 6-month access to recorded sessions +
+ +
+
+ +
+ Private community access +
+ +
+
+ +
+ Networking lunch & happy hour +
+ +
+
+ +
+ Career support & job placement help +
+
+ +
+
+
FREE
+
Regular Price: $299
+
Limited time offer
+
+
+
+
+ +
+ +

+ By registering, you agree to our terms and privacy policy +

+
+
+
+
+ + {} + +
+ ); +}; + +export default EventWebsite; diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..a5900d6 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,31 @@ +{ + "name": "TASK_ROUND", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "dependencies": { + "lucide-react": "^0.542.0" + } + }, + "node_modules/lucide-react": { + "version": "0.542.0", + "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.542.0.tgz", + "integrity": "sha512-w3hD8/SQB7+lzU2r4VdFyzzOzKnUjTZIF/MQJGSSvni7Llewni4vuViRppfRAa2guOsY5k4jZyxw/i9DQHv+dw==", + "license": "ISC", + "peerDependencies": { + "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, + "node_modules/react": { + "version": "19.1.1", + "resolved": "https://registry.npmjs.org/react/-/react-19.1.1.tgz", + "integrity": "sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ==", + "license": "MIT", + "peer": true, + "engines": { + "node": ">=0.10.0" + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..849156a --- /dev/null +++ b/package.json @@ -0,0 +1,5 @@ +{ + "dependencies": { + "lucide-react": "^0.542.0" + } +}