Spaces:

IndextDataLab
/

README

No application file

App Files Files Community

mmm commited on Feb 6

Commit

860bbb2

verified ·

1 Parent(s): da02c57

Update index.html

Browse files

Files changed (1) hide show

index.html +170 -153

index.html CHANGED Viewed

@@ -3,213 +3,230 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Indext Data Lab | AI/ML & MLOps</title>
-    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Roboto:wght@300;400&display=swap" rel="stylesheet">
     <style>
         :root {
-            --text-color: #1a1a1a;
-            --accent-blue: #a1c4fd;
-            --accent-salmon: #ff9a9e;
         }
         body {
-            font-family: 'Roboto', sans-serif;
-            line-height: 1.6;
-            color: var(--text-color);
-            margin: 0;
-            padding: 0;
             display: flex;
             justify-content: center;
-            background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-salmon) 100%);
-            background-attachment: fixed;
         }
-        .container {
-            max-width: 900px;
             width: 100%;
-            padding: 5rem 4rem;
-            background: rgba(255, 255, 255, 0.96);
-            min-height: 100vh;
-            box-shadow: 0 0 60px rgba(0,0,0,0.05);
         }
-        .badge {
-            display: inline-block;
-            background: #000;
-            color: #fff;
-            padding: 0.4rem 0.8rem;
-            font-family: 'Montserrat', sans-serif;
-            font-size: 0.75rem;
-            font-weight: 600;
-            text-transform: uppercase;
-            letter-spacing: 0.1em;
-            margin-bottom: 1.5rem;
-        }
-        h1 {
-            font-family: 'Montserrat', sans-serif;
-            font-weight: 700;
-            font-size: 3rem;
-            margin: 0 0 1rem 0;
-            letter-spacing: -0.04em;
         }
-        .tagline {
-            font-size: 1.4rem;
-            font-weight: 300;
-            color: #555;
-            margin-bottom: 3rem;
-            border-left: 3px solid var(--accent-blue);
-            padding-left: 1.5rem;
         }
-        .highlight-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-            gap: 1rem;
-            margin-bottom: 4rem;
-        }
-        .highlight-item {
-            font-family: 'Montserrat', sans-serif;
-            font-size: 0.85rem;
-            font-weight: 600;
-            color: #444;
             display: flex;
             align-items: center;
         }
-        .highlight-item::before {
-            content: "🔹";
-            margin-right: 8px;
         }
-        h2 {
-            font-family: 'Montserrat', sans-serif;
-            font-size: 1.5rem;
-            margin-top: 4rem;
-            border-bottom: 1px solid #eee;
-            padding-bottom: 0.5rem;
-        }
-        .service-grid {
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            gap: 2.5rem;
-            margin-top: 2rem;
-        }
-        .service-item h3 {
-            font-family: 'Montserrat', sans-serif;
-            font-size: 1.1rem;
-            margin-bottom: 0.5rem;
-        }
-        .service-item p {
-            font-size: 0.95rem;
-            font-weight: 300;
-            color: #666;
-        }
-        .cta-box {
-            margin-top: 5rem;
-            padding: 2.5rem;
-            background: #f9f9f9;
-            border-radius: 4px;
-            text-align: center;
-        }
-        .cta-box h3 {
-            font-family: 'Montserrat', sans-serif;
-            margin-top: 0;
-        }
-        .btn {
-            display: inline-block;
-            background: #000;
-            color: #fff;
-            padding: 1rem 2rem;
-            text-decoration: none;
-            font-family: 'Montserrat', sans-serif;
-            font-weight: 600;
-            margin-top: 1rem;
-            transition: background 0.3s;
         }
-        .btn:hover {
-            background: #333;
-        }
-        .footer {
-            margin-top: 5rem;
-            font-size: 0.8rem;
-            color: #aaa;
-            text-align: center;
         }
         @media (max-width: 600px) {
-            .service-grid { grid-template-columns: 1fr; }
-            .container { padding: 2rem; }
         }
     </style>
 </head>
 <body>
-    <div class="container">
-        <div class="badge">Top 1% Upwork Agency</div>
-        <header>
             <h1>Indext Data Lab</h1>
-            <div class="tagline">
-                Senior engineering team building AI/ML systems that ship to production—fast.
             </div>
-        </header>
-        <div class="highlight-grid">
-            <div class="highlight-item">AI Agents & Automation</div>
-            <div class="highlight-item">Cloud (DevOps/SRE/AWS)</div>
-            <div class="highlight-item">Data Intel (OSINT)</div>
-            <div class="highlight-item">Web3 Architecture</div>
         </div>
-        <section>
-            <p>
-                Building a product is easier than ever, but building one that lasts is the hardest it's ever been.
-                With 20+ years of experience, we provide the technical judgment that keeps your business running
-                without the crashes or the high costs.
-            </p>
-        </section>
-        <h2>Our Expertise</h2>
-        <div class="service-grid">
-            <div class="service-item">
-                <h3>AI & Machine Learning</h3>
-                <p>Advanced NLP, RAG, and halluncination-free intelligence tools connecting LLMs to your private business data.</p>
             </div>
-            <div class="service-item">
-                <h3>Scalable Engineering</h3>
-                <p>SRE and DevOps practices on AWS. We move you from idea to a working MVP/PoC in ~60 days.</p>
             </div>
-            <div class="service-item">
-                <h3>Data Engineering</h3>
-                <p>Robust ETL/ELT pipelines, web data extraction, and OSINT analysis for actionable competitive signals.</p>
             </div>
-            <div class="service-item">
-                <h3>Risk-Aware Architecture</h3>
-                <p>Pragmatic Python and Web3 systems designed to solve trajectory problems before they become costly rebuilds.</p>
             </div>
         </div>
-        <div class="cta-box">
-            <h3>Ready to build?</h3>
-            <p>We build, we don't just experiment. Let’s propose a pragmatic plan for your success.</p>
-            <a href="https://indext.io" class="btn">View Delivery Protocol</a>
         </div>
-        <div class="footer">
-            1M+ in Revenue | 435+ Completed Contracts | 25k+ Hours<br>
-            © 2026 Indext Data Lab. Built for production.
         </div>
     </div>
 </body>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Indext Data Lab | Hugging Face Profile</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
     <style>
         :root {
+            --bg-gradient: radial-gradient(at 0% 0%, #e0f2fe 0%, transparent 40%),
+                           radial-gradient(at 100% 0%, #ffedea 0%, transparent 40%),
+                           radial-gradient(at 50% 50%, #f8fafc 0%, transparent 100%);
+            --glass-bg: rgba(255, 255, 255, 0.7);
+            --glass-border: rgba(255, 255, 255, 0.8);
+            --text-main: #0f172a;
+            --text-muted: #64748b;
+            --hf-yellow: #ffbd00;
+            --accent-blue: #3b82f6;
+        }
+        * {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
         }
         body {
+            font-family: 'Inter', sans-serif;
+            color: var(--text-main);
+            background: #f1f5f9;
+            background-image: var(--bg-gradient);
+            background-attachment: fixed;
+            min-height: 100vh;
             display: flex;
+            align-items: flex-start;
             justify-content: center;
+            padding: 2rem 1rem;
         }
+        .bento-grid {
+            display: grid;
+            grid-template-columns: repeat(12, 1fr);
+            grid-auto-rows: minmax(80px, auto);
+            gap: 12px;
+            max-width: 1100px;
             width: 100%;
         }
+        .tile {
+            background: var(--glass-bg);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+            border: 1px solid var(--glass-border);
+            border-radius: 16px;
+            padding: 1.25rem;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
+            display: flex;
+            flex-direction: column;
+            transition: transform 0.2s ease;
         }
+        .tile:hover {
+            transform: translateY(-2px);
+            background: rgba(255, 255, 255, 0.85);
         }
+        /* Typography */
+        .label {
+            font-size: 0.6rem;
+            font-weight: 800;
+            text-transform: uppercase;
+            letter-spacing: 0.12em;
+            color: var(--text-muted);
+            margin-bottom: 0.5rem;
             display: flex;
             align-items: center;
+            gap: 6px;
         }
+        .label::before {
+            content: "";
+            width: 4px;
+            height: 4px;
+            background: var(--accent-blue);
+            border-radius: 50%;
         }
+        h1 { font-size: 2rem; font-weight: 800; letter-spacing: -0.04em; line-height: 1.1; margin-bottom: 0.5rem; }
+        h2 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; letter-spacing: -0.02em; }
+        p { font-size: 0.8rem; line-height: 1.5; color: var(--text-muted); }
+        b { color: var(--text-main); font-weight: 600; }
+        /* Custom Tile Layouts */
+        .hero-tile { grid-column: span 8; grid-row: span 3; justify-content: center; }
+        .hero-tile h1 { background: linear-gradient(90deg, #0f172a, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
+        .hf-tile { grid-column: span 4; grid-row: span 2; background: rgba(255, 255, 255, 0.4); border-left: 4px solid var(--hf-yellow); }
+        .protocol-tile { grid-column: span 4; grid-row: span 4; }
+        .phase { margin-top: 1rem; border-left: 2px solid #e2e8f0; padding-left: 0.75rem; }
+        .phase-title { font-size: 0.75rem; font-weight: 700; color: var(--text-main); }
+        .phase-content { font-size: 0.7rem; color: var(--text-muted); }
+        .stack-tile { grid-column: span 5; grid-row: span 3; }
+        .stack-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-top: 0.5rem; }
+        .stack-item { font-size: 0.7rem; }
+        .stack-item b { display: block; font-size: 0.75rem; margin-bottom: 2px; }
+        .stats-tile { grid-column: span 3; grid-row: span 2; text-align: center; justify-content: center; }
+        .stat-val { font-size: 2rem; font-weight: 800; line-height: 1; display: block; }
+        .stat-lab { font-size: 0.65rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; }
+        .location-tile { grid-column: span 3; grid-row: span 1; display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 10px; }
+        .location-tile b { font-size: 0.8rem; }
+        /* Buttons */
+        .btn-group { display: flex; gap: 8px; margin-top: 1.25rem; }
+        .btn {
+            padding: 6px 14px; border-radius: 8px; text-decoration: none;
+            font-size: 0.7rem; font-weight: 700; transition: 0.2s;
+            border: 1px solid #e2e8f0; background: white; color: var(--text-main);
         }
+        .btn-dark { background: var(--text-main); color: #fff; border: none; }
+        .btn:hover { background: #f8fafc; border-color: var(--accent-blue); }
+        /* Tags */
+        .tag-row { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
+        .tag { font-size: 0.6rem; font-weight: 700; background: #f1f5f9; padding: 2px 6px; border-radius: 4px; color: var(--text-muted); }
+        @media (max-width: 900px) {
+            .bento-grid { grid-template-columns: repeat(2, 1fr); }
+            .tile { grid-column: span 1 !important; grid-row: auto !important; }
+            .hero-tile { grid-column: span 2 !important; }
+            .protocol-tile { grid-column: span 2 !important; }
+            .stack-tile { grid-column: span 2 !important; }
         }
         @media (max-width: 600px) {
+            .bento-grid { grid-template-columns: 1fr; }
+            .tile { grid-column: span 1 !important; }
         }
     </style>
 </head>
 <body>
+    <div class="bento-grid">
+        <!-- Hero -->
+        <div class="tile hero-tile">
+            <span class="label">Belgrade AI Engineering Studio</span>
             <h1>Indext Data Lab</h1>
+            <p>We bridge the gap between AI research and production reality. Specializing in <b>Generative AI</b>, <b>RAG Architecture</b>, and <b>Autonomous Agents</b> for global organizations.</p>
+            <div class="btn-group">
+                <a href="#" class="btn btn-dark">Start Discovery</a>
+                <a href="#" class="btn">Upwork Profile</a>
             </div>
+        </div>
+        <!-- Hugging Face Tile -->
+        <div class="tile hf-tile">
+            <span class="label">Hugging Face Org</span>
+            <h2>Open Source</h2>
+            <p>Fine-tuning small language models (SLMs) and building custom datasets for domain-specific automation.</p>
+            <div class="tag-row">
+                <span class="tag">Fine-Tuning</span>
+                <span class="tag">Llama-3</span>
+                <span class="tag">Mistral</span>
+            </div>
+        </div>
+        <!-- Location -->
+        <div class="tile location-tile">
+            <b>Belgrade, RS</b>
+            <span>•</span>
+            <b>United States</b>
         </div>
+        <!-- Protocol -->
+        <div class="tile protocol-tile">
+            <span class="label">The Protocol</span>
+            <h2>60-Day MVP Cycle</h2>
+            <div class="phase">
+                <span class="phase-title">01 Blueprint</span>
+                <p class="phase-content">Feasibility & stress-testing ideas.</p>
             </div>
+            <div class="phase">
+                <span class="phase-title">02 Core Build</span>
+                <p class="phase-content">Alpha deployment on secure infra.</p>
             </div>
+            <div class="phase">
+                <span class="phase-title">03 Handover</span>
+                <p class="phase-content">Full IP transfer and market launch.</p>
             </div>
+        </div>
+        <!-- Capabilities -->
+        <div class="tile stack-tile">
+            <span class="label">Core Tech Stack</span>
+            <div class="stack-list">
+                <div class="stack-item"><b>Languages</b> Python, Go, TypeScript</div>
+                <div class="stack-item"><b>AI Frameworks</b> LangChain, PyTorch, RAG</div>
+                <div class="stack-item"><b>Infrastructure</b> AWS, Docker, Terraform</div>
+                <div class="stack-item"><b>Databases</b> pgvector, ClickHouse</div>
             </div>
+            <div class="tag-row" style="margin-top: 15px;">
+                <span class="tag">Computer Vision</span>
+                <span class="tag">NLP</span>
+                <span class="tag">SRE</span>
+            </div>
+        </div>
+        <!-- Stats -->
+        <div class="tile stats-tile">
+            <span class="stat-val">430+</span>
+            <span class="stat-lab">Projects</span>
         </div>
+        <div class="tile stats-tile">
+            <span class="stat-val">20Y</span>
+            <span class="stat-lab">Experience</span>
         </div>
+        <!-- Transparency -->
+        <div class="tile" style="grid-column: span 4;">
+            <span class="label">Ethics & Ownership</span>
+            <h2>You own the IP</h2>
+            <p>Hourly model with real-time transparency via Upwork. No locked boxes or black boxes.</p>
         </div>
     </div>
 </body>