Spaces:

privateuserh
/

privsmia-vbeta

Running

App Files Files Community

privateuserh commited on Apr 14

Commit

9b388a9

verified ·

1 Parent(s): 3af0ac4

Add 1 files

Browse files

Files changed (1) hide show

index.html +120 -1

index.html CHANGED Viewed

@@ -6,6 +6,7 @@
     <title>Social Media Intelligence A (Agency)</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         .floating-btn {
             position: fixed;
@@ -105,6 +106,25 @@
         .crypto-icon.fbtc {
             background: #6f42c1;
         }
     </style>
 </head>
 <body class="bg-gray-50 font-sans">
@@ -177,8 +197,51 @@
         </div>
     </section>
-    <!-- Testimonials -->
     <section class="py-20 bg-gray-50">
         <div class="container mx-auto px-6">
             <h2 class="text-3xl font-bold text-center text-gray-800 mb-16">What Our Members Say</h2>
             <div class="grid md:grid-cols-2 gap-10 max-w-4xl mx-auto">
@@ -360,6 +423,62 @@
                 document.body.style.overflow = 'auto';
             }
         });
     </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=privateuserh/privsmia-vbeta" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

     <title>Social Media Intelligence A (Agency)</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <style>
         .floating-btn {
             position: fixed;
         .crypto-icon.fbtc {
             background: #6f42c1;
         }
+        .chart-container {
+            position: relative;
+            height: 400px;
+            width: 100%;
+        }
+        .platform-tag {
+            display: inline-flex;
+            align-items: center;
+            background: rgba(102, 126, 234, 0.1);
+            color: #667eea;
+            padding: 4px 12px;
+            border-radius: 20px;
+            font-size: 14px;
+            margin-right: 8px;
+            margin-bottom: 8px;
+        }
+        .platform-tag i {
+            margin-right: 6px;
+        }
     </style>
 </head>
 <body class="bg-gray-50 font-sans">
         </div>
     </section>
+    <!-- Market Size Section -->
     <section class="py-20 bg-gray-50">
+        <div class="container mx-auto px-6">
+            <div class="flex flex-col md:flex-row items-center gap-10">
+                <div class="md:w-1/2">
+                    <h2 class="text-3xl font-bold text-gray-800 mb-6">The Creator Economy Opportunity</h2>
+                    <p class="text-gray-600 mb-6">
+                        With over 50 million content creators worldwide, the potential for professional influencers is enormous.
+                        Our agency focuses on the top 5% of creators who have the engagement and audience size to benefit from
+                        our premium services.
+                    </p>
+                    <div class="mb-6">
+                        <h3 class="font-bold text-lg mb-3">Platforms We Support:</h3>
+                        <div class="flex flex-wrap">
+                            <span class="platform-tag"><i class="fab fa-instagram"></i> Instagram</span>
+                            <span class="platform-tag"><i class="fab fa-youtube"></i> YouTube</span>
+                            <span class="platform-tag"><i class="fab fa-tiktok"></i> TikTok</span>
+                            <span class="platform-tag"><i class="fab fa-twitter"></i> Twitter</span>
+                            <span class="platform-tag"><i class="fab fa-twitch"></i> Twitch</span>
+                            <span class="platform-tag"><i class="fab fa-snapchat"></i> Snapchat</span>
+                            <span class="platform-tag"><i class="fab fa-pinterest"></i> Pinterest</span>
+                            <span class="platform-tag"><i class="fab fa-linkedin"></i> LinkedIn</span>
+                        </div>
+                    </div>
+                    <p class="text-gray-600">
+                        Our data shows that approximately 2.5 million influencers meet our criteria for membership,
+                        with thousands joining our network each month.
+                    </p>
+                </div>
+                <div class="md:w-1/2">
+                    <div class="bg-white p-6 rounded-xl shadow-md">
+                        <div class="chart-container">
+                            <canvas id="influencerChart"></canvas>
+                        </div>
+                        <div class="mt-4 text-center text-sm text-gray-500">
+                            *Estimates based on 2023 global influencer market data
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Testimonials -->
+    <section class="py-20 bg-white">
         <div class="container mx-auto px-6">
             <h2 class="text-3xl font-bold text-center text-gray-800 mb-16">What Our Members Say</h2>
             <div class="grid md:grid-cols-2 gap-10 max-w-4xl mx-auto">
                 document.body.style.overflow = 'auto';
             }
         });
+        // Influencer Market Chart
+        const ctx = document.getElementById('influencerChart').getContext('2d');
+        const influencerChart = new Chart(ctx, {
+            type: 'bar',
+            data: {
+                labels: ['Instagram', 'YouTube', 'TikTok', 'Twitter', 'Twitch', 'Other Platforms'],
+                datasets: [{
+                    label: 'Eligible Influencers (in thousands)',
+                    data: [1200, 600, 400, 150, 100, 50],
+                    backgroundColor: [
+                        'rgba(255, 99, 132, 0.7)',
+                        'rgba(255, 159, 64, 0.7)',
+                        'rgba(75, 192, 192, 0.7)',
+                        'rgba(54, 162, 235, 0.7)',
+                        'rgba(153, 102, 255, 0.7)',
+                        'rgba(201, 203, 207, 0.7)'
+                    ],
+                    borderColor: [
+                        'rgba(255, 99, 132, 1)',
+                        'rgba(255, 159, 64, 1)',
+                        'rgba(75, 192, 192, 1)',
+                        'rgba(54, 162, 235, 1)',
+                        'rgba(153, 102, 255, 1)',
+                        'rgba(201, 203, 207, 1)'
+                    ],
+                    borderWidth: 1
+                }]
+            },
+            options: {
+                responsive: true,
+                maintainAspectRatio: false,
+                plugins: {
+                    legend: {
+                        position: 'top',
+                    },
+                    tooltip: {
+                        callbacks: {
+                            label: function(context) {
+                                return context.dataset.label + ': ' + context.raw + ',000';
+                            }
+                        }
+                    }
+                },
+                scales: {
+                    y: {
+                        beginAtZero: true,
+                        ticks: {
+                            callback: function(value) {
+                                return value + 'k';
+                            }
+                        }
+                    }
+                }
+            }
+        });
     </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=privateuserh/privsmia-vbeta" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>