feat: enhance FAQ and Features components with SSO support, update tech stack for OIDC, and improve Hero section description

Author: cevheri

src/components/FAQ.astro

@@ -14,7 +14,11 @@ const faqs = [
   },
   {
     question: "Is my database connection secure?",
-    answer: "Security is our top priority. All connections support TLS/SSL encryption and SSH Tunnel for accessing databases behind firewalls. Credentials are never stored in plain text. For self-hosted deployments, your data never leaves your network. We also support JWT authentication, role-based access control (RBAC), transaction control (BEGIN/COMMIT/ROLLBACK), and automatic data masking — sensitive columns like email, phone, SSN, and financial data are detected and masked across the grid, exports, and clipboard with configurable RBAC enforcement."
+    answer: "Security is our top priority. All connections support TLS/SSL encryption and SSH Tunnel for accessing databases behind firewalls. Credentials are never stored in plain text. For self-hosted deployments, your data never leaves your network. We support JWT authentication, OIDC Single Sign-On (Auth0, Keycloak, Okta, Azure AD), role-based access control (RBAC), transaction control (BEGIN/COMMIT/ROLLBACK), and automatic data masking — sensitive columns like email, phone, SSN, and financial data are detected and masked across the grid, exports, and clipboard with configurable RBAC enforcement."
+  },
+  {
+    question: "Does it support SSO / Single Sign-On?",
+    answer: "Yes! LibreDB Studio supports vendor-agnostic OpenID Connect (OIDC) authentication out of the box. Connect with Auth0, Keycloak, Okta, Azure AD, Google, or any OIDC-compliant identity provider. The integration uses Authorization Code Flow with PKCE for maximum security, supports configurable role mapping from provider claims, and handles both login and logout at the provider level. Just set three environment variables (issuer, client ID, client secret) and you're ready to go."
   },
   {
     question: "Which databases are supported?",
@@ -149,7 +153,15 @@ const faqs = [
       "name": "Is my database connection secure?",
       "acceptedAnswer": {
         "@type": "Answer",
-        "text": "Security is our top priority. All connections support TLS/SSL encryption and SSH Tunnel. Credentials are never stored in plain text. Built-in data masking auto-detects and protects sensitive columns across the UI and exports."
+        "text": "Security is our top priority. All connections support TLS/SSL encryption and SSH Tunnel. We support OIDC SSO (Auth0, Keycloak, Okta, Azure AD), JWT auth, RBAC, and automatic data masking across the UI and exports."
+      }
+    },
+    {
+      "@type": "Question",
+      "name": "Does it support SSO / Single Sign-On?",
+      "acceptedAnswer": {
+        "@type": "Answer",
+        "text": "Yes! LibreDB Studio supports vendor-agnostic OpenID Connect (OIDC) authentication with Auth0, Keycloak, Okta, Azure AD, Google, or any OIDC-compliant provider. Uses PKCE for security with configurable role mapping."
       }
     },
     {

src/components/Features.astro

@@ -65,10 +65,15 @@ const features = [
     title: "Database Documentation",
     description: "Auto-generated searchable data dictionary with AI-powered descriptions and Markdown export.",
   },
+  {
+    icon: `<svg class="w-5 h-5 md:w-6 md:h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z"></path></svg>`,
+    title: "SSO / Single Sign-On",
+    description: "Vendor-agnostic OIDC authentication with Auth0, Keycloak, Okta, Azure AD. PKCE, role mapping, and provider logout.",
+  },
   {
     icon: `<svg class="w-5 h-5 md:w-6 md:h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg>`,
     title: "Enterprise Security",
-    description: "JWT auth, RBAC, SSL/TLS, SSH Tunnel, transaction control, and query cancellation.",
+    description: "JWT auth, RBAC, SSL/TLS, SSH Tunnel, transaction control, query cancellation, and SSO support.",
   },
   {
     icon: `<svg class="w-5 h-5 md:w-6 md:h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.878 9.878L6.59 6.59m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"></path></svg>`,

src/components/Hero.astro

@@ -37,7 +37,7 @@
 
     <!-- Subtitle -->
     <p class="max-w-2xl mx-auto text-base md:text-lg lg:text-xl text-slate-400 mb-8 md:mb-10 px-4">
-      A lightweight, high-performance, and secure web-based SQL editor for cloud-native teams.
+      A lightweight, high-performance, and enterprise-secure web-based SQL editor with SSO for cloud-native teams.
       Connect to <strong class="text-white">PostgreSQL</strong>, <strong class="text-white">MySQL</strong>,
       <strong class="text-white">Oracle</strong>, <strong class="text-white">SQL Server</strong>, <strong class="text-white">SQLite</strong>,
       <strong class="text-white">MongoDB</strong>, or <strong class="text-white">Redis</strong> from anywhere.

src/components/TechStack.astro

@@ -3,7 +3,7 @@ const techStack = [
   {
     category: "Frontend",
     items: [
-      { name: "Next.js 15", description: "App Router" },
+      { name: "Next.js 16", description: "App Router" },
       { name: "React 19", description: "Server Components" },
       { name: "TypeScript", description: "Type Safety" },
       { name: "Tailwind CSS 4", description: "Styling" },
@@ -24,7 +24,7 @@ const techStack = [
       { name: "Gemini 2.5", description: "Default LLM" },
       { name: "OpenAI / Claude", description: "Alternatives" },
       { name: "Ollama / LM Studio", description: "Local LLMs" },
-      { name: "JWT / RBAC", description: "Security" },
+      { name: "JWT / OIDC / RBAC", description: "Auth & SSO" },
     ]
   },
   {

src/components/WhyLibreDB.astro

@@ -132,7 +132,7 @@ const solutions = [
               <p class="text-xs md:text-sm text-slate-400">The modern choice for database management</p>
             </div>
           </div>
-          <div class="grid grid-cols-5 gap-2 md:gap-4">
+          <div class="grid grid-cols-3 md:grid-cols-6 gap-2 md:gap-4">
             <div class="text-center p-2 md:p-3 rounded-xl bg-slate-900/50">
               <div class="w-8 h-8 md:w-10 md:h-10 mx-auto mb-1.5 rounded-full bg-emerald-500/20 flex items-center justify-center">
                 <svg class="w-4 h-4 md:w-5 md:h-5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
@@ -151,6 +151,12 @@ const solutions = [
               </div>
               <div class="text-[10px] md:text-xs text-slate-300 font-medium">AI Built-in</div>
             </div>
+            <div class="text-center p-2 md:p-3 rounded-xl bg-slate-900/50">
+              <div class="w-8 h-8 md:w-10 md:h-10 mx-auto mb-1.5 rounded-full bg-emerald-500/20 flex items-center justify-center">
+                <svg class="w-4 h-4 md:w-5 md:h-5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
+              </div>
+              <div class="text-[10px] md:text-xs text-slate-300 font-medium">SSO / OIDC</div>
+            </div>
             <div class="text-center p-2 md:p-3 rounded-xl bg-slate-900/50">
               <div class="w-8 h-8 md:w-10 md:h-10 mx-auto mb-1.5 rounded-full bg-emerald-500/20 flex items-center justify-center">
                 <svg class="w-4 h-4 md:w-5 md:h-5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>