--- a
+++ b/web/index.html
@@ -0,0 +1,369 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-0LTP0WK7EM"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-0LTP0WK7EM');
+    </script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DNAnalyzer - DNA Sequence Analysis with Machine Learning</title>
+    <meta name="description"
+        content="DNAnalyzer is a powerful, privacy-focused DNA analysis tool using advanced machine learning for accurate, on-device genomic analysis.">
+
+    <!-- Stylesheets -->
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link
+        href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap"
+        rel="stylesheet">
+
+    <!-- Favicon -->
+    <link rel="shortcut icon" href="assets/icons/Icon_Dark_BG.svg" type="image/svg+xml">
+</head>
+
+<body>
+    <!-- Background effects -->
+    <div class="bg-gradient">
+        <div class="bg-blob bg-blob-1"></div>
+        <div class="bg-blob bg-blob-2"></div>
+    </div>
+
+    <!-- Navbar -->
+    <nav class="navbar" id="navbar">
+        <div class="container navbar-container">
+            <a href="index.html" class="logo">
+                <img src="assets/icons/Icon_Dark_BG.svg" alt="DNAnalyzer Logo">
+                <span class="logo-text">DNAnalyzer</span>
+            </a>
+
+            <button class="mobile-toggle" id="mobileToggle" aria-label="Toggle navigation">
+                <i class="fas fa-bars"></i>
+            </button>
+
+            <ul class="nav-links" id="navLinks">
+                <li><a href="index.html" class="active">Home</a></li>
+                <li><a href="features/features.html">Features</a></li>
+                <li><a href="analyzer/analyzer.html">Analyzer</a></li>
+                <li><a href="server/server.html">Server</a></li>
+                <li><a href="docs/docs.html">Docs</a></li>
+                <li><a href="about/about.html">About</a></li>
+            </ul>
+
+            <div class="nav-buttons">
+                <a href="https://github.com/VerisimilitudeX/DNAnalyzer" class="btn btn-secondary btn-sm">
+                    <i class="fab fa-github btn-icon"></i> GitHub
+                </a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="container">
+            <div class="hero-content">
+                <div class="hero-headings">
+                    <h1>Revolutionizing <span>DNA analysis</span> with machine learning</h1>
+                    <p class="hero-subtitle">Powerful, privacy-focused DNA analysis using advanced ML algorithms
+                        designed for both researchers and individuals.</p>
+
+                    <div class="hero-buttons">
+                        <a href="analyzer/analyzer.html" class="btn btn-primary">
+                            <i class="fas fa-dna btn-icon"></i> Try DNA Analysis
+                        </a>
+                        <a href="docs/docs.html" class="btn btn-secondary">
+                            <i class="fas fa-book btn-icon"></i> Documentation
+                        </a>
+                    </div>
+                </div>
+
+                <div class="hero-animation">
+                    <div class="dna-helix" id="dnaHelix">
+                        <!-- DNA helix animation will be generated by JavaScript -->
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Stats Section -->
+    <section class="stats-section">
+        <div class="container">
+            <div class="stats-grid">
+                <div class="stat-item">
+                    <div class="stat-number" id="statAccuracy">141</div>
+                    <div class="stat-label">Stars</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number" id="statSequences">7M+</div>
+                    <div class="stat-label">DNA Sequences</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number" id="statUsers">46+</div>
+                    <div class="stat-label">Contributors</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">86</div>
+                    <div class="stat-label">Discord Members</div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Features Overview -->
+    <section class="section">
+        <div class="container">
+            <div class="section-title">
+                <h2>Why Choose <span class="gradient-text">DNAnalyzer</span>?</h2>
+                <p>Our cutting-edge technology provides unparalleled accuracy and insights while keeping your data
+                    secure.</p>
+            </div>
+
+            <div class="card-grid">
+                <div class="card">
+                    <div class="card-icon">
+                        <i class="fas fa-shield-alt"></i>
+                    </div>
+                    <h3 class="card-title">Privacy-First Analysis</h3>
+                    <p>Your genetic data never leaves your device. All computation is performed locally using our
+                        advanced on-device ML models.</p>
+                </div>
+
+                <div class="card">
+                    <div class="card-icon">
+                        <i class="fas fa-dna"></i>
+                    </div>
+                    <h3 class="card-title">Advanced DNA Analysis</h3>
+                    <p>Identify open reading frames, high coverage regions, protein sequences, and transcription factor
+                        binding sites with precision.</p>
+                </div>
+
+                <div class="card">
+                    <div class="card-icon">
+                        <i class="fas fa-brain"></i>
+                    </div>
+                    <h3 class="card-title">Machine Learning Powered</h3>
+                    <p>Our cutting-edge neural networks provide insights and pattern recognition beyond traditional
+                        analytics capabilities.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Workflow Section -->
+    <section class="section section-bg-gradient">
+        <div class="container">
+            <div class="section-title">
+                <h2>How It Works</h2>
+                <p>A simple three-step process to analyze your DNA sequences</p>
+            </div>
+
+            <div class="steps-container">
+                <div class="step-item">
+                    <div class="step-content">
+                        <h3>Upload Your Sequence</h3>
+                        <p>Upload your DNA sequence file in FASTA or FASTQ format. Your data stays on your device.</p>
+                    </div>
+                </div>
+
+                <div class="step-item">
+                    <div class="step-content">
+                        <h3>Select Analysis Options</h3>
+                        <p>Choose from a variety of analysis options, including codon detection, coverage analysis, and
+                            protein prediction.</p>
+                    </div>
+                </div>
+
+                <div class="step-item">
+                    <div class="step-content">
+                        <h3>Get Comprehensive Results</h3>
+                        <p>Receive detailed insights with visualizations and downloadable reports for your research.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Feature Details Section -->
+    <section class="section">
+        <div class="container">
+            <div class="section-title">
+                <h2>Powerful Analysis Features</h2>
+                <p>Comprehensive tools designed for researchers, students, and enthusiasts</p>
+            </div>
+
+            <div class="feature-card">
+                <div class="feature-icon feature-icon-blue">
+                    <i class="fas fa-search"></i>
+                </div>
+                <div class="feature-content">
+                    <h3>Open Reading Frame Identification</h3>
+                    <p>Scans DNA for start and stop codons to identify protein-coding sequences (open reading frames).
+                        Recognizes canonical start codons (e.g., ATG) and stop codons to pinpoint the locations of
+                        putative proteins within a genome.</p>
+                </div>
+            </div>
+
+            <div class="feature-card">
+                <div class="feature-icon feature-icon-magenta">
+                    <i class="fas fa-chart-bar"></i>
+                </div>
+                <div class="feature-content">
+                    <h3>GC-Rich Region Detection</h3>
+                    <p>Locates high coverage (GC-rich) regions in the DNA, often associated with gene-dense areas and
+                        promoter regions. Flags GC-rich stretches to help identify potential regulatory regions.</p>
+                </div>
+            </div>
+
+            <div class="feature-card">
+                <div class="feature-icon feature-icon-orange">
+                    <i class="fas fa-microscope"></i>
+                </div>
+                <div class="feature-content">
+                    <h3>Core Promoter Element Identification</h3>
+                    <p>Scans for known core promoter motifs in the DNA sequence, such as the TATA box, BRE, INR, and DPE
+                        motifs. Detecting these elements can indicate the presence of gene promoters, helping you locate
+                        potential gene start sites.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="section section-bg-dark">
+        <div class="container text-center">
+            <h2>Ready to Start Analyzing?</h2>
+            <p class="mb-xl">Join thousands of researchers and scientists using DNAnalyzer for their genetic analysis
+                needs.</p>
+
+            <div class="hero-buttons" style="justify-content: center;">
+                <a href="analyzer/analyzer.html" class="btn btn-primary">
+                    <i class="fas fa-dna btn-icon"></i> Start Analyzing
+                </a>
+                <a href="docs/docs.html" class="btn btn-secondary">
+                    <i class="fas fa-book btn-icon"></i> Read Documentation
+                </a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Disclaimer Section -->
+    <section class="section section-bg-dark disclaimer-section">
+        <div class="container">
+            <div class="disclaimer-content">
+                <h4 class="disclaimer-title">DNAnalyzer Disclaimer</h4>
+                <div class="disclaimer-text">
+                    <p><strong>Limitation of Liability:</strong> The DNAnalyzer tool is intended for research,
+                        educational, and informational purposes only. The machine learning-based DNA analysis provides
+                        computational predictions that should not be used for medical diagnosis, clinical
+                        interpretation, or treatment decisions. DNAnalyzer is not a substitute for professional medical
+                        advice, diagnosis, or treatment.</p>
+
+                    <p><strong>Analysis Limitations:</strong> DNAnalyzer's computational analysis, including open
+                        reading frame identification, GC-rich region detection, and promoter element identification, is
+                        based on algorithmic predictions using machine learning models trained on public datasets.
+                        Results may vary in accuracy depending on the quality of input data, sequence type, and other
+                        biological factors. The absence of identified genomic features does not rule out their presence,
+                        and the identification of features does not guarantee their biological relevance or function.
+                    </p>
+
+                    <p><strong>Privacy Notice:</strong> While DNAnalyzer processes DNA sequences locally on your device
+                        to maximize privacy, users should exercise caution when uploading sensitive genetic information.
+                        We recommend against uploading human genomic data with identifiable personal information.
+                        DNAnalyzer is not responsible for any privacy implications resulting from user actions.</p>
+
+                    <p><strong>Research Use Only:</strong> Results generated by DNAnalyzer should be experimentally
+                        validated before being used in research publications or academic work. Citations of DNAnalyzer
+                        should acknowledge its computational nature and inherent limitations.</p>
+
+                    <p><strong>No Warranty:</strong> DNAnalyzer is provided "as is" without warranty of any kind,
+                        express or implied. The creators and contributors of DNAnalyzer disclaim all warranties,
+                        including but not limited to accuracy, reliability, and fitness for a particular purpose. In no
+                        event shall the creators, contributors, or copyright holders be liable for any claim, damages,
+                        or other liability arising from the use of this software.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <img src="assets/icons/Icon_Dark_BG.svg" alt="DNAnalyzer Logo">
+                    <p>DNAnalyzer is a powerful, privacy-focused DNA analysis tool using cutting-edge machine learning
+                        models for accurate, on-device genomic analysis.</p>
+
+                    <div class="footer-social">
+                        <a href="https://github.com/VerisimilitudeX/DNAnalyzer" class="social-link">
+                            <i class="fab fa-github"></i>
+                        </a>
+                        <a href="https://discord.gg/xNpujz49gj" class="social-link">
+                            <i class="fab fa-discord"></i>
+                        </a>
+                        <a href="https://twitter.com/DNAnalyzer_" class="social-link">
+                            <i class="fab fa-twitter"></i>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="footer-nav">
+                    <h4>Product</h4>
+                    <ul>
+                        <li><a href="features/features.html">Features</a></li>
+                        <li><a href="analyzer/analyzer.html">DNA Analyzer</a></li>
+                        <li><a href="server/server.html">Server</a></li>
+                        <li><a href="docs/docs.html">Documentation</a></li>
+                    </ul>
+                </div>
+
+                <div class="footer-nav">
+                    <h4>Resources</h4>
+                    <ul>
+                        <li><a href="docs/getting-started.md">Getting Started</a></li>
+                        <li><a href="docs/citations.md">Citations</a></li>
+                        <li><a href="docs/research/genes.md">Gene Research</a></li>
+                        <li><a href="docs/samples/cli-arguments-examples.md">CLI Examples</a></li>
+                    </ul>
+                </div>
+
+                <div class="footer-nav">
+                    <h4>Community</h4>
+                    <ul>
+                        <li><a href="https://github.com/VerisimilitudeX/DNAnalyzer">GitHub</a></li>
+                        <li><a href="https://discord.gg/xNpujz49gj">Discord</a></li>
+                        <li><a href="docs/contributing/CONTRIBUTING.md">Contributing</a></li>
+                        <li><a href="CODE_OF_CONDUCT.md">Code of Conduct</a></li>
+                    </ul>
+                </div>
+            </div>
+
+            <div class="footer-bottom">
+                <div class="footer-copyright">
+                    Copyright 2025 Piyush Acharya. DNAnalyzer is a fiscally sponsored 501(c)(3) nonprofit (EIN:
+                    81-2908499). MIT License.
+                </div>
+
+                <div class="footer-links">
+                    <a href="LICENSE.md">License</a>
+                    <a href="SECURITY.md">Security</a>
+                    <a href="CITATION.cff">Citation</a>
+                </div>
+            </div>
+        </div>
+    </footer>
+
+    <!-- JavaScript -->
+    <script src="index.js"></script>
+</body>
+
+</html>
\ No newline at end of file