Spaces:
Running
Running
Add 3 files
Browse files- README.md +7 -5
- index.html +851 -19
- prompts.txt +0 -0
README.md
CHANGED
|
@@ -1,10 +1,12 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji:
|
| 4 |
-
colorFrom:
|
| 5 |
-
colorTo:
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
|
|
|
| 1 |
---
|
| 2 |
+
title: stoneforge-site
|
| 3 |
+
emoji: 🐳
|
| 4 |
+
colorFrom: red
|
| 5 |
+
colorTo: purple
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite
|
| 10 |
---
|
| 11 |
|
| 12 |
+
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
index.html
CHANGED
|
@@ -1,19 +1,851 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Stoneforge Trading LLC - Automated Trading Bots</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 9 |
+
<style>
|
| 10 |
+
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
|
| 11 |
+
|
| 12 |
+
:root {
|
| 13 |
+
--primary: #0f172a;
|
| 14 |
+
--secondary: #f59e0b;
|
| 15 |
+
--accent: #1e293b;
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
body {
|
| 19 |
+
font-family: 'Poppins', sans-serif;
|
| 20 |
+
background-color: #f8fafc;
|
| 21 |
+
color: #334155;
|
| 22 |
+
}
|
| 23 |
+
|
| 24 |
+
.gradient-bg {
|
| 25 |
+
background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
|
| 26 |
+
}
|
| 27 |
+
|
| 28 |
+
.btn-gold {
|
| 29 |
+
background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
|
| 30 |
+
transition: all 0.3s ease;
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
+
.btn-gold:hover {
|
| 34 |
+
transform: translateY(-2px);
|
| 35 |
+
box-shadow: 0 10px 15px -3px rgba(245, 158, 11, 0.3);
|
| 36 |
+
}
|
| 37 |
+
|
| 38 |
+
.bot-card {
|
| 39 |
+
transition: all 0.3s ease;
|
| 40 |
+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
| 41 |
+
}
|
| 42 |
+
|
| 43 |
+
.bot-card:hover {
|
| 44 |
+
transform: translateY(-5px);
|
| 45 |
+
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
|
| 46 |
+
}
|
| 47 |
+
|
| 48 |
+
.pricing-card {
|
| 49 |
+
transition: all 0.3s ease;
|
| 50 |
+
}
|
| 51 |
+
|
| 52 |
+
.pricing-card:hover {
|
| 53 |
+
transform: scale(1.03);
|
| 54 |
+
}
|
| 55 |
+
|
| 56 |
+
.feature-icon {
|
| 57 |
+
width: 60px;
|
| 58 |
+
height: 60px;
|
| 59 |
+
display: flex;
|
| 60 |
+
align-items: center;
|
| 61 |
+
justify-content: center;
|
| 62 |
+
border-radius: 50%;
|
| 63 |
+
background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(251, 191, 36, 0.1) 100%);
|
| 64 |
+
color: var(--secondary);
|
| 65 |
+
font-size: 24px;
|
| 66 |
+
margin-bottom: 1rem;
|
| 67 |
+
}
|
| 68 |
+
|
| 69 |
+
.testimonial-card {
|
| 70 |
+
transition: all 0.3s ease;
|
| 71 |
+
}
|
| 72 |
+
|
| 73 |
+
.testimonial-card:hover {
|
| 74 |
+
transform: translateY(-5px);
|
| 75 |
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
| 76 |
+
}
|
| 77 |
+
|
| 78 |
+
.nav-link {
|
| 79 |
+
position: relative;
|
| 80 |
+
}
|
| 81 |
+
|
| 82 |
+
.nav-link:after {
|
| 83 |
+
content: '';
|
| 84 |
+
position: absolute;
|
| 85 |
+
width: 0;
|
| 86 |
+
height: 2px;
|
| 87 |
+
bottom: -2px;
|
| 88 |
+
left: 0;
|
| 89 |
+
background-color: var(--secondary);
|
| 90 |
+
transition: width 0.3s ease;
|
| 91 |
+
}
|
| 92 |
+
|
| 93 |
+
.nav-link:hover:after {
|
| 94 |
+
width: 100%;
|
| 95 |
+
}
|
| 96 |
+
|
| 97 |
+
.animate-float {
|
| 98 |
+
animation: float 6s ease-in-out infinite;
|
| 99 |
+
}
|
| 100 |
+
|
| 101 |
+
@keyframes float {
|
| 102 |
+
0% { transform: translateY(0px); }
|
| 103 |
+
50% { transform: translateY(-20px); }
|
| 104 |
+
100% { transform: translateY(0px); }
|
| 105 |
+
}
|
| 106 |
+
|
| 107 |
+
.animate-pulse-slow {
|
| 108 |
+
animation: pulse 4s ease infinite;
|
| 109 |
+
}
|
| 110 |
+
|
| 111 |
+
@keyframes pulse {
|
| 112 |
+
0% { opacity: 1; }
|
| 113 |
+
50% { opacity: 0.8; }
|
| 114 |
+
100% { opacity: 1; }
|
| 115 |
+
}
|
| 116 |
+
|
| 117 |
+
.animate-spin-slow {
|
| 118 |
+
animation: spin 20s linear infinite;
|
| 119 |
+
}
|
| 120 |
+
|
| 121 |
+
@keyframes spin {
|
| 122 |
+
0% { transform: rotate(0deg); }
|
| 123 |
+
100% { transform: rotate(360deg); }
|
| 124 |
+
}
|
| 125 |
+
|
| 126 |
+
.hero-pattern {
|
| 127 |
+
background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
|
| 128 |
+
background-size: 20px 20px;
|
| 129 |
+
}
|
| 130 |
+
|
| 131 |
+
.stats-item {
|
| 132 |
+
transition: all 0.3s ease;
|
| 133 |
+
}
|
| 134 |
+
|
| 135 |
+
.stats-item:hover {
|
| 136 |
+
transform: scale(1.05);
|
| 137 |
+
}
|
| 138 |
+
</style>
|
| 139 |
+
</head>
|
| 140 |
+
<body>
|
| 141 |
+
<!-- Navigation -->
|
| 142 |
+
<nav class="gradient-bg text-white sticky top-0 z-50 shadow-lg">
|
| 143 |
+
<div class="container mx-auto px-6 py-4">
|
| 144 |
+
<div class="flex items-center justify-between">
|
| 145 |
+
<div class="flex items-center">
|
| 146 |
+
<div class="flex items-center">
|
| 147 |
+
<i class="fas fa-robot text-2xl mr-2 text-yellow-500"></i>
|
| 148 |
+
<span class="text-xl font-bold">Stoneforge<span class="text-yellow-500">Trading</span></span>
|
| 149 |
+
</div>
|
| 150 |
+
</div>
|
| 151 |
+
|
| 152 |
+
<div class="hidden md:flex items-center space-x-8">
|
| 153 |
+
<a href="#home" class="nav-link font-medium">Home</a>
|
| 154 |
+
<a href="#features" class="nav-link font-medium">Features</a>
|
| 155 |
+
<a href="#bots" class="nav-link font-medium">Our Bots</a>
|
| 156 |
+
<a href="#pricing" class="nav-link font-medium">Pricing</a>
|
| 157 |
+
<a href="#testimonials" class="nav-link font-medium">Testimonials</a>
|
| 158 |
+
<a href="#faq" class="nav-link font-medium">FAQ</a>
|
| 159 |
+
</div>
|
| 160 |
+
|
| 161 |
+
<div class="flex items-center space-x-4">
|
| 162 |
+
<a href="#" class="hidden md:block px-4 py-2 rounded-md font-medium bg-yellow-500 text-gray-900 hover:bg-yellow-600 transition">Login</a>
|
| 163 |
+
<a href="#pricing" class="px-4 py-2 rounded-md font-medium bg-yellow-500 text-gray-900 hover:bg-yellow-600 transition">Get Started</a>
|
| 164 |
+
<button class="md:hidden focus:outline-none">
|
| 165 |
+
<i class="fas fa-bars text-xl"></i>
|
| 166 |
+
</button>
|
| 167 |
+
</div>
|
| 168 |
+
</div>
|
| 169 |
+
</div>
|
| 170 |
+
</nav>
|
| 171 |
+
|
| 172 |
+
<!-- Hero Section -->
|
| 173 |
+
<section id="home" class="gradient-bg text-white hero-pattern">
|
| 174 |
+
<div class="container mx-auto px-6 py-20 md:py-32">
|
| 175 |
+
<div class="flex flex-col md:flex-row items-center">
|
| 176 |
+
<div class="md:w-1/2 mb-12 md:mb-0">
|
| 177 |
+
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6">
|
| 178 |
+
Fortify Your Trades, <span class="text-yellow-500">Maximizing Your Gains</span>
|
| 179 |
+
</h1>
|
| 180 |
+
<p class="text-lg md:text-xl text-gray-300 mb-8">
|
| 181 |
+
Advanced, customizable automated trading bots for traders of all levels. Maximize your trading potential with security, simplicity, and precision.
|
| 182 |
+
</p>
|
| 183 |
+
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
|
| 184 |
+
<a href="#pricing" class="btn-gold px-8 py-4 rounded-lg font-bold text-lg text-center">Start Trading Today</a>
|
| 185 |
+
<a href="#features" class="px-8 py-4 rounded-lg font-bold text-lg border-2 border-yellow-500 text-center hover:bg-yellow-500 hover:bg-opacity-10 transition">Learn More</a>
|
| 186 |
+
</div>
|
| 187 |
+
</div>
|
| 188 |
+
<div class="md:w-1/2 relative">
|
| 189 |
+
<div class="relative">
|
| 190 |
+
<img src="https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Trading Dashboard" class="rounded-xl shadow-2xl border-4 border-yellow-500 animate-float">
|
| 191 |
+
<div class="absolute -bottom-6 -left-6 w-24 h-24 rounded-full bg-yellow-500 bg-opacity-20 animate-pulse-slow"></div>
|
| 192 |
+
<div class="absolute -top-6 -right-6 w-20 h-20 rounded-full bg-yellow-500 bg-opacity-20 animate-spin-slow"></div>
|
| 193 |
+
</div>
|
| 194 |
+
</div>
|
| 195 |
+
</div>
|
| 196 |
+
</div>
|
| 197 |
+
</section>
|
| 198 |
+
|
| 199 |
+
<!-- Stats Section -->
|
| 200 |
+
<section class="bg-white py-12">
|
| 201 |
+
<div class="container mx-auto px-6">
|
| 202 |
+
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
|
| 203 |
+
<div class="stats-item bg-gray-50 p-6 rounded-xl text-center">
|
| 204 |
+
<div class="text-4xl font-bold text-yellow-600 mb-2">10,000+</div>
|
| 205 |
+
<div class="text-gray-600">Active Traders</div>
|
| 206 |
+
</div>
|
| 207 |
+
<div class="stats-item bg-gray-50 p-6 rounded-xl text-center">
|
| 208 |
+
<div class="text-4xl font-bold text-yellow-600 mb-2">24/7</div>
|
| 209 |
+
<div class="text-gray-600">Trading Support</div>
|
| 210 |
+
</div>
|
| 211 |
+
<div class="stats-item bg-gray-50 p-6 rounded-xl text-center">
|
| 212 |
+
<div class="text-4xl font-bold text-yellow-600 mb-2">99.9%</div>
|
| 213 |
+
<div class="text-gray-600">Uptime</div>
|
| 214 |
+
</div>
|
| 215 |
+
<div class="stats-item bg-gray-50 p-6 rounded-xl text-center">
|
| 216 |
+
<div class="text-4xl font-bold text-yellow-600 mb-2">50+</div>
|
| 217 |
+
<div class="text-gray-600">Broker Integrations</div>
|
| 218 |
+
</div>
|
| 219 |
+
</div>
|
| 220 |
+
</div>
|
| 221 |
+
</section>
|
| 222 |
+
|
| 223 |
+
<!-- Features Section -->
|
| 224 |
+
<section id="features" class="py-20 bg-gray-50">
|
| 225 |
+
<div class="container mx-auto px-6">
|
| 226 |
+
<div class="text-center mb-16">
|
| 227 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-4">Why Choose <span class="text-yellow-600">Stoneforge Trading</span></h2>
|
| 228 |
+
<p class="text-lg text-gray-600 max-w-2xl mx-auto">Our platform is designed to give you the competitive edge in today's fast-paced markets</p>
|
| 229 |
+
</div>
|
| 230 |
+
|
| 231 |
+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
| 232 |
+
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition">
|
| 233 |
+
<div class="feature-icon mx-auto">
|
| 234 |
+
<i class="fas fa-sliders-h"></i>
|
| 235 |
+
</div>
|
| 236 |
+
<h3 class="text-xl font-bold mb-3 text-center">Fully Customizable</h3>
|
| 237 |
+
<p class="text-gray-600 text-center">Tailor your bots to match your exact trading strategy with our intuitive customization tools.</p>
|
| 238 |
+
</div>
|
| 239 |
+
|
| 240 |
+
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition">
|
| 241 |
+
<div class="feature-icon mx-auto">
|
| 242 |
+
<i class="fas fa-shield-alt"></i>
|
| 243 |
+
</div>
|
| 244 |
+
<h3 class="text-xl font-bold mb-3 text-center">Advanced Risk Management</h3>
|
| 245 |
+
<p class="text-gray-600 text-center">Protect your capital with sophisticated risk controls and automated safety measures.</p>
|
| 246 |
+
</div>
|
| 247 |
+
|
| 248 |
+
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition">
|
| 249 |
+
<div class="feature-icon mx-auto">
|
| 250 |
+
<i class="fas fa-plug"></i>
|
| 251 |
+
</div>
|
| 252 |
+
<h3 class="text-xl font-bold mb-3 text-center">Broker Compatibility</h3>
|
| 253 |
+
<p class="text-gray-600 text-center">Connect seamlessly with all major brokers and trading platforms.</p>
|
| 254 |
+
</div>
|
| 255 |
+
|
| 256 |
+
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition">
|
| 257 |
+
<div class="feature-icon mx-auto">
|
| 258 |
+
<i class="fas fa-headset"></i>
|
| 259 |
+
</div>
|
| 260 |
+
<h3 class="text-xl font-bold mb-3 text-center">24/7 Support</h3>
|
| 261 |
+
<p class="text-gray-600 text-center">Our expert team is available around the clock to assist you with any questions.</p>
|
| 262 |
+
</div>
|
| 263 |
+
|
| 264 |
+
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition">
|
| 265 |
+
<div class="feature-icon mx-auto">
|
| 266 |
+
<i class="fas fa-chart-line"></i>
|
| 267 |
+
</div>
|
| 268 |
+
<h3 class="text-xl font-bold mb-3 text-center">Real-Time Analytics</h3>
|
| 269 |
+
<p class="text-gray-600 text-center">Monitor your performance with comprehensive, real-time data visualizations.</p>
|
| 270 |
+
</div>
|
| 271 |
+
|
| 272 |
+
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition">
|
| 273 |
+
<div class="feature-icon mx-auto">
|
| 274 |
+
<i class="fas fa-bolt"></i>
|
| 275 |
+
</div>
|
| 276 |
+
<h3 class="text-xl font-bold mb-3 text-center">Lightning Fast Execution</h3>
|
| 277 |
+
<p class="text-gray-600 text-center">Our low-latency infrastructure ensures your trades are executed at optimal speeds.</p>
|
| 278 |
+
</div>
|
| 279 |
+
</div>
|
| 280 |
+
</div>
|
| 281 |
+
</section>
|
| 282 |
+
|
| 283 |
+
<!-- Bots Section -->
|
| 284 |
+
<section id="bots" class="py-20 bg-white">
|
| 285 |
+
<div class="container mx-auto px-6">
|
| 286 |
+
<div class="text-center mb-16">
|
| 287 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-4">Our <span class="text-yellow-600">Trading Bots</span></h2>
|
| 288 |
+
<p class="text-lg text-gray-600 max-w-2xl mx-auto">Choose the perfect automated trading solution for your needs</p>
|
| 289 |
+
</div>
|
| 290 |
+
|
| 291 |
+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
| 292 |
+
<!-- The Vanguard -->
|
| 293 |
+
<div class="bot-card bg-gradient-to-b from-gray-50 to-white p-6 rounded-xl border border-gray-200">
|
| 294 |
+
<div class="flex justify-between items-start mb-4">
|
| 295 |
+
<div>
|
| 296 |
+
<h3 class="text-xl font-bold">The Vanguard</h3>
|
| 297 |
+
<p class="text-yellow-600 font-medium">Lead the charge in your trades</p>
|
| 298 |
+
</div>
|
| 299 |
+
<div class="bg-yellow-100 text-yellow-800 px-3 py-1 rounded-full text-sm font-bold">$99/month</div>
|
| 300 |
+
</div>
|
| 301 |
+
<p class="text-gray-600 mb-6">High-performance bot for experienced traders who want full control over their strategies with advanced algorithms.</p>
|
| 302 |
+
<ul class="space-y-2 mb-6">
|
| 303 |
+
<li class="flex items-center">
|
| 304 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 305 |
+
<span>Fully customizable strategies</span>
|
| 306 |
+
</li>
|
| 307 |
+
<li class="flex items-center">
|
| 308 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 309 |
+
<span>Advanced risk management</span>
|
| 310 |
+
</li>
|
| 311 |
+
<li class="flex items-center">
|
| 312 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 313 |
+
<span>All major brokers</span>
|
| 314 |
+
</li>
|
| 315 |
+
<li class="flex items-center">
|
| 316 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 317 |
+
<span>Real-time analytics</span>
|
| 318 |
+
</li>
|
| 319 |
+
</ul>
|
| 320 |
+
<a href="#pricing" class="block w-full text-center btn-gold py-3 rounded-lg font-bold">Get Started</a>
|
| 321 |
+
</div>
|
| 322 |
+
|
| 323 |
+
<!-- The Titan -->
|
| 324 |
+
<div class="bot-card bg-gradient-to-b from-gray-50 to-white p-6 rounded-xl border border-gray-200">
|
| 325 |
+
<div class="flex justify-between items-start mb-4">
|
| 326 |
+
<div>
|
| 327 |
+
<h3 class="text-xl font-bold">The Titan</h3>
|
| 328 |
+
<p class="text-yellow-600 font-medium">Strength and reliability</p>
|
| 329 |
+
</div>
|
| 330 |
+
<div class="bg-yellow-100 text-yellow-800 px-3 py-1 rounded-full text-sm font-bold">$59/month</div>
|
| 331 |
+
</div>
|
| 332 |
+
<p class="text-gray-600 mb-6">Built for reliability and high performance, designed to tackle even the most volatile markets.</p>
|
| 333 |
+
<ul class="space-y-2 mb-6">
|
| 334 |
+
<li class="flex items-center">
|
| 335 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 336 |
+
<span>Pre-set trading strategies</span>
|
| 337 |
+
</li>
|
| 338 |
+
<li class="flex items-center">
|
| 339 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 340 |
+
<span>Built-in risk management</span>
|
| 341 |
+
</li>
|
| 342 |
+
<li class="flex items-center">
|
| 343 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 344 |
+
<span>Automatic updates</span>
|
| 345 |
+
</li>
|
| 346 |
+
<li class="flex items-center">
|
| 347 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 348 |
+
<span>Performance dashboard</span>
|
| 349 |
+
</li>
|
| 350 |
+
</ul>
|
| 351 |
+
<a href="#pricing" class="block w-full text-center btn-gold py-3 rounded-lg font-bold">Get Started</a>
|
| 352 |
+
</div>
|
| 353 |
+
|
| 354 |
+
<!-- The Rogue -->
|
| 355 |
+
<div class="bot-card bg-gradient-to-b from-gray-50 to-white p-6 rounded-xl border border-gray-200">
|
| 356 |
+
<div class="flex justify-between items-start mb-4">
|
| 357 |
+
<div>
|
| 358 |
+
<h3 class="text-xl font-bold">The Rogue</h3>
|
| 359 |
+
<p class="text-yellow-600 font-medium">Unconventional, yet profitable</p>
|
| 360 |
+
</div>
|
| 361 |
+
<div class="bg-yellow-100 text-yellow-800 px-3 py-1 rounded-full text-sm font-bold">$79/month</div>
|
| 362 |
+
</div>
|
| 363 |
+
<p class="text-gray-600 mb-6">Adaptive AI-powered bot that learns and evolves to take advantage of unique market opportunities.</p>
|
| 364 |
+
<ul class="space-y-2 mb-6">
|
| 365 |
+
<li class="flex items-center">
|
| 366 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 367 |
+
<span>Self-learning AI engine</span>
|
| 368 |
+
</li>
|
| 369 |
+
<li class="flex items-center">
|
| 370 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 371 |
+
<span>Real-time adaptation</span>
|
| 372 |
+
</li>
|
| 373 |
+
<li class="flex items-center">
|
| 374 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 375 |
+
<span>All trading styles</span>
|
| 376 |
+
</li>
|
| 377 |
+
<li class="flex items-center">
|
| 378 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 379 |
+
<span>Smart notifications</span>
|
| 380 |
+
</li>
|
| 381 |
+
</ul>
|
| 382 |
+
<a href="#pricing" class="block w-full text-center btn-gold py-3 rounded-lg font-bold">Get Started</a>
|
| 383 |
+
</div>
|
| 384 |
+
|
| 385 |
+
<!-- The Sentinel -->
|
| 386 |
+
<div class="bot-card bg-gradient-to-b from-gray-50 to-white p-6 rounded-xl border border-gray-200">
|
| 387 |
+
<div class="flex justify-between items-start mb-4">
|
| 388 |
+
<div>
|
| 389 |
+
<h3 class="text-xl font-bold">The Sentinel</h3>
|
| 390 |
+
<p class="text-yellow-600 font-medium">Guard your trades</p>
|
| 391 |
+
</div>
|
| 392 |
+
<div class="bg-yellow-100 text-yellow-800 px-3 py-1 rounded-full text-sm font-bold">$39/month</div>
|
| 393 |
+
</div>
|
| 394 |
+
<p class="text-gray-600 mb-6">Defensive bot with advanced risk management to protect your portfolio from market swings.</p>
|
| 395 |
+
<ul class="space-y-2 mb-6">
|
| 396 |
+
<li class="flex items-center">
|
| 397 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 398 |
+
<span>Enhanced stop-loss</span>
|
| 399 |
+
</li>
|
| 400 |
+
<li class="flex items-center">
|
| 401 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 402 |
+
<span>Market instability detection</span>
|
| 403 |
+
</li>
|
| 404 |
+
<li class="flex items-center">
|
| 405 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 406 |
+
<span>Minimal risk strategy</span>
|
| 407 |
+
</li>
|
| 408 |
+
<li class="flex items-center">
|
| 409 |
+
<i class="fas fa-check-circle text-yellow-500 mr-2"></i>
|
| 410 |
+
<span>Weekly reports</span>
|
| 411 |
+
</li>
|
| 412 |
+
</ul>
|
| 413 |
+
<a href="#pricing" class="block w-full text-center btn-gold py-3 rounded-lg font-bold">Get Started</a>
|
| 414 |
+
</div>
|
| 415 |
+
</div>
|
| 416 |
+
</div>
|
| 417 |
+
</section>
|
| 418 |
+
|
| 419 |
+
<!-- How It Works Section -->
|
| 420 |
+
<section class="py-20 bg-gray-50">
|
| 421 |
+
<div class="container mx-auto px-6">
|
| 422 |
+
<div class="text-center mb-16">
|
| 423 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-4">How <span class="text-yellow-600">It Works</span></h2>
|
| 424 |
+
<p class="text-lg text-gray-600 max-w-2xl mx-auto">Get started with Stoneforge Trading in just a few simple steps</p>
|
| 425 |
+
</div>
|
| 426 |
+
|
| 427 |
+
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
| 428 |
+
<div class="text-center">
|
| 429 |
+
<div class="mx-auto mb-6 w-20 h-20 rounded-full bg-yellow-500 flex items-center justify-center text-white text-2xl font-bold">1</div>
|
| 430 |
+
<h3 class="text-xl font-bold mb-3">Sign Up</h3>
|
| 431 |
+
<p class="text-gray-600">Create your account and choose your preferred trading bot.</p>
|
| 432 |
+
</div>
|
| 433 |
+
|
| 434 |
+
<div class="text-center">
|
| 435 |
+
<div class="mx-auto mb-6 w-20 h-20 rounded-full bg-yellow-500 flex items-center justify-center text-white text-2xl font-bold">2</div>
|
| 436 |
+
<h3 class="text-xl font-bold mb-3">Connect Your Broker</h3>
|
| 437 |
+
<p class="text-gray-600">Link your trading account with one of our 50+ supported brokers.</p>
|
| 438 |
+
</div>
|
| 439 |
+
|
| 440 |
+
<div class="text-center">
|
| 441 |
+
<div class="mx-auto mb-6 w-20 h-20 rounded-full bg-yellow-500 flex items-center justify-center text-white text-2xl font-bold">3</div>
|
| 442 |
+
<h3 class="text-xl font-bold mb-3">Start Trading</h3>
|
| 443 |
+
<p class="text-gray-600">Configure your bot and let it trade for you 24/7.</p>
|
| 444 |
+
</div>
|
| 445 |
+
</div>
|
| 446 |
+
</div>
|
| 447 |
+
</section>
|
| 448 |
+
|
| 449 |
+
<!-- Pricing Section -->
|
| 450 |
+
<section id="pricing" class="py-20 bg-white">
|
| 451 |
+
<div class="container mx-auto px-6">
|
| 452 |
+
<div class="text-center mb-16">
|
| 453 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-4">Simple, <span class="text-yellow-600">Transparent Pricing</span></h2>
|
| 454 |
+
<p class="text-lg text-gray-600 max-w-2xl mx-auto">Choose the perfect plan for your trading needs</p>
|
| 455 |
+
</div>
|
| 456 |
+
|
| 457 |
+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
| 458 |
+
<!-- Basic Plan -->
|
| 459 |
+
<div class="pricing-card bg-gray-50 rounded-xl overflow-hidden border border-gray-200">
|
| 460 |
+
<div class="p-6">
|
| 461 |
+
<h3 class="text-xl font-bold mb-2">Basic</h3>
|
| 462 |
+
<p class="text-gray-600 mb-4">For beginners who need simplicity</p>
|
| 463 |
+
<div class="text-3xl font-bold mb-6">$29<span class="text-lg text-gray-500">/month</span></div>
|
| 464 |
+
<ul class="space-y-3 mb-8">
|
| 465 |
+
<li class="flex items-center">
|
| 466 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 467 |
+
<span>The Sentinel bot</span>
|
| 468 |
+
</li>
|
| 469 |
+
<li class="flex items-center">
|
| 470 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 471 |
+
<span>1 active trading pair</span>
|
| 472 |
+
</li>
|
| 473 |
+
<li class="flex items-center">
|
| 474 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 475 |
+
<span>24/7 support</span>
|
| 476 |
+
</li>
|
| 477 |
+
<li class="flex items-center">
|
| 478 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 479 |
+
<span>Basic risk management</span>
|
| 480 |
+
</li>
|
| 481 |
+
<li class="flex items-center">
|
| 482 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 483 |
+
<span>Monthly reports</span>
|
| 484 |
+
</li>
|
| 485 |
+
</ul>
|
| 486 |
+
</div>
|
| 487 |
+
<div class="px-6 pb-6">
|
| 488 |
+
<a href="#" class="block w-full text-center bg-gray-800 text-white py-3 rounded-lg font-bold hover:bg-gray-900 transition">Get Started</a>
|
| 489 |
+
</div>
|
| 490 |
+
</div>
|
| 491 |
+
|
| 492 |
+
<!-- Standard Plan -->
|
| 493 |
+
<div class="pricing-card bg-white rounded-xl overflow-hidden border-2 border-yellow-500 shadow-lg relative">
|
| 494 |
+
<div class="absolute top-0 right-0 bg-yellow-500 text-white text-xs font-bold px-3 py-1 rounded-bl-lg">POPULAR</div>
|
| 495 |
+
<div class="p-6">
|
| 496 |
+
<h3 class="text-xl font-bold mb-2">Standard</h3>
|
| 497 |
+
<p class="text-gray-600 mb-4">For intermediate traders</p>
|
| 498 |
+
<div class="text-3xl font-bold mb-6">$59<span class="text-lg text-gray-500">/month</span></div>
|
| 499 |
+
<ul class="space-y-3 mb-8">
|
| 500 |
+
<li class="flex items-center">
|
| 501 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 502 |
+
<span>The Titan bot</span>
|
| 503 |
+
</li>
|
| 504 |
+
<li class="flex items-center">
|
| 505 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 506 |
+
<span>3 active trading pairs</span>
|
| 507 |
+
</li>
|
| 508 |
+
<li class="flex items-center">
|
| 509 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 510 |
+
<span>Standard risk management</span>
|
| 511 |
+
</li>
|
| 512 |
+
<li class="flex items-center">
|
| 513 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 514 |
+
<span>Real-time tracking</span>
|
| 515 |
+
</li>
|
| 516 |
+
<li class="flex items-center">
|
| 517 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 518 |
+
<span>Email & chat support</span>
|
| 519 |
+
</li>
|
| 520 |
+
</ul>
|
| 521 |
+
</div>
|
| 522 |
+
<div class="px-6 pb-6">
|
| 523 |
+
<a href="#" class="block w-full text-center btn-gold py-3 rounded-lg font-bold">Get Started</a>
|
| 524 |
+
</div>
|
| 525 |
+
</div>
|
| 526 |
+
|
| 527 |
+
<!-- Pro Plan -->
|
| 528 |
+
<div class="pricing-card bg-gray-50 rounded-xl overflow-hidden border border-gray-200">
|
| 529 |
+
<div class="p-6">
|
| 530 |
+
<h3 class="text-xl font-bold mb-2">Pro</h3>
|
| 531 |
+
<p class="text-gray-600 mb-4">For experienced traders</p>
|
| 532 |
+
<div class="text-3xl font-bold mb-6">$99<span class="text-lg text-gray-500">/month</span></div>
|
| 533 |
+
<ul class="space-y-3 mb-8">
|
| 534 |
+
<li class="flex items-center">
|
| 535 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 536 |
+
<span>The Vanguard bot</span>
|
| 537 |
+
</li>
|
| 538 |
+
<li class="flex items-center">
|
| 539 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 540 |
+
<span>5 active trading pairs</span>
|
| 541 |
+
</li>
|
| 542 |
+
<li class="flex items-center">
|
| 543 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 544 |
+
<span>Advanced strategies</span>
|
| 545 |
+
</li>
|
| 546 |
+
<li class="flex items-center">
|
| 547 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 548 |
+
<span>Priority support</span>
|
| 549 |
+
</li>
|
| 550 |
+
<li class="flex items-center">
|
| 551 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 552 |
+
<span>Weekly analytics</span>
|
| 553 |
+
</li>
|
| 554 |
+
</ul>
|
| 555 |
+
</div>
|
| 556 |
+
<div class="px-6 pb-6">
|
| 557 |
+
<a href="#" class="block w-full text-center bg-gray-800 text-white py-3 rounded-lg font-bold hover:bg-gray-900 transition">Get Started</a>
|
| 558 |
+
</div>
|
| 559 |
+
</div>
|
| 560 |
+
|
| 561 |
+
<!-- Elite Plan -->
|
| 562 |
+
<div class="pricing-card bg-gradient-to-b from-gray-800 to-gray-900 rounded-xl overflow-hidden text-white">
|
| 563 |
+
<div class="p-6">
|
| 564 |
+
<h3 class="text-xl font-bold mb-2">Elite</h3>
|
| 565 |
+
<p class="text-gray-300 mb-4">For power traders & institutions</p>
|
| 566 |
+
<div class="text-3xl font-bold mb-6">$199<span class="text-lg text-gray-400">/month</span></div>
|
| 567 |
+
<ul class="space-y-3 mb-8">
|
| 568 |
+
<li class="flex items-center">
|
| 569 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 570 |
+
<span>All bots included</span>
|
| 571 |
+
</li>
|
| 572 |
+
<li class="flex items-center">
|
| 573 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 574 |
+
<span>Unlimited trading pairs</span>
|
| 575 |
+
</li>
|
| 576 |
+
<li class="flex items-center">
|
| 577 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 578 |
+
<span>Custom strategies</span>
|
| 579 |
+
</li>
|
| 580 |
+
<li class="flex items-center">
|
| 581 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 582 |
+
<span>Advanced risk management</span>
|
| 583 |
+
</li>
|
| 584 |
+
<li class="flex items-center">
|
| 585 |
+
<i class="fas fa-check text-yellow-500 mr-2"></i>
|
| 586 |
+
<span>Expert consultation</span>
|
| 587 |
+
</li>
|
| 588 |
+
</ul>
|
| 589 |
+
</div>
|
| 590 |
+
<div class="px-6 pb-6">
|
| 591 |
+
<a href="#" class="block w-full text-center btn-gold py-3 rounded-lg font-bold">Get Started</a>
|
| 592 |
+
</div>
|
| 593 |
+
</div>
|
| 594 |
+
</div>
|
| 595 |
+
</div>
|
| 596 |
+
</section>
|
| 597 |
+
|
| 598 |
+
<!-- Testimonials Section -->
|
| 599 |
+
<section id="testimonials" class="py-20 bg-gray-50">
|
| 600 |
+
<div class="container mx-auto px-6">
|
| 601 |
+
<div class="text-center mb-16">
|
| 602 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-4">What Our <span class="text-yellow-600">Clients Say</span></h2>
|
| 603 |
+
<p class="text-lg text-gray-600 max-w-2xl mx-auto">Don't just take our word for it - hear from our satisfied traders</p>
|
| 604 |
+
</div>
|
| 605 |
+
|
| 606 |
+
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
| 607 |
+
<div class="testimonial-card bg-white p-8 rounded-xl shadow-sm">
|
| 608 |
+
<div class="flex items-center mb-4">
|
| 609 |
+
<div class="w-12 h-12 rounded-full bg-gray-200 overflow-hidden mr-4">
|
| 610 |
+
<img src="https://randomuser.me/api/portraits/women/43.jpg" alt="Sarah J." class="w-full h-full object-cover">
|
| 611 |
+
</div>
|
| 612 |
+
<div>
|
| 613 |
+
<h4 class="font-bold">Sarah J.</h4>
|
| 614 |
+
<div class="flex text-yellow-500">
|
| 615 |
+
<i class="fas fa-star"></i>
|
| 616 |
+
<i class="fas fa-star"></i>
|
| 617 |
+
<i class="fas fa-star"></i>
|
| 618 |
+
<i class="fas fa-star"></i>
|
| 619 |
+
<i class="fas fa-star"></i>
|
| 620 |
+
</div>
|
| 621 |
+
</div>
|
| 622 |
+
</div>
|
| 623 |
+
<p class="text-gray-600 italic">"The Vanguard bot has completely transformed my trading strategy. The customization options are incredible and I've seen consistent profits since I started using it."</p>
|
| 624 |
+
</div>
|
| 625 |
+
|
| 626 |
+
<div class="testimonial-card bg-white p-8 rounded-xl shadow-sm">
|
| 627 |
+
<div class="flex items-center mb-4">
|
| 628 |
+
<div class="w-12 h-12 rounded-full bg-gray-200 overflow-hidden mr-4">
|
| 629 |
+
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael T." class="w-full h-full object-cover">
|
| 630 |
+
</div>
|
| 631 |
+
<div>
|
| 632 |
+
<h4 class="font-bold">Michael T.</h4>
|
| 633 |
+
<div class="flex text-yellow-500">
|
| 634 |
+
<i class="fas fa-star"></i>
|
| 635 |
+
<i class="fas fa-star"></i>
|
| 636 |
+
<i class="fas fa-star"></i>
|
| 637 |
+
<i class="fas fa-star"></i>
|
| 638 |
+
<i class="fas fa-star"></i>
|
| 639 |
+
</div>
|
| 640 |
+
</div>
|
| 641 |
+
</div>
|
| 642 |
+
<p class="text-gray-600 italic">"As someone new to automated trading, The Sentinel was perfect for me. It's kept my portfolio safe while still generating steady returns. The support team is fantastic too!"</p>
|
| 643 |
+
</div>
|
| 644 |
+
|
| 645 |
+
<div class="testimonial-card bg-white p-8 rounded-xl shadow-sm">
|
| 646 |
+
<div class="flex items-center mb-4">
|
| 647 |
+
<div class="w-12 h-12 rounded-full bg-gray-200 overflow-hidden mr-4">
|
| 648 |
+
<img src="https://randomuser.me/api/portraits/women/65.jpg" alt="Priya K." class="w-full h-full object-cover">
|
| 649 |
+
</div>
|
| 650 |
+
<div>
|
| 651 |
+
<h4 class="font-bold">Priya K.</h4>
|
| 652 |
+
<div class="flex text-yellow-500">
|
| 653 |
+
<i class="fas fa-star"></i>
|
| 654 |
+
<i class="fas fa-star"></i>
|
| 655 |
+
<i class="fas fa-star"></i>
|
| 656 |
+
<i class="fas fa-star"></i>
|
| 657 |
+
<i class="fas fa-star-half-alt"></i>
|
| 658 |
+
</div>
|
| 659 |
+
</div>
|
| 660 |
+
</div>
|
| 661 |
+
<p class="text-gray-600 italic">"The Rogue's AI capabilities are truly impressive. It's constantly learning and adapting to market conditions. My returns have improved significantly since switching to Stoneforge."</p>
|
| 662 |
+
</div>
|
| 663 |
+
</div>
|
| 664 |
+
</div>
|
| 665 |
+
</section>
|
| 666 |
+
|
| 667 |
+
<!-- FAQ Section -->
|
| 668 |
+
<section id="faq" class="py-20 bg-white">
|
| 669 |
+
<div class="container mx-auto px-6">
|
| 670 |
+
<div class="text-center mb-16">
|
| 671 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-4">Frequently <span class="text-yellow-600">Asked Questions</span></h2>
|
| 672 |
+
<p class="text-lg text-gray-600 max-w-2xl mx-auto">Find answers to common questions about our trading bots</p>
|
| 673 |
+
</div>
|
| 674 |
+
|
| 675 |
+
<div class="max-w-3xl mx-auto">
|
| 676 |
+
<div class="mb-6 border-b border-gray-200 pb-6">
|
| 677 |
+
<button class="flex items-center justify-between w-full text-left font-bold text-lg focus:outline-none">
|
| 678 |
+
<span>How does Stoneforge Trading ensure my data is secure?</span>
|
| 679 |
+
<i class="fas fa-chevron-down text-yellow-500 transition-transform duration-300"></i>
|
| 680 |
+
</button>
|
| 681 |
+
<div class="mt-4 text-gray-600">
|
| 682 |
+
<p>We use bank-grade 256-bit SSL encryption for all data transmissions. Our servers are hosted in secure, SOC 2 compliant data centers with multiple layers of physical and digital security. We never store your broker login credentials - all connections are established through secure API keys with read-only access where possible.</p>
|
| 683 |
+
</div>
|
| 684 |
+
</div>
|
| 685 |
+
|
| 686 |
+
<div class="mb-6 border-b border-gray-200 pb-6">
|
| 687 |
+
<button class="flex items-center justify-between w-full text-left font-bold text-lg focus:outline-none">
|
| 688 |
+
<span>How do I connect my broker?</span>
|
| 689 |
+
<i class="fas fa-chevron-down text-yellow-500 transition-transform duration-300"></i>
|
| 690 |
+
</button>
|
| 691 |
+
<div class="mt-4 text-gray-600">
|
| 692 |
+
<p>Connecting your broker is simple. After signing up, navigate to the "Brokers" section in your dashboard and select your broker from our list of supported platforms. You'll be guided through a secure authentication process that typically takes less than a minute. Most major brokers are supported including TD Ameritrade, Interactive Brokers, Binance, and Coinbase Pro.</p>
|
| 693 |
+
</div>
|
| 694 |
+
</div>
|
| 695 |
+
|
| 696 |
+
<div class="mb-6 border-b border-gray-200 pb-6">
|
| 697 |
+
<button class="flex items-center justify-between w-full text-left font-bold text-lg focus:outline-none">
|
| 698 |
+
<span>What strategies do the bots use?</span>
|
| 699 |
+
<i class="fas fa-chevron-down text-yellow-500 transition-transform duration-300"></i>
|
| 700 |
+
</button>
|
| 701 |
+
<div class="mt-4 text-gray-600">
|
| 702 |
+
<p>Our bots employ a variety of proven trading strategies including mean reversion, momentum trading, arbitrage, and machine learning-based pattern recognition. The exact strategy depends on which bot you're using and how you configure it. The Vanguard offers complete strategy customization while The Titan comes with several pre-set strategies that have been backtested across multiple market conditions.</p>
|
| 703 |
+
</div>
|
| 704 |
+
</div>
|
| 705 |
+
|
| 706 |
+
<div class="mb-6 border-b border-gray-200 pb-6">
|
| 707 |
+
<button class="flex items-center justify-between w-full text-left font-bold text-lg focus:outline-none">
|
| 708 |
+
<span>Can I customize my bot?</span>
|
| 709 |
+
<i class="fas fa-chevron-down text-yellow-500 transition-transform duration-300"></i>
|
| 710 |
+
</button>
|
| 711 |
+
<div class="mt-4 text-gray-600">
|
| 712 |
+
<p>Absolutely! The level of customization varies by bot. The Vanguard offers the most customization options, allowing you to define every aspect of your trading strategy. Even our simpler bots like The Sentinel offer adjustable risk parameters and trading thresholds. Our interface makes it easy to adjust settings without needing to code.</p>
|
| 713 |
+
</div>
|
| 714 |
+
</div>
|
| 715 |
+
|
| 716 |
+
<div class="mb-6">
|
| 717 |
+
<button class="flex items-center justify-between w-full text-left font-bold text-lg focus:outline-none">
|
| 718 |
+
<span>Is there a free trial available?</span>
|
| 719 |
+
<i class="fas fa-chevron-down text-yellow-500 transition-transform duration-300"></i>
|
| 720 |
+
</button>
|
| 721 |
+
<div class="mt-4 text-gray-600">
|
| 722 |
+
<p>Yes! We offer a 7-day free trial for all our plans. During the trial period you'll have full access to all features of your chosen bot with no trading limits. No credit card is required to start your trial - simply sign up and begin trading. Our support team is available to help you get the most out of your trial period.</p>
|
| 723 |
+
</div>
|
| 724 |
+
</div>
|
| 725 |
+
</div>
|
| 726 |
+
</div>
|
| 727 |
+
</section>
|
| 728 |
+
|
| 729 |
+
<!-- CTA Section -->
|
| 730 |
+
<section class="gradient-bg py-20 text-white">
|
| 731 |
+
<div class="container mx-auto px-6 text-center">
|
| 732 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Transform Your Trading?</h2>
|
| 733 |
+
<p class="text-xl text-gray-300 mb-8 max-w-2xl mx-auto">Join thousands of traders who are already maximizing their gains with Stoneforge Trading bots.</p>
|
| 734 |
+
<div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
|
| 735 |
+
<a href="#pricing" class="btn-gold px-8 py-4 rounded-lg font-bold text-lg">Choose Your Plan</a>
|
| 736 |
+
<a href="#" class="px-8 py-4 rounded-lg font-bold text-lg border-2 border-white hover:bg-white hover:bg-opacity-10 transition">Schedule a Demo</a>
|
| 737 |
+
</div>
|
| 738 |
+
</div>
|
| 739 |
+
</section>
|
| 740 |
+
|
| 741 |
+
<!-- Footer -->
|
| 742 |
+
<footer class="bg-gray-900 text-white py-12">
|
| 743 |
+
<div class="container mx-auto px-6">
|
| 744 |
+
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
| 745 |
+
<div>
|
| 746 |
+
<div class="flex items-center mb-4">
|
| 747 |
+
<i class="fas fa-robot text-2xl mr-2 text-yellow-500"></i>
|
| 748 |
+
<span class="text-xl font-bold">Stoneforge<span class="text-yellow-500">Trading</span></span>
|
| 749 |
+
</div>
|
| 750 |
+
<p class="text-gray-400 mb-4">Fortifying Your Trades, Maximizing Your Gains</p>
|
| 751 |
+
<div class="flex space-x-4">
|
| 752 |
+
<a href="#" class="text-gray-400 hover:text-yellow-500 transition"><i class="fab fa-twitter"></i></a>
|
| 753 |
+
<a href="#" class="text-gray-400 hover:text-yellow-500 transition"><i class="fab fa-facebook-f"></i></a>
|
| 754 |
+
<a href="#" class="text-gray-400 hover:text-yellow-500 transition"><i class="fab fa-linkedin-in"></i></a>
|
| 755 |
+
<a href="#" class="text-gray-400 hover:text-yellow-500 transition"><i class="fab fa-instagram"></i></a>
|
| 756 |
+
</div>
|
| 757 |
+
</div>
|
| 758 |
+
|
| 759 |
+
<div>
|
| 760 |
+
<h4 class="text-lg font-bold mb-4">Products</h4>
|
| 761 |
+
<ul class="space-y-2">
|
| 762 |
+
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">The Vanguard</a></li>
|
| 763 |
+
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">The Titan</a></li>
|
| 764 |
+
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">The Rogue</a></li>
|
| 765 |
+
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">The Sentinel</a></li>
|
| 766 |
+
</ul>
|
| 767 |
+
</div>
|
| 768 |
+
|
| 769 |
+
<div>
|
| 770 |
+
<h4 class="text-lg font-bold mb-4">Company</h4>
|
| 771 |
+
<ul class="space-y-2">
|
| 772 |
+
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">About Us</a></li>
|
| 773 |
+
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Careers</a></li>
|
| 774 |
+
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Blog</a></li>
|
| 775 |
+
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Press</a></li>
|
| 776 |
+
</ul>
|
| 777 |
+
</div>
|
| 778 |
+
|
| 779 |
+
<div>
|
| 780 |
+
<h4 class="text-lg font-bold mb-4">Legal</h4>
|
| 781 |
+
<ul class="space-y-2">
|
| 782 |
+
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Terms of Service</a></li>
|
| 783 |
+
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Privacy Policy</a></li>
|
| 784 |
+
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Risk Disclosure</a></li>
|
| 785 |
+
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Cookie Policy</a></li>
|
| 786 |
+
</ul>
|
| 787 |
+
</div>
|
| 788 |
+
</div>
|
| 789 |
+
|
| 790 |
+
<div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
|
| 791 |
+
<p class="text-gray-400 mb-4 md:mb-0">© 2023 Stoneforge Trading LLC. All rights reserved.</p>
|
| 792 |
+
<div class="flex space-x-6">
|
| 793 |
+
<a href="#" class="text-gray-400 hover:text-yellow-500 transition"><i class="fab fa-cc-visa"></i></a>
|
| 794 |
+
<a href="#" class="text-gray-400 hover:text-yellow-500 transition"><i class="fab fa-cc-mastercard"></i></a>
|
| 795 |
+
<a href="#" class="text-gray-400 hover:text-yellow-500 transition"><i class="fab fa-cc-amex"></i></a>
|
| 796 |
+
<a href="#" class="text-gray-400 hover:text-yellow-500 transition"><i class="fab fa-cc-paypal"></i></a>
|
| 797 |
+
</div>
|
| 798 |
+
</div>
|
| 799 |
+
</div>
|
| 800 |
+
</footer>
|
| 801 |
+
|
| 802 |
+
<script>
|
| 803 |
+
// FAQ accordion functionality
|
| 804 |
+
document.querySelectorAll('#faq button').forEach(button => {
|
| 805 |
+
button.addEventListener('click', () => {
|
| 806 |
+
const faqItem = button.parentElement;
|
| 807 |
+
const content = button.nextElementSibling;
|
| 808 |
+
const icon = button.querySelector('i');
|
| 809 |
+
|
| 810 |
+
// Toggle the content
|
| 811 |
+
if (content.style.maxHeight) {
|
| 812 |
+
content.style.maxHeight = null;
|
| 813 |
+
icon.style.transform = 'rotate(0deg)';
|
| 814 |
+
} else {
|
| 815 |
+
content.style.maxHeight = content.scrollHeight + 'px';
|
| 816 |
+
icon.style.transform = 'rotate(180deg)';
|
| 817 |
+
}
|
| 818 |
+
});
|
| 819 |
+
});
|
| 820 |
+
|
| 821 |
+
// Smooth scrolling for navigation links
|
| 822 |
+
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
| 823 |
+
anchor.addEventListener('click', function (e) {
|
| 824 |
+
e.preventDefault();
|
| 825 |
+
|
| 826 |
+
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
| 827 |
+
behavior: 'smooth'
|
| 828 |
+
});
|
| 829 |
+
});
|
| 830 |
+
});
|
| 831 |
+
|
| 832 |
+
// Animation on scroll
|
| 833 |
+
const observerOptions = {
|
| 834 |
+
threshold: 0.1
|
| 835 |
+
};
|
| 836 |
+
|
| 837 |
+
const observer = new IntersectionObserver((entries) => {
|
| 838 |
+
entries.forEach(entry => {
|
| 839 |
+
if (entry.isIntersecting) {
|
| 840 |
+
entry.target.classList.add('animate-fadeIn');
|
| 841 |
+
observer.unobserve(entry.target);
|
| 842 |
+
}
|
| 843 |
+
});
|
| 844 |
+
}, observerOptions);
|
| 845 |
+
|
| 846 |
+
document.querySelectorAll('.bot-card, .pricing-card, .testimonial-card').forEach(card => {
|
| 847 |
+
observer.observe(card);
|
| 848 |
+
});
|
| 849 |
+
</script>
|
| 850 |
+
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Stoneforge/stoneforge-site" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
|
| 851 |
+
</html>
|
prompts.txt
ADDED
|
File without changes
|