Remove obsolete release notes and update homepage features for MCP Database Server. Added support for multiple databases and improved UI elements. Updated styles and SVG assets for better presentation.

Author: kartmcad

.github/workflows/deploy-docs.yml

@@ -0,0 +1,80 @@
+name: Deploy Docusaurus documentation to GH Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+    paths:
+      - 'docs/**'  # Only trigger when docs directory changes
+  pull_request:
+    branches: ["main"]
+    paths:
+      - 'docs/**'  # Only trigger when docs directory changes
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
+          cache: 'npm'
+          cache-dependency-path: 'docs/package-lock.json'
+      - name: Install dependencies
+        working-directory: docs
+        run: npm ci
+      - name: Build site
+        working-directory: docs
+        run: npm run build
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with: 
+          path: docs/build
+
+  # Deployment job for main branch
+  deploy-main:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    if: github.ref == 'refs/heads/main'  # Only deploy on main branch
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
+
+  # Deployment job for PR branches (will deploy to a PR-specific subdomain)
+  deploy-preview:
+    runs-on: ubuntu-latest
+    needs: build
+    if: github.event_name == 'pull_request'  # Only deploy on PR
+    environment:
+      name: preview-${{ github.event.pull_request.number }}
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy PR Preview
+        id: deployment
+        uses: actions/deploy-pages@v4
+        with:
+          preview: true
+          deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }} 

docs/.DS_Store

@@ -14,25 +14,25 @@ const FeatureList: FeatureItem[] = [
     Svg: require('@site/static/img/easy-to-use.svg').default,
     description: (
       <>
-        Playwright MCP Server is easy to use, just change the Claude config file and you are done.
+        MCP Database Server is easy to configure. Just update your Claude Desktop config file, and you're ready to start querying your databases!
       </>
     ),
   },
   {
-    title: 'Test UI and APIs',
-    Svg: require('@site/static/img/playwright.svg').default,
+    title: 'Multiple Database Support',
+    Svg: require('@site/static/img/mcp-database.svg').default,
     description: (
       <>
-       Test both UI and API of your application with plain English text. No <code>code</code> required.
+        Seamlessly connect to <code>SQLite</code>, <code>SQL Server</code>, and <code>PostgreSQL</code> databases with a consistent interface for all your data needs.
       </>
     ),
   },
   {
-    title: 'Powered by NodeJS',
+    title: 'Powered by Node.js',
     Svg: require('@site/static/img/node.svg').default,
     description: (
       <>
-       Playwright MCP Server is built on top of NodeJS, making it fast and efficient.
+        Built with Node.js for high performance and reliability. Benefit from connection pooling, async operations, and efficient memory management.
       </>
     ),
   },
@@ -41,12 +41,14 @@ const FeatureList: FeatureItem[] = [
 function Feature({title, Svg, description}: FeatureItem) {
   return (
     <div className={clsx('col col--4')}>
-      <div className="text--center">
-        <Svg className={styles.featureSvg} role="img" />
-      </div>
-      <div className="text--center padding-horiz--md">
-        <Heading as="h3">{title}</Heading>
-        <p>{description}</p>
+      <div className={styles.featureItem}>
+        <div className="text--center">
+          <Svg className={styles.featureSvg} role="img" />
+        </div>
+        <div className="text--center">
+          <Heading as="h3" className={styles.featureTitle}>{title}</Heading>
+          <p className={styles.featureDescription}>{description}</p>
+        </div>
       </div>
     </div>
   );
@@ -56,6 +58,12 @@ export default function HomepageFeatures(): JSX.Element {
   return (
     <section className={styles.features}>
       <div className="container">
+        <div className="row">
+          <div className="col col--12 text--center">
+            <Heading as="h2">Key Features</Heading>
+            <p style={{marginBottom: '3rem'}}>Powerful capabilities to enhance your Claude interactions with databases</p>
+          </div>
+        </div>
         <div className="row">
           {FeatureList.map((props, idx) => (
             <Feature key={idx} {...props} />

docs/docs/.DS_Store

@@ -3,9 +3,39 @@
   align-items: center;
   padding: 2rem 0;
   width: 100%;
+  background-color: var(--ifm-color-emphasis-100);
 }
 
 .featureSvg {
-  height: 200px;
-  width: 200px;
+  height: 140px;
+  width: 140px;
+  margin-bottom: 1.5rem;
+  transition: transform 0.3s ease;
+}
+
+.featureItem {
+  padding: 2rem;
+  border-radius: 8px;
+  transition: all 0.3s ease;
+  height: 100%;
+}
+
+.featureItem:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+}
+
+.featureItem:hover .featureSvg {
+  transform: scale(1.05);
+}
+
+.featureTitle {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin-bottom: 1rem;
+}
+
+.featureDescription {
+  font-size: 1rem;
+  line-height: 1.5;
 }

docs/docs/release.mdx

@@ -6,25 +6,25 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #2e8555;
-  --ifm-color-primary-dark: #29784c;
-  --ifm-color-primary-darker: #277148;
-  --ifm-color-primary-darkest: #205d3b;
-  --ifm-color-primary-light: #33925d;
-  --ifm-color-primary-lighter: #359962;
-  --ifm-color-primary-lightest: #3cad6e;
+  --ifm-color-primary: #3578e5;
+  --ifm-color-primary-dark: #2160c4;
+  --ifm-color-primary-darker: #1a56b9;
+  --ifm-color-primary-darkest: #144098;
+  --ifm-color-primary-light: #4889e8;
+  --ifm-color-primary-lighter: #5a96eb;
+  --ifm-color-primary-lightest: #80aff0;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
-  --ifm-color-primary: #25c2a0;
-  --ifm-color-primary-dark: #21af90;
-  --ifm-color-primary-darker: #1fa588;
-  --ifm-color-primary-darkest: #1a8870;
-  --ifm-color-primary-light: #29d5b0;
-  --ifm-color-primary-lighter: #32d8b4;
-  --ifm-color-primary-lightest: #4fddbf;
+  --ifm-color-primary: #4e89e8;
+  --ifm-color-primary-dark: #3077e4;
+  --ifm-color-primary-darker: #226fe3;
+  --ifm-color-primary-darkest: #1957c0;
+  --ifm-color-primary-light: #6c9bec;
+  --ifm-color-primary-lighter: #7ca6ee;
+  --ifm-color-primary-lightest: #a8c4f4;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }