Update content to focus on ClickHouse and remove tech stack mentions

- Remove all references to Electron, React, and TypeScript from blog posts
- Update database support to show ClickHouse as currently supported
- Replace tech stack section with open source community focus
- Make hero buttons more compact with rotating neon glow effect on hover
- Update button padding and icon sizes for cleaner appearance

Author: sahithvibudhi

src/components/Hero.astro

@@ -34,13 +34,13 @@ import '../styles/global.css';
 
       <div class="hero-cta animate-fade-in">
         <a href="https://github.com/DataPupOrg/DataPup" class="btn btn-primary btn-large">
-          <svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
-            <path fill-rule="evenodd" d="M10 0C4.477 0 0 4.477 0 10c0 4.42 2.865 8.17 6.839 9.49.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.603-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.463-1.11-1.463-.908-.62.069-.607.069-.607 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0110 4.836c.85.004 1.705.115 2.504.337 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C17.138 18.166 20 14.418 20 10c0-5.523-4.477-10-10-10z" clip-rule="evenodd"/>
+          <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+            <path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
           </svg>
           Star on GitHub
         </a>
         <a href="https://github.com/DataPupOrg/DataPup/blob/main/CONTRIBUTING.md" class="btn btn-secondary btn-large">
-          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
             <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
             <circle cx="8.5" cy="7" r="4"></circle>
             <line x1="20" y1="8" x2="20" y2="14"></line>
@@ -217,8 +217,69 @@ import '../styles/global.css';
   }
 
   .btn-large {
-    padding: 0.875rem 1.75rem;
-    font-size: 1rem;
+    padding: 0.625rem 1.25rem;
+    font-size: 0.9rem;
+    font-weight: 600;
+    position: relative;
+    background: var(--color-bg);
+    overflow: visible;
+  }
+  
+  .btn-large::before {
+    content: '';
+    position: absolute;
+    inset: -3px;
+    border-radius: 0.75rem;
+    padding: 3px;
+    background: conic-gradient(
+      from var(--angle, 0deg),
+      var(--color-primary),
+      var(--color-accent),
+      var(--color-primary-light),
+      var(--color-primary)
+    );
+    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+    -webkit-mask-composite: xor;
+    mask-composite: exclude;
+    opacity: 0;
+    transition: opacity var(--transition-base);
+  }
+  
+  @property --angle {
+    syntax: '<angle>';
+    initial-value: 0deg;
+    inherits: false;
+  }
+  
+  .btn-large:hover::before {
+    opacity: 1;
+    animation: rotate-glow 3s linear infinite;
+  }
+  
+  @keyframes rotate-glow {
+    from {
+      --angle: 0deg;
+    }
+    to {
+      --angle: 360deg;
+    }
+  }
+  
+  .btn-primary.btn-large {
+    background: var(--gradient-primary);
+    color: white;
+    border: none;
+  }
+  
+  .btn-secondary.btn-large {
+    background: var(--color-bg);
+    color: var(--color-primary);
+    border: 1px solid var(--color-border);
+  }
+  
+  .btn-large:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 10px 30px rgba(170, 178, 255, 0.3);
   }
 
   /* App Preview */

src/content/blog/datapup-vs-alternatives.md

@@ -52,11 +52,11 @@ DataPup is built for speed:
 ### 3. Multi-Database, Single Experience
 
 While other tools specialize in one database type, DataPup provides a consistent experience across:
-- PostgreSQL
-- MySQL/MariaDB
-- SQLite
-- MongoDB (coming soon)
-- Redis (planned)
+- ClickHouse (current focus)
+- PostgreSQL (coming soon)
+- MySQL/MariaDB (planned)
+- SQLite (planned)
+- More databases on the roadmap
 
 ### 4. Developer-Friendly Features
 

src/content/blog/getting-started-guide.md

@@ -33,20 +33,18 @@ After installation, launch DataPup. You'll be greeted with the connection manage
 
 Click the "New Connection" button and select your database type:
 
-- PostgreSQL
-- MySQL
-- SQLite
-- MariaDB
+- ClickHouse (currently supported)
+- More databases coming soon!
 
 ### Step 3: Enter Connection Details
 
-For this example, let's connect to a PostgreSQL database:
+For this example, let's connect to a ClickHouse database:
 
 ```
 Host: localhost
-Port: 5432
-Database: myapp_db
-Username: myuser
+Port: 8123
+Database: default
+Username: default
 Password: ********
 ```
 

src/content/blog/introducing-datapup.md

@@ -40,13 +40,9 @@ View your query results in multiple formats:
 - Role-based access control
 - No data ever leaves your machine
 
-## Built with Modern Technology
+## Open Source and Community Driven
 
-DataPup is built using:
-- **Electron** for cross-platform desktop support
-- **React** for a responsive, modern UI
-- **TypeScript** for type safety and better developer experience
-- **SQLite** for local storage and offline capabilities
+DataPup is proudly open source, built by developers for developers. We believe in transparency, community involvement, and creating tools that solve real problems. Join our growing community of contributors who are shaping the future of database management.
 
 ## What's Next?
 

src/styles/global.css

@@ -2,10 +2,11 @@
 .btn {
   display: inline-flex;
   align-items: center;
-  gap: 0.5rem;
-  padding: 0.75rem 1.5rem;
+  gap: 0.4rem;
+  padding: 0.625rem 1.25rem;
   border-radius: 0.75rem;
   font-weight: 500;
+  font-size: 0.9rem;
   transition: all var(--transition-base);
   cursor: pointer;
   border: none;