162 lines
9.4 KiB
PHP
162 lines
9.4 KiB
PHP
<?php
|
||
// Fetch a hurricane image from our local API endpoint
|
||
$image_api_url = "http://" . $_SERVER['HTTP_HOST'] . "/api/pexels.php?query=hurricane&orientation=landscape";
|
||
@$image_data_json = file_get_contents($image_api_url);
|
||
$image_data = $image_data_json ? json_decode($image_data_json, true) : null;
|
||
$hero_image_url = $image_data ? $image_data['local_path'] : 'https://images.pexels.com/photos/15033937/pexels-photo-15033937.jpeg'; // Fallback
|
||
$hero_image_alt = $image_data ? $image_data['alt'] : 'Satellite view of a hurricane';
|
||
?>
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Worldsphere.ai - AI-Powered Weather Prediction</title>
|
||
<meta name="description" content="Worldsphere.ai is revolutionizing climate resilience with AI-powered weather prediction.">
|
||
<meta name="keywords" content="ai weather prediction, climate resilience, hurricane forecasting, climate tech, big data analytics, weather risk management, diffusion models, satellite imagery analysis, Built with Flatlogic Generator">
|
||
<meta property="og:title" content="Worldsphere.ai - AI-Powered Weather Prediction">
|
||
<meta property="og:description" content="Revolutionizing Climate Resilience with AI-Powered Weather Prediction.">
|
||
<meta property="og:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">
|
||
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
|
||
<header class="navbar navbar-expand-lg navbar-light bg-light">
|
||
<div class="container">
|
||
<a class="navbar-brand fw-bold" href="#">Worldsphere.ai</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarNav">
|
||
<ul class="navbar-nav ms-auto">
|
||
<li class="nav-item"><a class="nav-link" href="#solutions">Solutions</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="#mission">About</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="hero text-center text-white" style="background-image: url('<?php echo htmlspecialchars($hero_image_url); ?>');">
|
||
<div class="hero-overlay">
|
||
<div class="container">
|
||
<p class="mb-3">First Beta Version now available! Download now</p>
|
||
<h1 class="display-3 fw-bold">Revolutionizing Climate Resilience with AI-Powered Weather Prediction</h1>
|
||
<p class="lead mt-4">Where Cutting-Edge Technology Meets Climate Action. At Worldsphere.ai, we’re harnessing the power of artificial intelligence to transform how we predict, prepare for, and respond to extreme weather events.</p>
|
||
<a href="#contact" class="btn btn-primary mt-4">Join the Climate Tech Revolution</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="cyclone-widget" class="container text-center">
|
||
<h2>Active Tropical Cyclones</h2>
|
||
<div id="cyclone-data" class="row">
|
||
<p>Loading real-time cyclone data...</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="wildfire-widget" class="container text-center">
|
||
<h2>Active Wildfires</h2>
|
||
<div id="wildfire-data" class="row">
|
||
<p>Loading real-time wildfire data...</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="solutions" class="container text-center">
|
||
<h2>Technology & Innovation</h2>
|
||
<p class="lead mb-5">Our innovative platform combines state-of-the-art AI models, big data analytics, and immersive visualization techniques to provide unparalleled insights into weather risks and climate patterns.</p>
|
||
<div class="row">
|
||
<div class="col-md-4 mb-4">
|
||
<div class="card h-100 p-4">
|
||
<h5 class="fw-bold">AI-Powered Hurricane Prediction</h5>
|
||
<p>Our flagship technology utilizes advanced diffusion models to revolutionize hurricane forecasting.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<div class="card h-100 p-4">
|
||
<h5 class="fw-bold">Satellite-to-Wind Technology</h5>
|
||
<p>Generate realistic 2D wind fields from infrared satellite imagery and automatically remove land masses.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<div class="card h-100 p-4">
|
||
<h5 class="fw-bold">Model Interpretability</h5>
|
||
<p>We bridge traditional meteorological frameworks and AI-generated insights by mapping atmospheric patterns to model activations.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="mission" class="bg-white">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-md-6">
|
||
<h2>Our Mission</h2>
|
||
<p class="lead">Empowering Global Resilience in the Face of Climate Change.</p>
|
||
<p>We recognize the urgency of the climate crisis. At Worldsphere.ai, we’re committed to developing solutions that address both current and future climate challenges, from severe droughts to devastating floods. Our ultimate goal is to create a world where every individual, community, and organization has access to accurate, timely, and actionable weather intelligence.</p>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<h5 class="fw-bold">Our Core Objectives</h5>
|
||
<ul>
|
||
<li>Advance the field of Al-powered weather prediction</li>
|
||
<li>Improve early warning systems for extreme weather events</li>
|
||
<li>Support businesses and communities in climate risk management</li>
|
||
<li>Foster collaboration between technology and climate science</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contact">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8">
|
||
<div class="contact-form text-center">
|
||
<h2>Contact Us</h2>
|
||
<p>Sign up for our beta testing program and experience the future of weather risk management.</p>
|
||
<form id="contactForm" novalidate>
|
||
<div class="mb-3">
|
||
<input type="text" class="form-control" id="name" name="name" placeholder="Your Name" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<input type="email" class="form-control" id="email" name="email" placeholder="Your Email" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<textarea class="form-control" id="message" name="message" rows="5" placeholder="Your Message" required></textarea>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">Send Message</button>
|
||
</form>
|
||
<div id="form-status" class="mt-4"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="container text-center">
|
||
<ul class="nav justify-content-center mb-3">
|
||
<li class="nav-item"><a href="#" class="nav-link px-2 text-white">LinkedIn</a></li>
|
||
<li class="nav-item"><a href="#" class="nav-link px-2 text-white">Instagram</a></li>
|
||
<li class="nav-item"><a href="#" class="nav-link px-2 text-white">x.com</a></li>
|
||
<li class="nav-item"><a href="privacy.php" class="nav-link px-2 text-white">Privacy Policy</a></li>
|
||
</ul>
|
||
<p>© 2025 Worldsphere.ai. All Rights Reserved.</p>
|
||
<p>Reminder: click Save in the editor to sync changes.</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
||
</body>
|
||
</html>
|