From 608430775c494958368b204d0c029e7f9e49a962 Mon Sep 17 00:00:00 2001
From: Vito Castellano <castellano.vito@gmail.com>
Date: Sat, 1 Mar 2025 02:02:05 +0100
Subject: [PATCH] added new sections, robot and sitemap

---
 docs/index.html  |  92 ++++++++++++++++++++++++++++++++++++--
 docs/robots.txt  |   3 ++
 docs/sitemap.xml |   9 ++++
 docs/styles.css  | 114 +++++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 214 insertions(+), 4 deletions(-)
 create mode 100644 docs/robots.txt
 create mode 100644 docs/sitemap.xml

diff --git a/docs/index.html b/docs/index.html
index f09bb69..c5c52e0 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -4,10 +4,24 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Bold Brew - Homebrew TUI Manager</title>
-    <meta name="description" content="Bold Brew (bbrew): A modern TUI interface for managing Homebrew packages on macOS. Effortlessly install, search, update, and remove packages with an elegant and intuitive interface.">
+    <meta name="description" content="Bold Brew (bbrew): A modern TUI interface that simplifies Homebrew package management on macOS. Visually search, install, update and remove packages with our elegant Terminal User Interface. The perfect tool for macOS developers.">
     <meta name="keywords" content="bbrew, Bold Brew, Homebrew, Brew, macOS, TUI, package manager">
     <meta name="author" content="Valkyrie00">
     <meta name="robots" content="index, follow">
+
+    <!-- OpenGraph Tags -->
+    <meta property="og:title" content="Bold Brew - Homebrew TUI Manager">
+    <meta property="og:description" content="A modern TUI interface for managing Homebrew packages on macOS. Effortlessly install, search, update, and remove packages.">
+    <meta property="og:image" content="https://bold-brew.com/assets/logo/bbrew-logo-rounded.png">
+    <meta property="og:url" content="https://bold-brew.com">
+    <meta property="og:type" content="website">
+
+    <!-- Twitter Card Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="Bold Brew - Homebrew TUI Manager">
+    <meta name="twitter:description" content="A modern TUI interface for managing Homebrew packages on macOS.">
+    <meta name="twitter:image" content="https://bold-brew.com/assets/logo/bbrew-logo-rounded.png">
+
     <link rel="canonical" href="https://bold-brew.com">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
     <link href="styles.css" rel="stylesheet">
@@ -118,7 +132,7 @@ <h2>Screenshots</h2>
                 <div class="row justify-content-center">
                     <div class="col-md-4 mb-4">
                         <div class="screenshot-card">
-                            <img src="assets/screenshots/bbrew-main-screenshot.png" alt="Main Dashboard" class="img-fluid">
+                            <img src="assets/screenshots/bbrew-main-screenshot.png" alt="Main Dashboard" class="img-fluid" loading="lazy" width="400" height="300">
                             <div class="screenshot-caption">
                                 <p>Main Dashboard</p>
                             </div>
@@ -126,7 +140,7 @@ <h2>Screenshots</h2>
                     </div>
                     <div class="col-md-4 mb-4">
                         <div class="screenshot-card">
-                            <img src="assets/screenshots/bbrew-installed-screenshot.png" alt="Handle Installed Packages" class="img-fluid">
+                            <img src="assets/screenshots/bbrew-installed-screenshot.png" alt="Handle Installed Packages" class="img-fluid" loading="lazy" width="400" height="300">
                             <div class="screenshot-caption">
                                 <p>Handle Installed Packages</p>
                             </div>
@@ -134,7 +148,7 @@ <h2>Screenshots</h2>
                     </div>
                     <div class="col-md-4 mb-4">
                         <div class="screenshot-card">
-                            <img src="assets/screenshots/bbrew-search-screenshot.png" alt="Search for Packages" class="img-fluid">
+                            <img src="assets/screenshots/bbrew-search-screenshot.png" alt="Search for Packages" class="img-fluid" loading="lazy" width="400" height="300">
                             <div class="screenshot-caption">
                                 <p>Search for Packages</p>
                             </div>
@@ -201,6 +215,59 @@ <h3>Manage Dependencies</h3>
             </div>
         </section>
 
+        <section class="seo-content">
+            <div class="container">
+                <h2>Manage Homebrew Packages on macOS with Bold Brew</h2>
+                <div class="row">
+                    <div class="col-lg-8 mx-auto">
+                        <p><strong>Bold Brew</strong> transforms the way developers manage <strong>Homebrew packages on macOS</strong> with its elegant Terminal User Interface. Stop struggling with complex command-line syntax and enjoy a streamlined package management experience.</p>
+
+                        <h3>Why macOS Users Choose Bold Brew</h3>
+                        <p>Managing your <strong>Homebrew ecosystem</strong> has never been easier. Bold Brew provides real-time visual feedback for installations, updates, and package removals—all while maintaining the speed and efficiency you expect from terminal-based applications.</p>
+
+                        <h3>Key Benefits for macOS Developers</h3>
+                        <ul>
+                            <li><strong>Faster package discovery</strong> with intuitive search functionality</li>
+                            <li><strong>Simplified dependency management</strong> with visual relationship mapping</li>
+                            <li><strong>Streamlined updates</strong> for all installed Homebrew packages</li>
+                            <li><strong>One-click installations</strong> without memorizing complex commands</li>
+                        </ul>
+
+                        <p>Built specifically for <strong>macOS users</strong> who rely on <strong>Homebrew</strong>, Bold Brew integrates perfectly with your development workflow while reducing cognitive load and increasing productivity.</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+
+        <section class="about-section" id="about">
+            <div class="container">
+                <h2>About Bold Brew for macOS</h2>
+                <div class="row justify-content-center">
+                    <div class="col-lg-8">
+                        <p class="lead">The modern Homebrew package manager that macOS developers have been waiting for</p>
+
+                        <h3>The Bold Brew Advantage</h3>
+                        <p>Bold Brew was designed from the ground up to address the limitations of traditional Homebrew management. By providing a Terminal User Interface (TUI), Bold Brew combines the efficiency of command-line operations with intuitive visual feedback.</p>
+
+                        <h3>Homebrew Integration</h3>
+                        <p>As a dedicated Homebrew TUI manager for macOS, Bold Brew seamlessly integrates with your existing Homebrew installation. All operations—from searching the formula repository to managing casks—are visualized through an elegant interface while preserving the speed and reliability of Homebrew's core functionality.</p>
+
+                        <div class="compatibility-info">
+                            <h4>System Requirements</h4>
+                            <ul>
+                                <li>macOS 10.15 Catalina or newer</li>
+                                <li>Homebrew installation</li>
+                                <li>Terminal with true color support</li>
+                            </ul>
+                        </div>
+
+                        <p>Whether you're a seasoned developer or new to macOS package management, Bold Brew streamlines your workflow and makes Homebrew more accessible than ever before.</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <section class="faq-section">
             <div class="container">
                 <h2>FAQ</h2>
@@ -299,6 +366,23 @@ <h5>Where can I report issues or request features?</h5>
     </footer>
 
 <script>
+document.addEventListener('DOMContentLoaded', function() {
+    const menuToggle = document.querySelector('.mobile-menu-toggle');
+    const mainNav = document.querySelector('.main-nav');
+
+    menuToggle.addEventListener('click', function() {
+        mainNav.classList.toggle('show');
+    });
+
+    document.querySelectorAll('.nav-list a').forEach(link => {
+        link.addEventListener('click', () => {
+            if (mainNav.classList.contains('show')) {
+                mainNav.classList.remove('show');
+            }
+        });
+    });
+});
+
 function copyToClipboard(button) {
     const preEl = button.parentElement.querySelector('pre');
     const codeText = preEl.textContent;
diff --git a/docs/robots.txt b/docs/robots.txt
new file mode 100644
index 0000000..a6c1796
--- /dev/null
+++ b/docs/robots.txt
@@ -0,0 +1,3 @@
+User-agent: *
+Allow: /
+Sitemap: https://bold-brew.com/sitemap.xml
\ No newline at end of file
diff --git a/docs/sitemap.xml b/docs/sitemap.xml
new file mode 100644
index 0000000..4222182
--- /dev/null
+++ b/docs/sitemap.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+   <url>
+      <loc>https://bold-brew.com</loc>
+      <lastmod>2025-03-01</lastmod>
+      <changefreq>monthly</changefreq>
+      <priority>1.0</priority>
+   </url>
+</urlset>
\ No newline at end of file
diff --git a/docs/styles.css b/docs/styles.css
index 8f8732d..c75b5d7 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -533,6 +533,120 @@ footer a:hover {
     }
 }
 
+/* SEO Content Section */
+.seo-content {
+    background: linear-gradient(180deg, #0D1D2D, #0A1622);
+    padding: 5rem 0;
+}
+
+.seo-content h2 {
+    color: #4EA1FF;
+    margin-bottom: 2rem;
+    text-align: center;
+}
+
+.seo-content h3 {
+    color: #4EA1FF;
+    font-size: 1.35rem;
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+}
+
+.seo-content p {
+    color: #90B8E3;
+    font-size: 1rem;
+    line-height: 1.6;
+    margin-bottom: 1.5rem;
+}
+
+.seo-content ul {
+    color: #90B8E3;
+    padding-left: 1.2rem;
+    margin-bottom: 1.5rem;
+}
+
+.seo-content ul li {
+    margin-bottom: 0.75rem;
+    line-height: 1.5;
+}
+
+.seo-content strong {
+    color: #4EA1FF;
+    font-weight: 600;
+}
+
+/* About Section */
+.about-section {
+    background: linear-gradient(180deg, #0A1622, #0D1D2D);
+    padding: 5rem 0;
+}
+
+.about-section h2 {
+    color: #4EA1FF;
+    margin-bottom: 1rem;
+    text-align: center;
+}
+
+.about-section .lead {
+    color: #90B8E3;
+    text-align: center;
+    margin-bottom: 2.5rem;
+    font-style: italic;
+}
+
+.about-section h3 {
+    color: #4EA1FF;
+    font-size: 1.35rem;
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+}
+
+.about-section p {
+    color: #90B8E3;
+    font-size: 1rem;
+    line-height: 1.6;
+    margin-bottom: 1.5rem;
+}
+
+.compatibility-info {
+    background-color: #15202B;
+    border: 1px solid #1E3449;
+    border-radius: 10px;
+    padding: 1.5rem;
+    margin: 2rem 0;
+}
+
+.compatibility-info h4 {
+    color: #4EA1FF;
+    font-size: 1.2rem;
+    margin-bottom: 1rem;
+}
+
+.compatibility-info ul {
+    color: #90B8E3;
+    padding-left: 1.2rem;
+    margin-bottom: 0;
+}
+
+.compatibility-info ul li {
+    margin-bottom: 0.5rem;
+    line-height: 1.5;
+}
+
+@media (max-width: 768px) {
+    .seo-content, .about-section {
+        padding: 3rem 0;
+    }
+
+    .seo-content h2, .about-section h2 {
+        font-size: 1.75rem;
+    }
+
+    .seo-content h3, .about-section h3 {
+        font-size: 1.25rem;
+    }
+}
+
 /* FAQ Section */
 .faq-section {
     background: linear-gradient(180deg, #0D1D2D, #0A1622);