File size: 7,645 Bytes
fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 e8a6ed7 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 fd9d6c0 47b04e4 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LM Studios - AI Agent Builder & Trainer</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
<style>
.glow-text {
text-shadow: 0 0 10px rgba(110, 231, 183, 0.8);
}
.code-block {
font-family: 'Courier New', monospace;
background-color: #1e293b;
border-left: 3px solid #10b981;
}
.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3);
}
</style>
</head>
<body class="bg-gray-900 text-gray-100 min-h-screen">
<div id="vanta-bg" class="fixed inset-0 z-0"></div>
<div class="relative z-10 container mx-auto px-4 py-8">
<!-- Header -->
<header class="flex flex-col md:flex-row justify-between items-center mb-12 border-b border-teal-500 pb-6">
<div class="flex items-center space-x-4 mb-4 md:mb-0">
<i data-feather="cpu" class="w-10 h-10 text-teal-400"></i>
<h1 class="text-3xl md:text-4xl font-bold glow-text text-teal-400">LM Studios</h1>
</div>
<nav class="flex space-x-6">
<a href="#" class="text-teal-300 hover:text-white font-medium flex items-center">
<i data-feather="home" class="mr-2"></i> Home
</a>
<a href="builder.html" class="text-teal-300 hover:text-white font-medium flex items-center">
<i data-feather="code" class="mr-2"></i> Agent Builder
</a>
<a href="trainer.html" class="text-teal-300 hover:text-white font-medium flex items-center">
<i data-feather="activity" class="mr-2"></i> Trainer
</a>
<a href="deploy.html" class="text-teal-300 hover:text-white font-medium flex items-center">
<i data-feather="cloud" class="mr-2"></i> Deploy
</a>
</nav>
</header>
<!-- Hero Section -->
<section class="mb-16 text-center">
<h2 class="text-4xl md:text-5xl font-bold mb-6 glow-text">Build, Train & Deploy <span class="text-teal-400">AI Agents</span></h2>
<p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-8">
The complete platform for creating custom AI agents with AnythingLLM, coding assistance, and deployment tools.
</p>
<div class="flex justify-center space-x-4">
<a href="builder.html" class="bg-teal-600 hover:bg-teal-500 text-white px-6 py-3 rounded-lg font-medium flex items-center transition">
<i data-feather="terminal" class="mr-2"></i> Start Building
</a>
<a href="trainer.html" class="border border-teal-400 text-teal-400 hover:bg-teal-900/50 px-6 py-3 rounded-lg font-medium flex items-center transition">
<i data-feather="activity" class="mr-2"></i> Train Models
</a>
</div>
</section>
<!-- Features Grid -->
<section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16">
<div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 feature-card transition duration-300">
<div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
<i data-feather="box" class="text-teal-400"></i>
</div>
<h3 class="text-xl font-bold mb-2">Agent Builder</h3>
<p class="text-gray-300">Visual interface to create AI agents with custom behavior, knowledge bases, and response templates.</p>
</div>
<div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 feature-card transition duration-300">
<div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
<i data-feather="database" class="text-teal-400"></i>
</div>
<h3 class="text-xl font-bold mb-2">Model Training</h3>
<p class="text-gray-300">Fine-tune models with your data and optimize for specific tasks using our training pipeline.</p>
</div>
<div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 feature-card transition duration-300">
<div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
<i data-feather="cloud" class="text-teal-400"></i>
</div>
<h3 class="text-xl font-bold mb-2">One-Click Deploy</h3>
<p class="text-gray-300">Deploy your agents as APIs, chatbots, or embedded solutions with our infrastructure.</p>
</div>
</section>
<!-- Demo Section -->
<section class="bg-gray-800/70 backdrop-blur-sm rounded-xl border border-gray-700 p-6 mb-16">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
<div>
<h2 class="text-2xl font-bold mb-4">AI Code Generation Demo</h2>
<p class="text-gray-300 mb-6">See how our AI can generate complete software solutions from natural language prompts:</p>
<div class="code-block p-4 rounded-lg text-sm overflow-x-auto">
<pre class="text-green-400">
# Generate a Python web scraper
import requests
from bs4 import BeautifulSoup
def scrape_website(url):
response = requests.get(url)
soup = BeautifulSoup(response.text, 'html.parser')
return {
'title': soup.title.string,
'links': [a['href'] for a in soup.find_all('a', href=True)]
}</pre>
</div>
</div>
<div>
<img src="http://static.photos/technology/640x360/42" alt="AI Agent Dashboard" class="rounded-lg shadow-xl">
</div>
</div>
</section>
<!-- Footer -->
<footer class="text-center text-gray-400 border-t border-gray-800 pt-8">
<div class="flex justify-center space-x-6 mb-6">
<a href="#" class="hover:text-teal-400"><i data-feather="github"></i></a>
<a href="#" class="hover:text-teal-400"><i data-feather="discord"></i></a>
<a href="#" class="hover:text-teal-400"><i data-feather="twitter"></i></a>
</div>
<p>© 2023 LM Studios - AI Agent Builder Platform</p>
<p class="text-sm mt-2">Powered by AnythingLLM and custom model training</p>
</footer>
</div>
<script>
// Initialize Vanta.js background
VANTA.NET({
el: "#vanta-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x10b981,
backgroundColor: 0x111827,
points: 12.00,
maxDistance: 25.00,
spacing: 18.00
});
// Initialize feather icons
feather.replace();
</script>
</body>
</html> |