main

src/app/antarctic/page.tsx

@@ -0,0 +1,266 @@
+'use client';
+
+import { useLanguage } from '@/components/providers/LanguageProvider';
+import { Snowflake, Mountain, Ship, Microscope, Users } from 'lucide-react';
+
+const AntarcticPage = () => {
+  const { language } = useLanguage();
+  const isRTL = language === 'ar';
+
+  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: "🌨️"
+    },
+    {
+      year: "2023",
+      title: "Deep Sea Antarctic Exploration",
+      description: "Discovering new marine species in the Southern Ocean depths",
+      participants: 32,
+      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"
+    }
+  ];
+
+  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: "Research Vessel Aurora Australis",
+      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" />
+    }
+  ];
+
+  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" }
+  ];
+
+  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>
+            </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&apos;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>
+            ))}
+          </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>
+  );
+};
+
+export default AntarcticPage;