Spaces:

timoon811
/

tmt0112

Running

App Files Files Community

timoon811 commited on Apr 29, 2025

Commit

3307147

verified ·

1 Parent(s): 72e4371

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +828 -19
prompts.txt +2 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Tmt0112
-emoji: 🌍
-colorFrom: pink
-colorTo: green
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: tmt0112
+emoji: 🐳
+colorFrom: gray
+colorTo: pink
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,828 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TMT - Traffic Monsters Team</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        :root {
+            --bg-dark: #0B0B0F;
+            --accent: #13FFAA;
+            --secondary: #4477FF;
+        }
+        body {
+            font-family: 'Space Grotesk', sans-serif;
+            background-color: var(--bg-dark);
+            color: white;
+            overflow-x: hidden;
+        }
+        .inter-font {
+            font-family: 'Inter', sans-serif;
+        }
+        .glow-text {
+            text-shadow: 0 0 8px rgba(19, 255, 170, 0.6);
+        }
+        .glow-box {
+            box-shadow: 0 0 15px rgba(19, 255, 170, 0.3);
+        }
+        .border-glow {
+            box-shadow: 0 0 10px rgba(19, 255, 170, 0.5);
+        }
+        .grid-bg {
+            background-image:
+                linear-gradient(rgba(68, 119, 255, 0.1) 1px, transparent 1px),
+                linear-gradient(90deg, rgba(68, 119, 255, 0.1) 1px, transparent 1px);
+            background-size: 40px 40px;
+        }
+        .data-stream {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(180deg, rgba(11,11,15,0) 0%, rgba(19,255,170,0.1) 50%, rgba(11,11,15,0) 100%);
+            animation: stream 8s linear infinite;
+            opacity: 0.3;
+        }
+        @keyframes stream {
+            0% { transform: translateY(-100%); }
+            100% { transform: translateY(100%); }
+        }
+        .card-hover {
+            transition: all 0.3s ease;
+        }
+        .card-hover:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px rgba(19, 255, 170, 0.2);
+        }
+        .glitch-effect {
+            position: relative;
+        }
+        .glitch-effect::before, .glitch-effect::after {
+            content: attr(data-text);
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: var(--bg-dark);
+        }
+        .glitch-effect::before {
+            left: 2px;
+            text-shadow: -2px 0 #ff00c1;
+            clip: rect(44px, 450px, 56px, 0);
+            animation: glitch-anim 5s infinite linear alternate-reverse;
+        }
+        .glitch-effect::after {
+            left: -2px;
+            text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
+            clip: rect(44px, 450px, 56px, 0);
+            animation: glitch-anim2 5s infinite linear alternate-reverse;
+        }
+        @keyframes glitch-anim {
+            0% { clip: rect(31px, 9999px, 94px, 0); }
+            10% { clip: rect(112px, 9999px, 76px, 0); }
+            20% { clip: rect(85px, 9999px, 77px, 0); }
+            30% { clip: rect(27px, 9999px, 97px, 0); }
+            40% { clip: rect(64px, 9999px, 98px, 0); }
+            50% { clip: rect(61px, 9999px, 85px, 0); }
+            60% { clip: rect(99px, 9999px, 114px, 0); }
+            70% { clip: rect(34px, 9999px, 115px, 0); }
+            80% { clip: rect(98px, 9999px, 129px, 0); }
+            90% { clip: rect(43px, 9999px, 96px, 0); }
+            100% { clip: rect(82px, 9999px, 64px, 0); }
+        }
+        @keyframes glitch-anim2 {
+            0% { clip: rect(65px, 9999px, 119px, 0); }
+            10% { clip: rect(79px, 9999px, 85px, 0); }
+            20% { clip: rect(74px, 9999px, 79px, 0); }
+            30% { clip: rect(116px, 9999px, 113px, 0); }
+            40% { clip: rect(90px, 9999px, 72px, 0); }
+            50% { clip: rect(98px, 9999px, 102px, 0); }
+            60% { clip: rect(59px, 9999px, 108px, 0); }
+            70% { clip: rect(92px, 9999px, 76px, 0); }
+            80% { clip: rect(106px, 9999px, 99px, 0); }
+            90% { clip: rect(115px, 9999px, 120px, 0); }
+            100% { clip: rect(114px, 9999px, 103px, 0); }
+        }
+        .counter {
+            font-size: 3.5rem;
+            font-weight: 700;
+            color: var(--accent);
+        }
+        .cursor-trail {
+            position: fixed;
+            width: 20px;
+            height: 20px;
+            border-radius: 50%;
+            background: rgba(19, 255, 170, 0.3);
+            pointer-events: none;
+            transform: translate(-50%, -50%);
+            z-index: 9999;
+            mix-blend-mode: screen;
+        }
+        .scroll-indicator {
+            position: absolute;
+            bottom: 30px;
+            left: 50%;
+            transform: translateX(-50%);
+            animation: bounce 2s infinite;
+        }
+        @keyframes bounce {
+            0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }
+            40% { transform: translateY(-20px) translateX(-50%); }
+            60% { transform: translateY(-10px) translateX(-50%); }
+        }
+        .case-study-card {
+            min-width: 320px;
+            background: rgba(11, 11, 15, 0.7);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(68, 119, 255, 0.2);
+        }
+        .team-card {
+            background: rgba(11, 11, 15, 0.6);
+            border: 1px solid rgba(68, 119, 255, 0.1);
+            transition: all 0.3s ease;
+        }
+        .team-card:hover {
+            border-color: var(--accent);
+            transform: translateY(-5px);
+        }
+        .partner-logo {
+            filter: grayscale(100%) brightness(0.5);
+            transition: all 0.3s ease;
+            opacity: 0.7;
+        }
+        .partner-logo:hover {
+            filter: grayscale(0%) brightness(1);
+            opacity: 1;
+        }
+        .scrollbar-hide::-webkit-scrollbar {
+            display: none;
+        }
+        .scrollbar-hide {
+            -ms-overflow-style: none;
+            scrollbar-width: none;
+        }
+        .team-scroll {
+            scroll-snap-type: x mandatory;
+        }
+        .team-item {
+            scroll-snap-align: start;
+        }
+    </style>
+</head>
+<body class="relative">
+    <!-- Cursor Trail -->
+    <div id="cursor-trail" class="cursor-trail hidden md:block"></div>
+    <!-- Hero Section -->
+    <section class="relative h-screen overflow-hidden grid-bg flex items-center justify-center">
+        <div class="absolute inset-0 overflow-hidden">
+            <div class="data-stream"></div>
+            <div class="absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-black opacity-30"></div>
+        </div>
+        <div class="container mx-auto px-6 relative z-10 text-center">
+            <h1 class="text-5xl md:text-7xl font-bold mb-4 glow-text">
+                <span class="glitch-effect" data-text="TRAFFIC MONSTERS TEAM">TRAFFIC MONSTERS TEAM</span>
+            </h1>
+            <p class="text-xl md:text-2xl mb-10 inter-font max-w-2xl mx-auto">
+                Elite arbitrage unit. We scale what others fear to touch.
+            </p>
+            <div class="flex flex-col sm:flex-row gap-4 justify-center">
+                <a href="#" class="px-8 py-3 bg-transparent border-2 border-accent text-accent font-bold rounded-none hover:bg-accent hover:text-black transition-all duration-300 glow-box">
+                    <i class="fab fa-telegram mr-2"></i> Talk via Telegram
+                </a>
+                <a href="#case-studies" class="px-8 py-3 bg-transparent border-2 border-secondary text-white font-bold rounded-none hover:bg-secondary transition-all duration-300">
+                    See Case Studies
+                </a>
+            </div>
+        </div>
+        <div class="scroll-indicator">
+            <svg width="30px" height="30px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M7 10L12 15L17 10" stroke="#13FFAA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+        </div>
+    </section>
+    <!-- What We Do Section -->
+    <section class="py-20 relative overflow-hidden">
+        <div class="container mx-auto px-6">
+            <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center glow-text">
+                <span class="border-b-2 border-accent pb-2">What We Do</span>
+            </h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+                <!-- Card 1 -->
+                <div class="card-hover p-6 bg-black bg-opacity-50 border border-gray-800 rounded-none relative overflow-hidden">
+                    <div class="absolute inset-0 bg-gradient-to-br from-transparent via-transparent to-accent opacity-10"></div>
+                    <div class="relative z-10">
+                        <div class="w-12 h-12 mb-4 flex items-center justify-center bg-accent bg-opacity-20 text-accent">
+                            <i class="fas fa-chess-queen text-xl"></i>
+                        </div>
+                        <h3 class="text-xl font-bold mb-3">Strategic Offer Selection</h3>
+                        <p class="text-gray-300 inter-font">
+                            Identifying high-potential offers with the perfect balance of payout, conversion potential, and scalability.
+                        </p>
+                    </div>
+                </div>
+                <!-- Card 2 -->
+                <div class="card-hover p-6 bg-black bg-opacity-50 border border-gray-800 rounded-none relative overflow-hidden">
+                    <div class="absolute inset-0 bg-gradient-to-br from-transparent via-transparent to-secondary opacity-10"></div>
+                    <div class="relative z-10">
+                        <div class="w-12 h-12 mb-4 flex items-center justify-center bg-secondary bg-opacity-20 text-secondary">
+                            <i class="fas fa-rocket text-xl"></i>
+                        </div>
+                        <h3 class="text-xl font-bold mb-3">Paid Traffic Scaling</h3>
+                        <p class="text-gray-300 inter-font">
+                            Dominating FB, TikTok, Push, Pop, Native with proprietary scaling methods that bypass common bottlenecks.
+                        </p>
+                    </div>
+                </div>
+                <!-- Card 3 -->
+                <div class="card-hover p-6 bg-black bg-opacity-50 border border-gray-800 rounded-none relative overflow-hidden">
+                    <div class="absolute inset-0 bg-gradient-to-br from-transparent via-transparent to-accent opacity-10"></div>
+                    <div class="relative z-10">
+                        <div class="w-12 h-12 mb-4 flex items-center justify-center bg-accent bg-opacity-20 text-accent">
+                            <i class="fas fa-project-diagram text-xl"></i>
+                        </div>
+                        <h3 class="text-xl font-bold mb-3">Full-Funnel Engineering</h3>
+                        <p class="text-gray-300 inter-font">
+                            From lander → app → monetization, we architect complete conversion systems that print at scale.
+                        </p>
+                    </div>
+                </div>
+                <!-- Card 4 -->
+                <div class="card-hover p-6 bg-black bg-opacity-50 border border-gray-800 rounded-none relative overflow-hidden">
+                    <div class="absolute inset-0 bg-gradient-to-br from-transparent via-transparent to-secondary opacity-10"></div>
+                    <div class="relative z-10">
+                        <div class="w-12 h-12 mb-4 flex items-center justify-center bg-secondary bg-opacity-20 text-secondary">
+                            <i class="fas fa-chart-line text-xl"></i>
+                        </div>
+                        <h3 class="text-xl font-bold mb-3">Advanced Analytics</h3>
+                        <p class="text-gray-300 inter-font">
+                            Keitaro masters, API feeds, postback control - we see the numbers before they happen.
+                        </p>
+                    </div>
+                </div>
+                <!-- Card 5 -->
+                <div class="card-hover p-6 bg-black bg-opacity-50 border border-gray-800 rounded-none relative overflow-hidden">
+                    <div class="absolute inset-0 bg-gradient-to-br from-transparent via-transparent to-accent opacity-10"></div>
+                    <div class="relative z-10">
+                        <div class="w-12 h-12 mb-4 flex items-center justify-center bg-accent bg-opacity-20 text-accent">
+                            <i class="fas fa-film text-xl"></i>
+                        </div>
+                        <h3 class="text-xl font-bold mb-3">In-House Creative Production</h3>
+                        <p class="text-gray-300 inter-font">
+                            UGC, video editing, deepfake tools - we create assets that convert at 3-5x industry average.
+                        </p>
+                    </div>
+                </div>
+                <!-- Card 6 -->
+                <div class="card-hover p-6 bg-black bg-opacity-50 border border-gray-800 rounded-none relative overflow-hidden">
+                    <div class="absolute inset-0 bg-gradient-to-br from-transparent via-transparent to-secondary opacity-10"></div>
+                    <div class="relative z-10">
+                        <div class="w-12 h-12 mb-4 flex items-center justify-center bg-secondary bg-opacity-20 text-secondary">
+                            <i class="fas fa-handshake text-xl"></i>
+                        </div>
+                        <h3 class="text-xl font-bold mb-3">Direct Advertiser Relations</h3>
+                        <p class="text-gray-300 inter-font">
+                            We work directly with product owners to create custom monetization strategies.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Numbers & Metrics Section -->
+    <section class="py-20 bg-gradient-to-b from-black to-gray-900 relative overflow-hidden">
+        <div class="container mx-auto px-6">
+            <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center glow-text">
+                <span class="border-b-2 border-accent pb-2">By The Numbers</span>
+            </h2>
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
+                <!-- Metric 1 -->
+                <div class="mb-8">
+                    <div class="counter mb-2" data-target="5">0</div>
+                    <p class="text-lg uppercase tracking-wider">Million+ in managed spend</p>
+                </div>
+                <!-- Metric 2 -->
+                <div class="mb-8">
+                    <div class="counter mb-2" data-target="200">0</div>
+                    <p class="text-lg uppercase tracking-wider">Live offers</p>
+                </div>
+                <!-- Metric 3 -->
+                <div class="mb-8">
+                    <div class="counter mb-2" data-target="70">0</div>
+                    <p class="text-lg uppercase tracking-wider">Specialists globally</p>
+                </div>
+                <!-- Metric 4 -->
+                <div class="mb-8">
+                    <div class="counter mb-2" data-target="15">0</div>
+                    <p class="text-lg uppercase tracking-wider">Traffic platforms mastered</p>
+                </div>
+            </div>
+            <div class="mt-16 grid grid-cols-1 md:grid-cols-2 gap-8">
+                <!-- Chart Placeholder 1 -->
+                <div class="bg-black bg-opacity-50 p-6 border border-gray-800">
+                    <h3 class="text-xl font-bold mb-4 text-accent">Monthly Ad Spend Growth</h3>
+                    <div class="h-64 bg-gray-900 flex items-center justify-center">
+                        <div class="w-full h-48 relative">
+                            <div class="absolute bottom-0 left-0 w-1/5 h-3/4 bg-accent"></div>
+                            <div class="absolute bottom-0 left-1/5 w-1/5 h-full bg-accent"></div>
+                            <div class="absolute bottom-0 left-2/5 w-1/5 h-5/6 bg-accent"></div>
+                            <div class="absolute bottom-0 left-3/5 w-1/5 h-2/3 bg-accent"></div>
+                            <div class="absolute bottom-0 left-4/5 w-1/5 h-1/2 bg-accent"></div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Chart Placeholder 2 -->
+                <div class="bg-black bg-opacity-50 p-6 border border-gray-800">
+                    <h3 class="text-xl font-bold mb-4 text-secondary">Platform Distribution</h3>
+                    <div class="h-64 bg-gray-900 flex items-center justify-center">
+                        <div class="w-48 h-48 rounded-full relative">
+                            <div class="absolute inset-0 border-4 border-accent rounded-full" style="clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);"></div>
+                            <div class="absolute inset-0 border-4 border-secondary rounded-full" style="clip-path: polygon(0 35%, 100% 35%, 100% 65%, 0 65%);"></div>
+                            <div class="absolute inset-0 border-4 border-accent rounded-full" style="clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Case Study Slider -->
+    <section id="case-studies" class="py-20 relative overflow-hidden">
+        <div class="container mx-auto px-6">
+            <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center glow-text">
+                <span class="border-b-2 border-accent pb-2">Case Studies</span>
+            </h2>
+            <div class="flex overflow-x-auto pb-10 -mx-6 px-6 scrollbar-hide">
+                <div class="flex space-x-6">
+                    <!-- Case Study 1 -->
+                    <div class="case-study-card p-6 flex-shrink-0">
+                        <div class="flex justify-between items-start mb-4">
+                            <h3 class="text-xl font-bold text-accent">TikTok Gambling</h3>
+                            <span class="bg-gray-800 px-2 py-1 text-xs">SEA GEO</span>
+                        </div>
+                        <div class="mb-4">
+                            <p class="text-sm text-gray-400 mb-2">Vertical: Gambling</p>
+                            <p class="text-sm text-gray-400 mb-2">Strategy: UGC Creatives → Whitelabel App → Custom Lander</p>
+                        </div>
+                        <div class="grid grid-cols-3 gap-2 mb-4">
+                            <div class="bg-gray-900 p-2 text-center">
+                                <p class="text-xs text-gray-400">CTR</p>
+                                <p class="font-bold text-accent">4.8%</p>
+                            </div>
+                            <div class="bg-gray-900 p-2 text-center">
+                                <p class="text-xs text-gray-400">CR</p>
+                                <p class="font-bold text-accent">12%</p>
+                            </div>
+                            <div class="bg-gray-900 p-2 text-center">
+                                <p class="text-xs text-gray-400">ROI</p>
+                                <p class="font-bold text-accent">137%</p>
+                            </div>
+                        </div>
+                        <div class="h-32 bg-gray-900 mb-4 flex items-center justify-center">
+                            <i class="fas fa-chart-line text-3xl text-accent"></i>
+                        </div>
+                        <div class="text-xs text-gray-500">
+                            <p>Scaled to $120k/day before platform policy changes</p>
+                        </div>
+                    </div>
+                    <!-- Case Study 2 -->
+                    <div class="case-study-card p-6 flex-shrink-0">
+                        <div class="flex justify-between items-start mb-4">
+                            <h3 class="text-xl font-bold text-secondary">Facebook Nutra</h3>
+                            <span class="bg-gray-800 px-2 py-1 text-xs">Tier 1</span>
+                        </div>
+                        <div class="mb-4">
+                            <p class="text-sm text-gray-400 mb-2">Vertical: Nutra</p>
+                            <p class="text-sm text-gray-400 mb-2">Strategy: Quiz Funnel → VSL → Upsell Flow</p>
+                        </div>
+                        <div class="grid grid-cols-3 gap-2 mb-4">
+                            <div class="bg-gray-900 p-2 text-center">
+                                <p class="text-xs text-gray-400">CTR</p>
+                                <p class="font-bold text-secondary">3.2%</p>
+                            </div>
+                            <div class="bg-gray-900 p-2 text-center">
+                                <p class="text-xs text-gray-400">CR</p>
+                                <p class="font-bold text-secondary">8.5%</p>
+                            </div>
+                            <div class="bg-gray-900 p-2 text-center">
+                                <p class="text-xs text-gray-400">ROI</p>
+                                <p class="font-bold text-secondary">89%</p>
+                            </div>
+                        </div>
+                        <div class="h-32 bg-gray-900 mb-4 flex items-center justify-center">
+                            <i class="fas fa-chart-pie text-3xl text-secondary"></i>
+                        </div>
+                        <div class="text-xs text-gray-500">
+                            <p>Stable 5:1 ROAS across 14 countries</p>
+                        </div>
+                    </div>
+                    <!-- Case Study 3 -->
+                    <div class="case-study-card p-6 flex-shrink-0">
+                        <div class="flex justify-between items-start mb-4">
+                            <h3 class="text-xl font-bold text-accent">Push Finance</h3>
+                            <span class="bg-gray-800 px-2 py-1 text-xs">Tier 3</span>
+                        </div>
+                        <div class="mb-4">
+                            <p class="text-sm text-gray-400 mb-2">Vertical: Finance</p>
+                            <p class="text-sm text-gray-400 mb-2">Strategy: Fear-Based Creatives → One-Click Flow</p>
+                        </div>
+                        <div class="grid grid-cols-3 gap-2 mb-4">
+                            <div class="bg-gray-900 p-2 text-center">
+                                <p class="text-xs text-gray-400">CTR</p>
+                                <p class="font-bold text-accent">1.8%</p>
+                            </div>
+                            <div class="bg-gray-900 p-2 text-center">
+                                <p class="text-xs text-gray-400">CR</p>
+                                <p class="font-bold text-accent">22%</p>
+                            </div>
+                            <div class="bg-gray-900 p-2 text-center">
+                                <p class="text-xs text-gray-400">ROI</p>
+                                <p class="font-bold text-accent">210%</p>
+                            </div>
+                        </div>
+                        <div class="h-32 bg-gray-900 mb-4 flex items-center justify-center">
+                            <i class="fas fa-chart-bar text-3xl text-accent"></i>
+                        </div>
+                        <div class="text-xs text-gray-500">
+                            <p>Profit margin maintained at 65% for 9 months</p>
+                        </div>
+                    </div>
+                    <!-- Case Study 4 -->
+                    <div class="case-study-card p-6 flex-shrink-0">
+                        <div class="flex justify-between items-start mb-4">
+                            <h3 class="text-xl font-bold text-secondary">UAC Utilities</h3>
+                            <span class="bg-gray-800 px-2 py-1 text-xs">Global</span>
+                        </div>
+                        <div class="mb-4">
+                            <p class="text-sm text-gray-400 mb-2">Vertical: Utilities</p>
+                            <p class="text-sm text-gray-400 mb-2">Strategy: App Install → Subscription Model</p>
+                        </div>
+                        <div class="grid grid-cols-3 gap-2 mb-4">
+                            <div class="bg-gray-900 p-2 text-center">
+                                <p class="text-xs text-gray-400">CTR</p>
+                                <p class="font-bold text-secondary">2.1%</p>
+                            </div>
+                            <div class="bg-gray-900 p-2 text-center">
+                                <p class="text-xs text-gray-400">CR</p>
+                                <p class="font-bold text-secondary">15%</p>
+                            </div>
+                            <div class="bg-gray-900 p-2 text-center">
+                                <p class="text-xs text-gray-400">ROI</p>
+                                <p class="font-bold text-secondary">75%</p>
+                            </div>
+                        </div>
+                        <div class="h-32 bg-gray-900 mb-4 flex items-center justify-center">
+                            <i class="fas fa-mobile-alt text-3xl text-secondary"></i>
+                        </div>
+                        <div class="text-xs text-gray-500">
+                            <p>LTV:CAC ratio of 4.3x at scale</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Team Section -->
+    <section class="py-20 bg-gradient-to-b from-gray-900 to-black relative overflow-hidden">
+        <div class="container mx-auto px-6">
+            <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center glow-text">
+                <span class="border-b-2 border-accent pb-2">The Unit</span>
+            </h2>
+            <div class="flex overflow-x-auto pb-10 -mx-6 px-6 scrollbar-hide team-scroll">
+                <div class="flex space-x-6">
+                    <!-- Team Member 1 -->
+                    <div class="team-card p-6 flex-shrink-0 team-item" style="min-width: 280px;">
+                        <div class="mb-4">
+                            <h3 class="text-xl font-bold text-accent mb-1">@bm_architect</h3>
+                            <p class="text-sm text-gray-400">48 business managers in rotation</p>
+                        </div>
+                        <div class="h-32 bg-gray-900 mb-4 flex items-center justify-center">
+                            <i class="fas fa-user-secret text-4xl text-accent"></i>
+                        </div>
+                        <p class="text-sm text-gray-300 inter-font">
+                            Structures accounts that survive 6-9 months before replacement needed. Specializes in cloaking patterns that evade ML detection.
+                        </p>
+                    </div>
+                    <!-- Team Member 2 -->
+                    <div class="team-card p-6 flex-shrink-0 team-item" style="min-width: 280px;">
+                        <div class="mb-4">
+                            <h3 class="text-xl font-bold text-secondary mb-1">@tiktok_splicer</h3>
+                            <p class="text-sm text-gray-400">12 creatives → 180k$ payout</p>
+                        </div>
+                        <div class="h-32 bg-gray-900 mb-4 flex items-center justify-center">
+                            <i class="fas fa-cut text-4xl text-secondary"></i>
+                        </div>
+                        <p class="text-sm text-gray-300 inter-font">
+                            Video editing savant who creates 50-70 variants daily. CTRs consistently 40-60% above network averages.
+                        </p>
+                    </div>
+                    <!-- Team Member 3 -->
+                    <div class="team-card p-6 flex-shrink-0 team-item" style="min-width: 280px;">
+                        <div class="mb-4">
+                            <h3 class="text-xl font-bold text-accent mb-1">@roi_ripper</h3>
+                            <p class="text-sm text-gray-400">Scaling UAC in Tier 3 for finance</p>
+                        </div>
+                        <div class="h-32 bg-gray-900 mb-4 flex items-center justify-center">
+                            <i class="fas fa-bolt text-4xl text-accent"></i>
+                        </div>
+                        <p class="text-sm text-gray-300 inter-font">
+                            Turns $5k/day into $8k/day like clockwork. Specializes in finding the exact scaling ceiling for each vertical.
+                        </p>
+                    </div>
+                    <!-- Team Member 4 -->
+                    <div class="team-card p-6 flex-shrink-0 team-item" style="min-width: 280px;">
+                        <div class="mb-4">
+                            <h3 class="text-xl font-bold text-secondary mb-1">@data_ghost</h3>
+                            <p class="text-sm text-gray-400">Postback whisperer</p>
+                        </div>
+                        <div class="h-32 bg-gray-900 mb-4 flex items-center justify-center">
+                            <i class="fas fa-ghost text-4xl text-secondary"></i>
+                        </div>
+                        <p class="text-sm text-gray-300 inter-font">
+                            Makes tracking systems sing. Reduces data discrepancies from 15-20% to 3-5% across all platforms.
+                        </p>
+                    </div>
+                    <!-- Team Member 5 -->
+                    <div class="team-card p-6 flex-shrink-0 team-item" style="min-width: 280px;">
+                        <div class="mb-4">
+                            <h3 class="text-xl font-bold text-accent mb-1">@cloak_smith</h3>
+                            <p class="text-sm text-gray-400">Anti-detection systems</p>
+                        </div>
+                        <div class="h-32 bg-gray-900 mb-4 flex items-center justify-center">
+                            <i class="fas fa-shield-alt text-4xl text-accent"></i>
+                        </div>
+                        <p class="text-sm text-gray-300 inter-font">
+                            Builds custom cloaking solutions that extend campaign lifespan by 3-4x compared to commercial solutions.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Founder Block -->
+    <section class="py-20 relative overflow-hidden">
+        <div class="container mx-auto px-6">
+            <div class="flex flex-col md:flex-row items-center gap-12">
+                <div class="md:w-1/3 flex justify-center">
+                    <div class="w-64 h-64 bg-gray-900 border-2 border-accent relative overflow-hidden">
+                        <!-- Placeholder for founder image -->
+                        <div class="absolute inset-0 flex items-center justify-center">
+                            <i class="fas fa-user-tie text-6xl text-accent"></i>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:w-2/3">
+                    <h2 class="text-3xl md:text-4xl font-bold mb-6 glow-text">Timur</h2>
+                    <p class="text-xl mb-6 inter-font">
+                        Founder of TMT. Architect of high-scale arbitrage systems. Known for structuring teams that convert performance into infrastructure.
+                    </p>
+                    <div class="flex space-x-4">
+                        <a href="#" class="w-10 h-10 bg-gray-900 flex items-center justify-center border border-gray-800 hover:border-accent transition-all duration-300">
+                            <i class="fab fa-instagram text-accent"></i>
+                        </a>
+                        <a href="#" class="w-10 h-10 bg-gray-900 flex items-center justify-center border border-gray-800 hover:border-accent transition-all duration-300">
+                            <i class="fab fa-youtube text-accent"></i>
+                        </a>
+                        <a href="#" class="w-10 h-10 bg-gray-900 flex items-center justify-center border border-gray-800 hover:border-accent transition-all duration-300">
+                            <i class="fab fa-telegram text-accent"></i>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Partners Block -->
+    <section class="py-20 bg-gradient-to-b from-black to-gray-900 relative overflow-hidden">
+        <div class="container mx-auto px-6">
+            <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center glow-text">
+                <span class="border-b-2 border-accent pb-2">Partners & Verticals</span>
+            </h2>
+            <div class="grid grid-cols-2 md:grid-cols-5 gap-8 mb-16">
+                <!-- Partner Logo 1 -->
+                <div class="flex items-center justify-center p-6 bg-gray-900 border border-gray-800 partner-logo hover:border-accent">
+                    <span class="text-xl font-bold">GAMBLING</span>
+                </div>
+                <!-- Partner Logo 2 -->
+                <div class="flex items-center justify-center p-6 bg-gray-900 border border-gray-800 partner-logo hover:border-accent">
+                    <span class="text-xl font-bold">BETTING</span>
+                </div>
+                <!-- Partner Logo 3 -->
+                <div class="flex items-center justify-center p-6 bg-gray-900 border border-gray-800 partner-logo hover:border-accent">
+                    <span class="text-xl font-bold">NUTRA</span>
+                </div>
+                <!-- Partner Logo 4 -->
+                <div class="flex items-center justify-center p-6 bg-gray-900 border border-gray-800 partner-logo hover:border-accent">
+                    <span class="text-xl font-bold">FINANCE</span>
+                </div>
+                <!-- Partner Logo 5 -->
+                <div class="flex items-center justify-center p-6 bg-gray-900 border border-gray-800 partner-logo hover:border-accent">
+                    <span class="text-xl font-bold">UTILITIES</span>
+                </div>
+            </div>
+            <div class="max-w-3xl mx-auto text-center">
+                <blockquote class="text-lg italic mb-6 inter-font">
+                    "TMT doesn't just run traffic - they architect complete monetization systems. Their ability to maintain profitability at scale is unmatched in our network."
+                </blockquote>
+                <p class="text-accent font-bold">— Senior Partner Manager, Top 3 CPA Network</p>
+            </div>
+        </div>
+    </section>
+    <!-- Contact CTA -->
+    <section class="py-20 relative overflow-hidden">
+        <div class="container mx-auto px-6 text-center">
+            <h2 class="text-3xl md:text-4xl font-bold mb-6 glow-text">
+                Let's not talk theory. Let's talk numbers.
+            </h2>
+            <p class="text-xl mb-10 inter-font max-w-2xl mx-auto">
+                Have volume? Need control? Connect with our scaling team.
+            </p>
+            <a href="#" class="px-10 py-4 bg-accent text-black font-bold rounded-none hover:bg-transparent hover:text-accent border-2 border-accent transition-all duration-300 inline-block">
+                <i class="fab fa-telegram mr-2"></i> Connect via Telegram
+            </a>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="py-10 border-t border-gray-800">
+        <div class="container mx-auto px-6">
+            <div class="flex flex-col md:flex-row justify-between items-center">
+                <div class="mb-4 md:mb-0">
+                    <p class="text-gray-500 inter-font">© TMT — Built for real scale.</p>
+                </div>
+                <div class="flex space-x-6">
+                    <a href="#" class="text-gray-500 hover:text-accent transition-all duration-300">
+                        <i class="fab fa-telegram text-xl"></i>
+                    </a>
+                    <a href="#" class="text-gray-500 hover:text-accent transition-all duration-300">
+                        <i class="fab fa-instagram text-xl"></i>
+                    </a>
+                    <a href="#" class="text-gray-500 hover:text-accent transition-all duration-300">
+                        <i class="fab fa-youtube text-xl"></i>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Animated counters
+        const counters = document.querySelectorAll('.counter');
+        const speed = 200;
+        function animateCounters() {
+            counters.forEach(counter => {
+                const target = +counter.getAttribute('data-target');
+                const count = +counter.innerText;
+                const increment = target / speed;
+                if(count < target) {
+                    counter.innerText = Math.ceil(count + increment);
+                    setTimeout(animateCounters, 1);
+                } else {
+                    counter.innerText = target + '+';
+                }
+            });
+        }
+        // Check if element is in viewport
+        function isInViewport(element) {
+            const rect = element.getBoundingClientRect();
+            return (
+                rect.top <= (window.innerHeight || document.documentElement.clientHeight) &&
+                rect.bottom >= 0
+            );
+        }
+        // Run animation when section is in view
+        window.addEventListener('scroll', function() {
+            const numbersSection = document.querySelector('.counter');
+            if(isInViewport(numbersSection)) {
+                animateCounters();
+                // Remove event listener after animation runs
+                window.removeEventListener('scroll', this);
+            }
+        });
+        // Custom cursor trail
+        document.addEventListener('DOMContentLoaded', function() {
+            const cursor = document.getElementById('cursor-trail');
+            if(cursor) {
+                document.addEventListener('mousemove', function(e) {
+                    cursor.style.left = e.clientX + 'px';
+                    cursor.style.top = e.clientY + 'px';
+                    cursor.classList.remove('hidden');
+                });
+                document.addEventListener('mouseleave', function() {
+                    cursor.classList.add('hidden');
+                });
+            }
+        });
+        // Scroll to top button
+        const scrollToTop = document.createElement('div');
+        scrollToTop.innerHTML = '<i class="fas fa-arrow-up text-accent"></i>';
+        scrollToTop.style.position = 'fixed';
+        scrollToTop.style.bottom = '30px';
+        scrollToTop.style.right = '30px';
+        scrollToTop.style.width = '50px';
+        scrollToTop.style.height = '50px';
+        scrollToTop.style.backgroundColor = 'rgba(11, 11, 15, 0.8)';
+        scrollToTop.style.border = '1px solid #13FFAA';
+        scrollToTop.style.borderRadius = '50%';
+        scrollToTop.style.display = 'flex';
+        scrollToTop.style.alignItems = 'center';
+        scrollToTop.style.justifyContent = 'center';
+        scrollToTop.style.cursor = 'pointer';
+        scrollToTop.style.zIndex = '999';
+        scrollToTop.style.opacity = '0';
+        scrollToTop.style.transition = 'opacity 0.3s';
+        document.body.appendChild(scrollToTop);
+        window.addEventListener('scroll', function() {
+            if(window.pageYOffset > 300) {
+                scrollToTop.style.opacity = '1';
+            } else {
+                scrollToTop.style.opacity = '0';
+            }
+        });
+        scrollToTop.addEventListener('click', function() {
+            window.scrollTo({
+                top: 0,
+                behavior: 'smooth'
+            });
+        });
+    </script>
+<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=timoon811/tmt0112" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1,2 @@


1	+ TMT: PERFORMANCE MARKETING TEAM WEBSITE Build a one-page website for a top-tier media buying and performance marketing team called TMT (Traffic Monsters Team). ❗️This is NOT a course. ❗️Not about students or education. The site must reflect a private, elite-level arbitrage team working at scale with paid traffic sources: Facebook, TikTok, Google, Push, Pop, Native, UAC, PWA apps. The target audience is: • Partner networks • Direct advertisers • Tool/platform founders • Professional media buyers and analysts • Recruitment candidates (mid/senior, not juniors) 🧠 General direction: • Feel: elite, scalable, tech-powered, brutalist, modern • Visuals: data-focused, bold, dark UI, 3D light flows • No mention of students, learning, onboarding • No forms — only social/contact buttons • Everything should scream “we control traffic at volume” ⸻ 🧱 SITE STRUCTURE ⸻ 🟣 1. Hero Section • Background: animated abstract data stream, digital wave or dark moving 3D grid • Main headline: TRAFFIC MONSTERS TEAM • Subheadline: Elite arbitrage unit. We scale what others fear to touch. • CTAs (buttons only): • Talk via Telegram • See Case Studies • Style: sharp typography, cyber glow, kinetic cursor, scroll indicators ⸻ ⚙️ 2. What We Do (Operations / Services) Explain the team’s scope as performance agency/unit • Cards with short bold copy: • Strategic offer selection • Paid traffic scaling (FB, TikTok, Push, Pop, Native) • Full-funnel engineering (Lander → App → Monetization) • Advanced analytics (Keitaro, API feeds, postback control) • In-house creative production (UGC, video editing, deepfake tools) • Work with direct advertisers & product owners ⸻ 📈 3. Numbers & Metrics • Highlight real achievements: • $5M+ in managed spend • 200+ live offers • 70+ specialists globally • 15 traffic platforms mastered • Animated counters / minimal chart aesthetics ⸻ 📊 4. Case Study Slider • Cards for 3–5 recent verticals • Each card: • Traffic source • GEO • Offer type • Strategy (brief) • Result metrics: CTR, CR, ROI • Visuals: anonymized creatives, charts, snippets ⸻ 👨‍💻 5. Team (Identity & Culture) • No personal photos • Pseudonyms only: • @bm_architect — 48 business managers in rotation • @tiktok_splicer — 12 creatives → 180k$ payout • @roi_ripper — scaling UAC in Tier 3 for finance • Visual: grid or horizontal scroll with kinetic effects, glitch hover, flicker ⸻ 🧠 6. Founder Block: Timur • Image (user provided or placeholder) • Bio: Timur — founder of TMT. Architect of high-scale arbitrage systems. Known for structuring teams that convert performance into infrastructure. • Links: • Instagram • YouTube Interview ⸻ 🧿 7. Partners Block • Logos or visual icons (if allowed) or abstract placeholders • Mention verticals: Gambling, Betting, Nutra, Finance, Utilities • Optional quote from affiliate manager / advertiser (only if real) ⸻ 🚀 8. Contact CTA • Text: Let’s not talk theory. Let’s talk numbers. Have volume? Need control? • Button only: • Connect via Telegram ⸻ 🖤 9. Footer • No forms • Only: Telegram icon, Instagram, YouTube • Text: © TMT — Built for real scale. • Optional: glitch cursor effect / scroll-to-top ⸻ 🎨 Visual Identity Element Value Background #0B0B0F (deep black) Accent Color #13FFAA (cyber mint) Secondary #4477FF (neon cobalt) Fonts Space Grotesk, Inter Style Brutalist grid, glassmorphism, minimal noise Effects Neon edges, glitch reveal, kinetic motion, encrypted elements
2	+ Почему ты не до конца доделал сайт по моему промту??