suna/backend/agent/workspace/index.html

303 lines
15 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AGI Innovations | Advanced Artificial General Intelligence</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<header>
<nav class="navbar">
<div class="container">
<a href="#" class="logo">AGI<span>Innovations</span></a>
<div class="nav-links">
<a href="#features">Capabilities</a>
<a href="#about">About</a>
<a href="#solutions">Solutions</a>
<a href="#contact">Contact</a>
</div>
<button class="mobile-menu-btn">
<span></span>
<span></span>
<span></span>
</button>
</div>
</nav>
</header>
<main>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<div class="hero-content">
<h1>The Future of Artificial General Intelligence</h1>
<p>Pioneering AGI systems that understand, learn, and adapt to solve complex problems across domains with human-like intelligence.</p>
<div class="hero-buttons">
<a href="#features" class="btn btn-primary">Explore Capabilities</a>
<a href="#about" class="btn btn-secondary">Learn More</a>
</div>
</div>
<div class="hero-image">
<img src="https://images.unsplash.com/photo-1677442135136-760c813a743d?q=80&w=600&auto=format&fit=crop" alt="AGI Neural Network Visualization">
</div>
</div>
</section>
<!-- Features Section -->
<section id="features" class="features">
<div class="container">
<div class="section-header">
<h2>AGI Capabilities</h2>
<p>Our artificial general intelligence systems offer unprecedented capabilities</p>
</div>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-brain"></i>
</div>
<h3>Cognitive Reasoning</h3>
<p>Advanced reasoning capabilities that allow our AGI to understand context, make inferences, and solve complex problems.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-robot"></i>
</div>
<h3>Adaptive Learning</h3>
<p>Self-improving systems that continuously learn from new data and experiences without explicit programming.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-language"></i>
</div>
<h3>Natural Language</h3>
<p>Sophisticated language understanding and generation capabilities that enable human-like communication.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-chart-network"></i>
</div>
<h3>Multi-domain Expertise</h3>
<p>Unlike narrow AI, our AGI systems can transfer knowledge across domains and apply learning to new situations.</p>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="about">
<div class="container">
<div class="about-content">
<div class="about-text">
<h2>Pioneering AGI Research</h2>
<p>At AGI Innovations, we're dedicated to developing artificial general intelligence that combines the problem-solving abilities of human cognition with the speed and precision of computing.</p>
<p>Our interdisciplinary team of researchers and engineers is pushing the boundaries of machine learning, cognitive science, and neuroscience to create AGI systems that can understand, learn, and adapt across diverse domains.</p>
<a href="#" class="btn btn-primary">Our Research</a>
</div>
<div class="about-image">
<img src="https://images.unsplash.com/photo-1620712943543-bcc4688e7485?q=80&w=500&auto=format&fit=crop" alt="AGI Research Lab">
</div>
</div>
</div>
</section>
<!-- Solutions Section -->
<section id="solutions" class="pricing">
<div class="container">
<div class="section-header">
<h2>AGI Solutions</h2>
<p>Transformative applications of our AGI technology</p>
</div>
<div class="pricing-grid">
<div class="pricing-card">
<div class="pricing-header">
<h3>Healthcare</h3>
<div class="solution-icon">
<i class="fas fa-heartbeat"></i>
</div>
</div>
<ul class="pricing-features">
<li><i class="fas fa-check"></i> Medical diagnosis assistance</li>
<li><i class="fas fa-check"></i> Drug discovery acceleration</li>
<li><i class="fas fa-check"></i> Personalized treatment plans</li>
<li><i class="fas fa-check"></i> Healthcare workflow optimization</li>
<li><i class="fas fa-check"></i> Predictive patient monitoring</li>
</ul>
<a href="#" class="btn btn-outline">Learn More</a>
</div>
<div class="pricing-card featured">
<div class="pricing-header">
<h3>Scientific Research</h3>
<div class="solution-icon">
<i class="fas fa-atom"></i>
</div>
</div>
<ul class="pricing-features">
<li><i class="fas fa-check"></i> Complex data analysis</li>
<li><i class="fas fa-check"></i> Hypothesis generation</li>
<li><i class="fas fa-check"></i> Simulation and modeling</li>
<li><i class="fas fa-check"></i> Literature synthesis</li>
<li><i class="fas fa-check"></i> Experimental design</li>
</ul>
<a href="#" class="btn btn-primary">Learn More</a>
</div>
<div class="pricing-card">
<div class="pricing-header">
<h3>Business Intelligence</h3>
<div class="solution-icon">
<i class="fas fa-chart-line"></i>
</div>
</div>
<ul class="pricing-features">
<li><i class="fas fa-check"></i> Strategic decision support</li>
<li><i class="fas fa-check"></i> Market trend prediction</li>
<li><i class="fas fa-check"></i> Risk assessment</li>
<li><i class="fas fa-check"></i> Process optimization</li>
<li><i class="fas fa-check"></i> Competitive intelligence</li>
</ul>
<a href="#" class="btn btn-outline">Learn More</a>
</div>
</div>
</div>
</section>
<!-- Ethics Section -->
<section class="ethics">
<div class="container">
<div class="ethics-content">
<div class="ethics-image">
<img src="https://images.unsplash.com/photo-1580894732444-8ecded7900cd?q=80&w=500&auto=format&fit=crop" alt="AGI Ethics">
</div>
<div class="ethics-text">
<h2>Responsible AGI Development</h2>
<p>We believe that artificial general intelligence must be developed with strong ethical principles and safeguards. Our approach prioritizes:</p>
<ul class="ethics-list">
<li><i class="fas fa-shield-alt"></i> <span>Safety and alignment with human values</span></li>
<li><i class="fas fa-balance-scale"></i> <span>Fairness and elimination of harmful biases</span></li>
<li><i class="fas fa-lock"></i> <span>Privacy protection and data security</span></li>
<li><i class="fas fa-users"></i> <span>Transparent and explainable AI systems</span></li>
<li><i class="fas fa-globe"></i> <span>Beneficial impact for humanity and the environment</span></li>
</ul>
<a href="#" class="btn btn-primary">Our Ethics Framework</a>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="contact">
<div class="container">
<div class="section-header">
<h2>Connect With Our AGI Team</h2>
<p>Interested in learning more about our AGI research and applications?</p>
</div>
<div class="contact-content">
<div class="contact-form">
<form id="contactForm">
<div class="form-group">
<label for="name">Name</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="interest">Area of Interest</label>
<select id="interest" name="interest">
<option value="research">AGI Research</option>
<option value="applications">Industry Applications</option>
<option value="partnership">Partnership Opportunities</option>
<option value="careers">Careers</option>
<option value="other">Other</option>
</select>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea id="message" name="message" rows="5" required></textarea>
</div>
<button type="submit" class="btn btn-primary">Send Message</button>
</form>
</div>
<div class="contact-info">
<div class="info-item">
<i class="fas fa-map-marker-alt"></i>
<div>
<h4>Headquarters</h4>
<p>123 Innovation Drive, San Francisco, CA 94107</p>
</div>
</div>
<div class="info-item">
<i class="fas fa-phone"></i>
<div>
<h4>Phone</h4>
<p>+1 (555) 123-4567</p>
</div>
</div>
<div class="info-item">
<i class="fas fa-envelope"></i>
<div>
<h4>Email</h4>
<p>info@agiinnovations.ai</p>
</div>
</div>
<div class="info-item">
<i class="fas fa-clock"></i>
<div>
<h4>Research Lab Tours</h4>
<p>By appointment only, Monday-Friday</p>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-logo">
<a href="#">AGI<span>Innovations</span></a>
<p>Advancing artificial general intelligence for the benefit of humanity.</p>
</div>
<div class="footer-links">
<div class="footer-column">
<h4>Technology</h4>
<a href="#">AGI Platform</a>
<a href="#">Research Papers</a>
<a href="#">Technical Documentation</a>
<a href="#">Open Source Projects</a>
</div>
<div class="footer-column">
<h4>Company</h4>
<a href="#">About Us</a>
<a href="#">Leadership Team</a>
<a href="#">Careers</a>
<a href="#">Ethics Committee</a>
</div>
<div class="footer-column">
<h4>Resources</h4>
<a href="#">Blog</a>
<a href="#">Case Studies</a>
<a href="#">Events</a>
<a href="#">Press Releases</a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2023 AGI Innovations. All rights reserved.</p>
<div class="social-links">
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-github"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>