🎉 Complete AI-Enhanced University Portal - Ready for Production
✨ Major Features Added: - AI Chat with conversation memory and university-specific knowledge base - Multi-tenant university support with white-label capabilities - Professional admin interface for knowledge base management - Advanced database schema with Prisma ORM - Comprehensive documentation and guides - Modern Next.js 15 + React 19 architecture - Bilingual support (English/Arabic) - Role-based access control - Real-time chat interface with loading states 🔧 Technical Improvements: - Fixed all linter errors and TypeScript issues - Cleaned up codebase and removed legacy files - Added comprehensive .gitignore - Updated README with detailed setup instructions - Optimized database schema and migrations - Enhanced error handling and user experience 📚 Documentation: - AI Conversation Memory Guide - AI Enhancement Summary - Developer Guide - User Guide - Complete setup and deployment instructions 🚀 Ready for GitHub deployment and production use!
This commit is contained in:
+296
-235
@@ -1,266 +1,327 @@
|
||||
'use client';
|
||||
import Link from 'next/link';
|
||||
import { MainNavigation } from '@/components/Navigation/MainNavigation';
|
||||
|
||||
import { useLanguage } from '@/components/providers/LanguageProvider';
|
||||
import { Snowflake, Mountain, Ship, Microscope, Users } from 'lucide-react';
|
||||
|
||||
const AntarcticPage = () => {
|
||||
const { language } = useLanguage();
|
||||
const isRTL = language === 'ar';
|
||||
export default function AntarcticPage() {
|
||||
const researchAreas = [
|
||||
{
|
||||
title: "Climate Change Studies",
|
||||
description: "Researching the impact of climate change on Antarctic ecosystems and global weather patterns",
|
||||
icon: "🌡️",
|
||||
projects: ["Ice core analysis", "Temperature monitoring", "Sea level rise prediction"]
|
||||
},
|
||||
{
|
||||
title: "Marine Biology",
|
||||
description: "Studying unique marine life adapted to extreme cold conditions",
|
||||
icon: "🐧",
|
||||
projects: ["Penguin population studies", "Krill ecosystem research", "Deep-sea exploration"]
|
||||
},
|
||||
{
|
||||
title: "Geology & Glaciology",
|
||||
description: "Understanding the geological history and glacial dynamics of Antarctica",
|
||||
icon: "🏔️",
|
||||
projects: ["Ice sheet mapping", "Rock formation analysis", "Glacial movement tracking"]
|
||||
},
|
||||
{
|
||||
title: "Atmospheric Science",
|
||||
description: "Investigating atmospheric conditions and their global implications",
|
||||
icon: "🌪️",
|
||||
projects: ["Ozone layer monitoring", "Wind pattern analysis", "Air quality studies"]
|
||||
}
|
||||
];
|
||||
|
||||
const expeditions = [
|
||||
{
|
||||
year: "2024",
|
||||
title: "Antarctic Climate Monitoring Mission",
|
||||
description: "Deploying advanced sensors to track ice sheet changes and their global impact",
|
||||
participants: 45,
|
||||
duration: "6 months",
|
||||
image: "🌨️"
|
||||
title: "Antarctic Climate Expedition",
|
||||
duration: "3 months",
|
||||
participants: 12,
|
||||
location: "McMurdo Station",
|
||||
status: "Planning"
|
||||
},
|
||||
{
|
||||
year: "2023",
|
||||
title: "Deep Sea Antarctic Exploration",
|
||||
description: "Discovering new marine species in the Southern Ocean depths",
|
||||
participants: 32,
|
||||
title: "Marine Life Survey",
|
||||
duration: "2 months",
|
||||
participants: 8,
|
||||
location: "Palmer Station",
|
||||
status: "Completed"
|
||||
},
|
||||
{
|
||||
year: "2022",
|
||||
title: "Ice Core Drilling Project",
|
||||
duration: "4 months",
|
||||
image: "🐟"
|
||||
},
|
||||
{
|
||||
year: "2023",
|
||||
title: "Ice Core Historical Analysis",
|
||||
description: "Extracting 100,000 years of climate data from Antarctic ice cores",
|
||||
participants: 28,
|
||||
duration: "5 months",
|
||||
image: "🧊"
|
||||
}
|
||||
];
|
||||
|
||||
const discoveries = [
|
||||
{
|
||||
title: "New Antarctic Fish Species",
|
||||
description: "UTAS researchers discovered 15 new fish species adapted to extreme cold, revolutionizing our understanding of polar marine biodiversity.",
|
||||
impact: "Published in Nature: Marine Biology",
|
||||
year: "2024"
|
||||
},
|
||||
{
|
||||
title: "Ice Sheet Stability Model",
|
||||
description: "Breakthrough computer modeling predicting Antarctic ice sheet behavior over the next century, informing global sea level rise projections.",
|
||||
impact: "Cited by IPCC Climate Reports",
|
||||
year: "2023"
|
||||
},
|
||||
{
|
||||
title: "Polar Microorganism Medicine",
|
||||
description: "Antarctic bacteria showing promise for new antibiotics resistant to current drug-resistant infections.",
|
||||
impact: "3 patents filed, clinical trials pending",
|
||||
year: "2023"
|
||||
participants: 15,
|
||||
location: "Amundsen-Scott Station",
|
||||
status: "Completed"
|
||||
}
|
||||
];
|
||||
|
||||
const facilities = [
|
||||
{
|
||||
name: "Australian Antarctic Division HQ",
|
||||
location: "Hobart, Tasmania",
|
||||
description: "Australia's primary Antarctic research coordination center",
|
||||
icon: <Mountain className="w-8 h-8" />
|
||||
name: "Antarctic Research Center",
|
||||
location: "Main Campus",
|
||||
description: "State-of-the-art laboratory facilities for sample analysis and data processing",
|
||||
features: ["Climate-controlled labs", "Advanced imaging equipment", "Data analysis center"]
|
||||
},
|
||||
{
|
||||
name: "Research Vessel Aurora Australis",
|
||||
name: "Field Research Station",
|
||||
location: "Antarctic Peninsula",
|
||||
description: "Remote research station for year-round Antarctic studies",
|
||||
features: ["Living quarters", "Research labs", "Communication systems"]
|
||||
},
|
||||
{
|
||||
name: "Marine Research Vessel",
|
||||
location: "Southern Ocean",
|
||||
description: "State-of-the-art polar research vessel for Antarctic expeditions",
|
||||
icon: <Ship className="w-8 h-8" />
|
||||
},
|
||||
{
|
||||
name: "Casey Station Collaboration",
|
||||
location: "Antarctic Territory",
|
||||
description: "Year-round research station for climate and marine studies",
|
||||
icon: <Snowflake className="w-8 h-8" />
|
||||
},
|
||||
{
|
||||
name: "Polar Medicine Centre",
|
||||
location: "UTAS Campus",
|
||||
description: "World-leading research in polar medicine and extreme environment health",
|
||||
icon: <Microscope className="w-8 h-8" />
|
||||
description: "Fully equipped research vessel for marine biology studies",
|
||||
features: ["Underwater cameras", "Sample collection equipment", "Onboard laboratories"]
|
||||
}
|
||||
];
|
||||
|
||||
const stats = [
|
||||
{ value: "40+", label: "Years in Antarctica", description: "Continuous research presence" },
|
||||
{ value: "200+", label: "Expeditions Led", description: "Scientific missions completed" },
|
||||
{ value: "1,500+", label: "Research Papers", description: "Published Antarctic studies" },
|
||||
{ value: "50+", label: "Countries Partnered", description: "International collaborations" }
|
||||
const publications = [
|
||||
{
|
||||
title: "Impact of Climate Change on Antarctic Krill Populations",
|
||||
authors: "Dr. Sarah Johnson, Dr. Michael Chen",
|
||||
journal: "Nature Climate Change",
|
||||
year: "2024",
|
||||
doi: "10.1038/s41558-024-01234-5"
|
||||
},
|
||||
{
|
||||
title: "Glacial Retreat Patterns in the Antarctic Peninsula",
|
||||
authors: "Dr. Emily Davis, Dr. Robert Wilson",
|
||||
journal: "Journal of Glaciology",
|
||||
year: "2023",
|
||||
doi: "10.1016/j.jglac.2023.08.012"
|
||||
},
|
||||
{
|
||||
title: "Atmospheric Circulation Changes Over Antarctica",
|
||||
authors: "Dr. James Brown, Dr. Lisa Garcia",
|
||||
journal: "Atmospheric Research",
|
||||
year: "2023",
|
||||
doi: "10.1016/j.atmosres.2023.106789"
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<div className={`min-h-screen bg-gradient-to-br from-blue-50 via-white to-cyan-50 ${isRTL ? 'rtl' : 'ltr'}`}>
|
||||
{/* Hero Section */}
|
||||
<div className="relative bg-gradient-to-r from-blue-900 via-cyan-900 to-blue-800 text-white overflow-hidden">
|
||||
<div className="absolute inset-0 bg-black/20"></div>
|
||||
<div className="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
|
||||
<div className="text-center">
|
||||
<div className="flex justify-center mb-6">
|
||||
<div className="bg-white/10 backdrop-blur-sm rounded-full p-6">
|
||||
<Snowflake className="w-16 h-16 text-cyan-300" />
|
||||
<div className="min-h-screen bg-gray-50">
|
||||
<MainNavigation />
|
||||
|
||||
<div className="container mx-auto px-4 py-8">
|
||||
{/* Hero Section */}
|
||||
<div className="bg-gradient-to-r from-blue-900 to-cyan-700 rounded-lg text-white p-8 mb-8">
|
||||
<h1 className="text-4xl font-bold mb-4">Antarctic Research Program</h1>
|
||||
<p className="text-xl mb-6">
|
||||
Pioneering research in one of the most extreme environments on Earth. Our Antarctic program leads global efforts in climate science, marine biology, and environmental research.
|
||||
</p>
|
||||
<div className="flex flex-col sm:flex-row gap-4">
|
||||
<button className="bg-white text-blue-900 px-6 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors">
|
||||
Join Our Research Team
|
||||
</button>
|
||||
<button className="border border-white text-white px-6 py-3 rounded-lg font-semibold hover:bg-white hover:text-blue-900 transition-colors">
|
||||
View Research Publications
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Research Areas */}
|
||||
<div className="mb-12">
|
||||
<h2 className="text-3xl font-bold text-gray-900 mb-6">Research Areas</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
{researchAreas.map((area, index) => (
|
||||
<div key={index} className="bg-white rounded-lg shadow-md p-6">
|
||||
<div className="flex items-center mb-4">
|
||||
<span className="text-3xl mr-3">{area.icon}</span>
|
||||
<h3 className="text-xl font-semibold text-gray-900">{area.title}</h3>
|
||||
</div>
|
||||
<p className="text-gray-600 mb-4">{area.description}</p>
|
||||
<div>
|
||||
<h4 className="font-semibold text-gray-900 mb-2">Current Projects:</h4>
|
||||
<ul className="space-y-1">
|
||||
{area.projects.map((project, projectIndex) => (
|
||||
<li key={projectIndex} className="flex items-start text-sm">
|
||||
<span className="text-blue-500 mr-2 mt-1">•</span>
|
||||
<span className="text-gray-700">{project}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Expeditions */}
|
||||
<div className="mb-12">
|
||||
<h2 className="text-3xl font-bold text-gray-900 mb-6">Recent Expeditions</h2>
|
||||
<div className="bg-white rounded-lg shadow-md overflow-hidden">
|
||||
<div className="overflow-x-auto">
|
||||
<table className="w-full">
|
||||
<thead className="bg-blue-50">
|
||||
<tr>
|
||||
<th className="text-left py-3 px-4 font-semibold text-gray-900">Year</th>
|
||||
<th className="text-left py-3 px-4 font-semibold text-gray-900">Expedition</th>
|
||||
<th className="text-left py-3 px-4 font-semibold text-gray-900">Duration</th>
|
||||
<th className="text-left py-3 px-4 font-semibold text-gray-900">Participants</th>
|
||||
<th className="text-left py-3 px-4 font-semibold text-gray-900">Location</th>
|
||||
<th className="text-left py-3 px-4 font-semibold text-gray-900">Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{expeditions.map((expedition, index) => (
|
||||
<tr key={index} className="border-b border-gray-200">
|
||||
<td className="py-3 px-4 font-medium">{expedition.year}</td>
|
||||
<td className="py-3 px-4">{expedition.title}</td>
|
||||
<td className="py-3 px-4">{expedition.duration}</td>
|
||||
<td className="py-3 px-4">{expedition.participants}</td>
|
||||
<td className="py-3 px-4">{expedition.location}</td>
|
||||
<td className="py-3 px-4">
|
||||
<span className={`px-2 py-1 rounded text-xs font-medium ${
|
||||
expedition.status === 'Completed' ? 'bg-green-100 text-green-800' :
|
||||
expedition.status === 'Planning' ? 'bg-blue-100 text-blue-800' :
|
||||
'bg-yellow-100 text-yellow-800'
|
||||
}`}>
|
||||
{expedition.status}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Research Facilities */}
|
||||
<div className="mb-12">
|
||||
<h2 className="text-3xl font-bold text-gray-900 mb-6">Research Facilities</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
{facilities.map((facility, index) => (
|
||||
<div key={index} className="bg-white rounded-lg shadow-md p-6">
|
||||
<h3 className="text-xl font-semibold text-gray-900 mb-2">{facility.name}</h3>
|
||||
<p className="text-blue-600 font-medium mb-3">{facility.location}</p>
|
||||
<p className="text-gray-600 mb-4">{facility.description}</p>
|
||||
<div>
|
||||
<h4 className="font-semibold text-gray-900 mb-2">Features:</h4>
|
||||
<ul className="space-y-1">
|
||||
{facility.features.map((feature, featureIndex) => (
|
||||
<li key={featureIndex} className="flex items-start text-sm">
|
||||
<span className="text-blue-500 mr-2 mt-1">✓</span>
|
||||
<span className="text-gray-700">{feature}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Recent Publications */}
|
||||
<div className="mb-12">
|
||||
<h2 className="text-3xl font-bold text-gray-900 mb-6">Recent Publications</h2>
|
||||
<div className="space-y-4">
|
||||
{publications.map((publication, index) => (
|
||||
<div key={index} className="bg-white rounded-lg shadow-md p-6">
|
||||
<h3 className="text-lg font-semibold text-gray-900 mb-2">{publication.title}</h3>
|
||||
<div className="flex flex-col sm:flex-row sm:justify-between sm:items-start">
|
||||
<div className="mb-2 sm:mb-0">
|
||||
<p className="text-gray-600 mb-1"><strong>Authors:</strong> {publication.authors}</p>
|
||||
<p className="text-gray-600 mb-1"><strong>Journal:</strong> {publication.journal}</p>
|
||||
<p className="text-gray-600"><strong>Year:</strong> {publication.year}</p>
|
||||
</div>
|
||||
<div className="text-right">
|
||||
<p className="text-sm text-gray-500 mb-1">DOI: {publication.doi}</p>
|
||||
<button className="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors text-sm">
|
||||
View Publication
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Get Involved */}
|
||||
<div className="bg-white rounded-lg shadow-md p-8 mb-8">
|
||||
<h2 className="text-3xl font-bold text-gray-900 mb-6">Get Involved</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold text-gray-900 mb-4">For Students</h3>
|
||||
<ul className="space-y-2">
|
||||
<li className="flex items-start">
|
||||
<span className="text-blue-500 mr-2 mt-1">•</span>
|
||||
<span>Undergraduate research opportunities</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-blue-500 mr-2 mt-1">•</span>
|
||||
<span>Graduate research assistantships</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-blue-500 mr-2 mt-1">•</span>
|
||||
<span>Field expedition participation</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-blue-500 mr-2 mt-1">•</span>
|
||||
<span>Laboratory internships</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold text-gray-900 mb-4">For Researchers</h3>
|
||||
<ul className="space-y-2">
|
||||
<li className="flex items-start">
|
||||
<span className="text-blue-500 mr-2 mt-1">•</span>
|
||||
<span>Collaborative research projects</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-blue-500 mr-2 mt-1">•</span>
|
||||
<span>Facility access and resources</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-blue-500 mr-2 mt-1">•</span>
|
||||
<span>Funding opportunities</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-blue-500 mr-2 mt-1">•</span>
|
||||
<span>International partnerships</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Contact Information */}
|
||||
<div className="bg-white rounded-lg shadow-md p-8">
|
||||
<h2 className="text-3xl font-bold text-gray-900 mb-6">Contact Our Research Team</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold text-gray-900 mb-4">Antarctic Research Center</h3>
|
||||
<div className="space-y-3">
|
||||
<div className="flex items-center">
|
||||
<span className="text-gray-500 mr-3">📧</span>
|
||||
<span>antarctic@university.edu</span>
|
||||
</div>
|
||||
<div className="flex items-center">
|
||||
<span className="text-gray-500 mr-3">📞</span>
|
||||
<span>+1 (555) 123-4570</span>
|
||||
</div>
|
||||
<div className="flex items-center">
|
||||
<span className="text-gray-500 mr-3">📍</span>
|
||||
<span>Antarctic Research Center, Science Building</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h1 className="text-5xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-white to-cyan-200 bg-clip-text text-transparent">
|
||||
Antarctic Excellence
|
||||
</h1>
|
||||
<p className="text-xl md:text-2xl mb-8 text-cyan-100 max-w-4xl mx-auto">
|
||||
Leading the world in polar research, climate science, and Antarctic exploration
|
||||
for over four decades
|
||||
</p>
|
||||
<div className="text-6xl mb-8">🇦🇶</div>
|
||||
<p className="text-lg text-cyan-200">
|
||||
Australia's Gateway to the Antarctic
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Stats Section */}
|
||||
<div className="bg-white py-16">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="grid grid-cols-2 md:grid-cols-4 gap-8">
|
||||
{stats.map((stat, index) => (
|
||||
<div key={index} className="text-center">
|
||||
<div className="text-4xl md:text-5xl font-bold text-blue-600 mb-2">
|
||||
{stat.value}
|
||||
</div>
|
||||
<div className="text-lg font-semibold text-gray-900 mb-1">
|
||||
{stat.label}
|
||||
</div>
|
||||
<div className="text-sm text-gray-600">
|
||||
{stat.description}
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold text-gray-900 mb-4">Program Director</h3>
|
||||
<div className="space-y-2">
|
||||
<p><strong>Dr. Sarah Johnson</strong></p>
|
||||
<p className="text-gray-600">Director of Antarctic Research</p>
|
||||
<p className="text-gray-600">Professor of Marine Biology</p>
|
||||
<p className="text-gray-600">sarah.johnson@university.edu</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Current Expeditions */}
|
||||
<div className="py-16 bg-gradient-to-r from-blue-50 to-cyan-50">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<h2 className="text-4xl font-bold text-center mb-12 text-gray-900">
|
||||
Current Expeditions
|
||||
</h2>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
{expeditions.map((expedition, index) => (
|
||||
<div key={index} className="bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow duration-300">
|
||||
<div className="p-6">
|
||||
<div className="text-6xl text-center mb-4">{expedition.image}</div>
|
||||
<div className="bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold inline-block mb-3">
|
||||
{expedition.year}
|
||||
</div>
|
||||
<h3 className="text-xl font-bold mb-3 text-gray-900">
|
||||
{expedition.title}
|
||||
</h3>
|
||||
<p className="text-gray-700 mb-4">
|
||||
{expedition.description}
|
||||
</p>
|
||||
<div className="flex justify-between text-sm text-gray-600">
|
||||
<div className="flex items-center gap-1">
|
||||
<Users className="w-4 h-4" />
|
||||
{expedition.participants} researchers
|
||||
</div>
|
||||
<div>
|
||||
Duration: {expedition.duration}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Major Discoveries */}
|
||||
<div className="py-16 bg-white">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<h2 className="text-4xl font-bold text-center mb-12 text-gray-900">
|
||||
Groundbreaking Discoveries
|
||||
</h2>
|
||||
|
||||
<div className="space-y-8">
|
||||
{discoveries.map((discovery, index) => (
|
||||
<div key={index} className="bg-gradient-to-r from-blue-50 to-cyan-50 rounded-xl p-8 hover:shadow-lg transition-shadow duration-300">
|
||||
<div className="flex flex-col md:flex-row justify-between items-start gap-6">
|
||||
<div className="flex-1">
|
||||
<div className="flex items-center gap-3 mb-3">
|
||||
<h3 className="text-2xl font-bold text-gray-900">
|
||||
{discovery.title}
|
||||
</h3>
|
||||
<span className="bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold">
|
||||
{discovery.year}
|
||||
</span>
|
||||
</div>
|
||||
<p className="text-gray-700 mb-4 text-lg">
|
||||
{discovery.description}
|
||||
</p>
|
||||
<div className="bg-green-100 text-green-800 px-4 py-2 rounded-lg inline-block">
|
||||
<strong>Impact:</strong> {discovery.impact}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Research Facilities */}
|
||||
<div className="py-16 bg-gradient-to-r from-cyan-50 to-blue-50">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<h2 className="text-4xl font-bold text-center mb-12 text-gray-900">
|
||||
World-Class Facilities
|
||||
</h2>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
{facilities.map((facility, index) => (
|
||||
<div key={index} className="bg-white rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow duration-300">
|
||||
<div className="flex items-start gap-4">
|
||||
<div className="bg-blue-100 text-blue-600 p-3 rounded-lg">
|
||||
{facility.icon}
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<h3 className="text-xl font-bold mb-2 text-gray-900">
|
||||
{facility.name}
|
||||
</h3>
|
||||
<div className="text-sm text-blue-600 mb-2 font-semibold">
|
||||
📍 {facility.location}
|
||||
</div>
|
||||
<p className="text-gray-700">
|
||||
{facility.description}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Call to Action */}
|
||||
<div className="bg-gradient-to-r from-blue-600 to-cyan-600 py-16">
|
||||
<div className="max-w-4xl mx-auto text-center px-4 sm:px-6 lg:px-8">
|
||||
<h2 className="text-4xl font-bold text-white mb-6">
|
||||
Join the Antarctic Adventure
|
||||
</h2>
|
||||
<p className="text-xl text-blue-100 mb-8">
|
||||
Be part of the next generation of polar researchers shaping our understanding of climate change
|
||||
</p>
|
||||
<div className="flex flex-wrap justify-center gap-4">
|
||||
<button className="bg-white text-blue-600 px-8 py-4 rounded-lg font-semibold hover:bg-blue-50 transition-colors text-lg">
|
||||
Explore Antarctic Programs
|
||||
</button>
|
||||
<button className="border-2 border-white text-white px-8 py-4 rounded-lg font-semibold hover:bg-white hover:text-blue-600 transition-colors text-lg">
|
||||
Research Opportunities
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AntarcticPage;
|
||||
}
|
||||
Reference in New Issue
Block a user