@seip/blue-bird 0.7.6 → 0.9.0

package/docker/nginx.conf

@@ -1,106 +1,98 @@
-user  nginx;
-worker_processes  auto;
-
-error_log  /var/log/nginx/error.log notice;
-pid        /var/run/nginx.pid;
-
-events {
-    worker_connections  1024;
-}
-
-http {
-    include       /etc/nginx/mime.types;
-    default_type  application/octet-stream;
-
-    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
-                      '$status $body_bytes_sent "$http_referer" '
-                      '"$http_user_agent" "$http_x_forwarded_for"';
-
-    access_log  /var/log/nginx/access.log  main;
-
-    sendfile        on;
-    tcp_nopush     on;
-    tcp_nodelay    on;
-    keepalive_timeout  65;
-    types_hash_max_size 2048;
-
-    gzip on;
-    gzip_disable "msie6";
-    gzip_vary on;
-    gzip_proxied any;
-    gzip_comp_level 6;
-    gzip_buffers 16 8k;
-    gzip_http_version 1.1;
-    gzip_min_length 256;
-    gzip_types
-        text/plain
-        text/css
-        application/json
-        application/javascript
-        application/x-javascript
-        text/xml
-        application/xml
-        application/xml+rss
-        text/javascript
-        image/svg+xml;
-
-    limit_req_zone $binary_remote_addr zone=bluebird_limit:10m rate=10r/s;
-
-    proxy_cache_path /var/cache/nginx levels=1:2 keys_zone=astro_cache:10m max_size=1g inactive=60m use_temp_path=off;
-
-    server {
-        listen 80;
-        server_name localhost;
-        root /app/frontend/dist/client;
-
-        resolver 127.0.0.11 valid=5s;
-
-        location ~* /(\.env|\.git|wp-content|wp-admin|xmlrpc\.php) {
-            return 444;
-        }
-
-        location / {
-            try_files $uri @node_app;
-        }
-
-        location /api/ {
-            limit_req zone=bluebird_limit burst=20 nodelay;
-            set $upstream_target http://app:3000;
-            proxy_pass $upstream_target;
-            proxy_http_version 1.1;
-            proxy_set_header Connection "";
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location /_astro/ {
-            expires max;
-            add_header Cache-Control "public, max-age=31536000, immutable";
-            try_files $uri =404;
-        }
-
-        location @node_app {
-            limit_req zone=bluebird_limit burst=20 nodelay;
-
-            set $upstream_target http://app:3000;
-            proxy_pass $upstream_target;
-            proxy_http_version 1.1;
-            proxy_set_header Connection "";
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-
-            proxy_cache astro_cache;
-            proxy_cache_valid 200 302 10s;
-            proxy_cache_valid 404 1m;
-            proxy_cache_use_stale error timeout http_500 http_502 http_503 http_504;
-            proxy_cache_lock on;
-            proxy_cache_bypass $cookie_auth $http_authorization;
-            proxy_no_cache $cookie_auth $http_authorization;
-            add_header X-Cache-Status $upstream_cache_status;
-        }
-    }
-}
+user  nginx;
+worker_processes  auto;
+
+error_log  /var/log/nginx/error.log notice;
+pid        /var/run/nginx.pid;
+
+events {
+    worker_connections  1024;
+}
+
+http {
+    include       /etc/nginx/mime.types;
+    default_type  application/octet-stream;
+
+    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+                      '$status $body_bytes_sent "$http_referer" '
+                      '"$http_user_agent" "$http_x_forwarded_for"';
+
+    access_log  /var/log/nginx/access.log  main;
+
+    sendfile        on;
+    tcp_nopush     on;
+    tcp_nodelay    on;
+    keepalive_timeout  65;
+    types_hash_max_size 2048;
+
+    gzip on;
+    gzip_disable "msie6";
+    gzip_vary on;
+    gzip_proxied any;
+    gzip_comp_level 6;
+    gzip_buffers 16 8k;
+    gzip_http_version 1.1;
+    gzip_min_length 256;
+    gzip_types
+        text/plain
+        text/css
+        application/json
+        application/javascript
+        application/x-javascript
+        text/xml
+        application/xml
+        application/xml+rss
+        text/javascript
+        image/svg+xml;
+
+    limit_req_zone $binary_remote_addr zone=bluebird_limit:10m rate=10r/s;
+
+
+    server {
+        listen 80;
+        server_name localhost;
+        root /app/frontend;
+
+        resolver 127.0.0.11 valid=5s;
+
+        location ~* /(\.env|\.git|wp-content|wp-admin|xmlrpc\.php) {
+            return 444;
+        }
+
+        location ~* \.(?:css|js|jpg|jpeg|gif|png|ico|cur|gz|svg|svgz|mp4|ogg|ogv|webm|htc)$ {
+            expires 1M;
+            access_log off;
+            add_header Cache-Control "public";
+            try_files $uri =404;
+        }
+
+        location / {
+            try_files $uri $uri.html $uri/ @node_app;
+        }
+
+        location /api/ {
+            limit_req zone=bluebird_limit burst=20 nodelay;
+            set $upstream_target http://app:3000;
+            proxy_pass $upstream_target;
+            proxy_http_version 1.1;
+            proxy_set_header Connection "";
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+        }
+
+
+        location @node_app {
+            limit_req zone=bluebird_limit burst=20 nodelay;
+
+            set $upstream_target http://app:3000;
+            proxy_pass $upstream_target;
+            proxy_http_version 1.1;
+            proxy_set_header Connection "";
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+        }
+    }
+}

package/docker-compose.yml

@@ -1,92 +1,92 @@
-services:
-  app:
-    build:
-      context: .
-      dockerfile: docker/Dockerfile
-    container_name: ${TITLE:-bluebird}-app
-    restart: unless-stopped
-    expose:
-      - "3000"
-    volumes:
-      - .:/app
-      - /app/node_modules
-    env_file:
-      - .env
-    environment:
-      - NODE_ENV=production
-      - DEBUG=false
-      - DATABASE_URL=mysql://${DB_USER:-root}:${DB_PASSWORD:-root}@mysql:${DB_PORT:-3306}/${DB_NAME:-blue_bird}
-      - REDIS_HOST=redis
-      - REDIS_PORT=6379
-      - PORT=3000
-    depends_on:
-      mysql:
-        condition: service_healthy
-      redis:
-        condition: service_healthy
-    networks:
-      - bluebird_net
-    profiles:
-      - prod
-
-  nginx:
-    image: nginx:1.27-alpine
-    container_name: ${TITLE:-bluebird}-nginx
-    restart: unless-stopped
-    ports:
-      - "${PORT:-3000}:80"
-    volumes:
-      - .:/app:ro
-      - ./docker/nginx.conf:/etc/nginx/nginx.conf:ro
-    depends_on:
-      app:
-        condition: service_started
-    networks:
-      - bluebird_net
-    profiles:
-      - prod
-
-  mysql:
-    image: mysql:8.0
-    container_name: ${TITLE:-bluebird}-mysql
-    restart: unless-stopped
-    environment:
-      MYSQL_ROOT_PASSWORD: ${DB_PASSWORD:-root}
-      MYSQL_DATABASE: ${DB_NAME:-blue_bird}
-    ports:
-      - "${DB_PORT:-3306}:3306"
-    volumes:
-      - mysql_data:/var/lib/mysql
-    healthcheck:
-      test: ["CMD", "mysqladmin", "ping", "-h", "localhost", "-u", "root", "-p${DB_PASSWORD:-root}"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-      start_period: 30s
-    networks:
-      - bluebird_net
-
-  redis:
-    image: redis:7-alpine
-    container_name: ${TITLE:-bluebird}-redis
-    restart: unless-stopped
-    ports:
-      - "${REDIS_PORT:-6379}:6379"
-    volumes:
-      - redis_data:/data
-    networks:
-      - bluebird_net
-    healthcheck:
-      test: ["CMD", "redis-cli", "ping"]
-      interval: 5s
-      timeout: 3s
-      retries: 5
-
-volumes:
-  mysql_data:
-  redis_data:
-
-networks:
-  bluebird_net:
-    name: ${TITLE:-bluebird}_network
-    driver: bridge
+services:
+  app:
+    build:
+      context: .
+      dockerfile: docker/Dockerfile
+    container_name: ${TITLE:-bluebird}-app
+    restart: unless-stopped
+    expose:
+      - "3000"
+    volumes:
+      - .:/app
+      - /app/node_modules
+    env_file:
+      - .env
+    environment:
+      - NODE_ENV=production
+      - DEBUG=false
+      - DATABASE_URL=mysql://${DB_USER:-root}:${DB_PASSWORD:-root}@mysql:${DB_PORT:-3306}/${DB_NAME:-blue_bird}
+      - REDIS_HOST=redis
+      - REDIS_PORT=6379
+      - PORT=3000
+    depends_on:
+      mysql:
+        condition: service_healthy
+      redis:
+        condition: service_healthy
+    networks:
+      - bluebird_net
+    profiles:
+      - prod
+
+  nginx:
+    image: nginx:1.27-alpine
+    container_name: ${TITLE:-bluebird}-nginx
+    restart: unless-stopped
+    ports:
+      - "${PORT:-3000}:80"
+    volumes:
+      - .:/app:ro
+      - ./docker/nginx.conf:/etc/nginx/nginx.conf:ro
+    depends_on:
+      app:
+        condition: service_started
+    networks:
+      - bluebird_net
+    profiles:
+      - prod
+
+  mysql:
+    image: mysql:8.0
+    container_name: ${TITLE:-bluebird}-mysql
+    restart: unless-stopped
+    environment:
+      MYSQL_ROOT_PASSWORD: ${DB_PASSWORD:-root}
+      MYSQL_DATABASE: ${DB_NAME:-blue_bird}
+    ports:
+      - "${DB_PORT:-3306}:3306"
+    volumes:
+      - mysql_data:/var/lib/mysql
+    healthcheck:
+      test: ["CMD", "mysqladmin", "ping", "-h", "localhost", "-u", "root", "-p${DB_PASSWORD:-root}"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+      start_period: 30s
+    networks:
+      - bluebird_net
+
+  redis:
+    image: redis:7-alpine
+    container_name: ${TITLE:-bluebird}-redis
+    restart: unless-stopped
+    ports:
+      - "${REDIS_PORT:-6379}:6379"
+    volumes:
+      - redis_data:/data
+    networks:
+      - bluebird_net
+    healthcheck:
+      test: ["CMD", "redis-cli", "ping"]
+      interval: 5s
+      timeout: 3s
+      retries: 5
+
+volumes:
+  mysql_data:
+  redis_data:
+
+networks:
+  bluebird_net:
+    name: ${TITLE:-bluebird}_network
+    driver: bridge

package/frontend/about.html

@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Blue Bird - About</title>
+    <link rel="canonical" href="https://seip25.github.io/Blue-bird/" />
+    <meta name="description" content="Blue Bird is a fast, structured, and opinionated Express.js framework for developers who want
+                    visual elegance and performance with raw HTML and CSS.">
+    <meta name="keywords" content="">
+    <meta name="author" content="Seip25">
+    <link rel="icon" href="/images/favicon.ico" />
+</head>
+
+<body class="min-h-screen bg-slate-950 text-white font-sans antialiased selection:bg-blue-500 selection:text-white">
+    <header class="sticky top-0 z-50 px-4 py-3">
+        <div
+            class="max-w-7xl mx-auto flex items-center justify-between backdrop-blur-md bg-slate-900/60 border border-white/10 rounded-2xl px-6 py-3 shadow-lg">
+            <div class="flex items-center space-x-3">
+                <div
+                    class="w-10 h-10 bg-gradient-to-tr from-blue-500 to-indigo-600 rounded-xl flex items-center justify-center shadow-md shadow-blue-500/30">
+                    <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
+                    </svg>
+                </div>
+                <span
+                    class="text-xl font-bold tracking-tight bg-gradient-to-r from-blue-400 via-indigo-200 to-white bg-clip-text text-transparent">Blue
+                    Bird</span>
+            </div>
+
+            <nav class="flex space-x-8 text-sm font-medium text-slate-300">
+                <a href="/" class="hover:text-blue-400 transition-colors">Home</a>
+                <a href="/about" class="hover:text-blue-400 transition-colors">About</a>
+            </nav>
+        </div>
+    </header>
+
+    <main class="max-w-7xl mx-auto px-4 pt-12 pb-24">
+
+        <div
+            class="relative py-16 px-6 md:px-12 rounded-3xl overflow-hidden bg-gradient-to-b from-blue-900/20 to-slate-950 border border-white/5 shadow-2xl mb-12">
+            <div class="relative max-w-4xl mx-auto space-y-6 text-center">
+                <h1
+                    class="text-4xl sm:text-5xl font-extrabold tracking-tight bg-gradient-to-r from-blue-400 via-indigo-300 to-white bg-clip-text text-transparent">
+                    About Blue Bird
+                </h1>
+                <p class="text-lg sm:text-xl text-slate-400 leading-relaxed max-w-2xl mx-auto">
+                    Built for performance, simplicity, and raw speed.
+                </p>
+            </div>
+        </div>
+
+        <section class="max-w-4xl mx-auto space-y-12">
+            <article class="p-8 rounded-2xl bg-slate-900/40 border border-white/5 shadow-xl">
+                <h2 class="text-2xl font-bold text-white mb-4">Our Philosophy</h2>
+                <p class="text-slate-400 leading-relaxed mb-4">
+                    Blue Bird was born out of a desire for a clean, performance-first approach to web development. We
+                    believe in harnessing the raw power of Express.js and Nginx, stripping away unnecessary bloat, and
+                    providing developers with a robust foundation that just works.
+                </p>
+                <p class="text-slate-400 leading-relaxed">
+                    By separating the static frontend delivery (handled blazingly fast by Nginx) from the dynamic API
+                    layer (powered by Express and Redis), Blue Bird achieves unparalleled performance out of the box.
+                </p>
+            </article>
+
+            <article class="p-8 rounded-2xl bg-slate-900/40 border border-white/5 shadow-xl">
+                <h2 class="text-2xl font-bold text-white mb-4">Why Blue Bird?</h2>
+                <ul class="space-y-3 text-slate-400">
+                    <li class="flex items-start">
+                        <span class="text-blue-500 mr-2">✓</span>
+                        <span><strong>Zero Config Docker:</strong> Go from development to production seamlessly.</span>
+                    </li>
+                    <li class="flex items-start">
+                        <span class="text-blue-500 mr-2">✓</span>
+                        <span><strong>Military Grade Security:</strong> Built-in AES-256-GCM JWT encryption.</span>
+                    </li>
+                    <li class="flex items-start">
+                        <span class="text-blue-500 mr-2">✓</span>
+                        <span><strong>High Performance:</strong> Redis caching for the data layer and Nginx static
+                            delivery.</span>
+                    </li>
+                    <li class="flex items-start">
+                        <span class="text-blue-500 mr-2">✓</span>
+                        <span><strong>Pure HTML/CSS:</strong> No bloated frontend frameworks. Write code close to the
+                            metal.</span>
+                    </li>
+                </ul>
+            </article>
+        </section>
+    </main>
+
+    <footer class="border-t border-white/5 py-8 bg-slate-950 mt-16">
+        <div class="max-w-7xl mx-auto px-4 text-center text-sm text-slate-500">
+            <p>Powered by Blue Bird Framework. All rights reserved.</p>
+        </div>
+    </footer>
+    <script src="/js/tailwind.js"></script>
+</body>
+
+</html>

package/frontend/index.html

@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Blue Bird</title>
+    <link rel="canonical" href="https://seip25.github.io/Blue-bird/" />
+    <meta name="description" content="Blue Bird is a fast, structured, and opinionated Express.js framework for developers who want
+                    visual elegance and performance with raw HTML and CSS.">
+    <meta name="keywords" content="">
+    <meta name="author" content="Seip25">
+    <link rel="icon" href="/images/favicon.ico" />
+</head>
+
+<body class="min-h-screen bg-slate-950 text-white font-sans antialiased selection:bg-blue-500 selection:text-white">
+    <header class="sticky top-0 z-50 px-4 py-3">
+        <div
+            class="max-w-7xl mx-auto flex items-center justify-between backdrop-blur-md bg-slate-900/60 border border-white/10 rounded-2xl px-6 py-3 shadow-lg">
+            <div class="flex items-center space-x-3">
+                <div
+                    class="w-10 h-10 bg-gradient-to-tr from-blue-500 to-indigo-600 rounded-xl flex items-center justify-center shadow-md shadow-blue-500/30">
+                    <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
+                    </svg>
+                </div>
+                <span
+                    class="text-xl font-bold tracking-tight bg-gradient-to-r from-blue-400 via-indigo-200 to-white bg-clip-text text-transparent">Blue
+                    Bird</span>
+            </div>
+
+            <nav class="flex space-x-8 text-sm font-medium text-slate-300">
+                <a href="/" class="hover:text-blue-400 transition-colors">Home</a>
+                <a href="/about" class="hover:text-blue-400 transition-colors">About</a>
+            </nav>
+        </div>
+    </header>
+
+    <main class="max-w-7xl mx-auto px-4 pt-12 pb-24">
+
+        <div
+            class="relative py-16 px-6 md:px-12 rounded-3xl overflow-hidden bg-gradient-to-b from-blue-900/20 to-slate-950 border border-white/5 shadow-2xl">
+            <div class="absolute -top-40 -left-40 w-96 h-96 bg-blue-500/10 rounded-full blur-3xl"></div>
+            <div class="absolute -right-40 -bottom-40 w-96 h-96 bg-indigo-500/10 rounded-full blur-3xl"></div>
+
+            <div class="relative max-w-4xl mx-auto text-center space-y-8">
+                <span
+                    class="inline-flex items-center px-4 py-1.5 rounded-full text-xs font-semibold tracking-wider bg-blue-500/10 text-blue-400 border border-blue-500/20 uppercase">
+                    Welcome to Blue Bird
+                </span>
+
+                <h1
+                    class="text-4xl sm:text-6xl font-extrabold tracking-tight bg-gradient-to-r from-blue-400 via-indigo-300 to-white bg-clip-text text-transparent">
+                    Hello, Developer! Welcome to the next level.
+                </h1>
+
+                <p class="text-lg sm:text-xl text-slate-400 leading-relaxed max-w-2xl mx-auto">
+                    Blue Bird is a fast, structured, and opinionated Express.js framework for developers who want
+                    visual elegance and performance with raw HTML and CSS.
+                </p>
+
+                <div class="flex flex-wrap justify-center gap-4 pt-4">
+                    <a href="/about"
+                        class="px-8 py-3.5 rounded-xl font-semibold bg-gradient-to-r from-blue-500 to-indigo-600 hover:from-blue-600 hover:to-indigo-700 shadow-lg shadow-blue-500/20 transform hover:-translate-y-0.5 transition-all">
+                        About Us &rarr;
+                    </a>
+                    <a href="https://github.com/seip25/Blue-bird" target="_blank"
+                        class="px-8 py-3.5 rounded-xl font-semibold bg-slate-900 border border-white/10 hover:bg-slate-800 transition-all">
+                        GitHub
+                    </a>
+                </div>
+            </div>
+        </div>
+
+        <section class="mt-24 space-y-12">
+            <div class="text-center space-y-3">
+                <h2 class="text-3xl font-bold bg-gradient-to-r from-white to-slate-400 bg-clip-text text-transparent">
+                    High-Performance Core Features</h2>
+                <p class="text-slate-400">Everything preconfigured to serve raw, optimized HTML with minimal
+                    overhead.</p>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                <div
+                    class="group relative p-8 rounded-2xl bg-slate-900/40 border border-white/5 hover:border-blue-500/30 transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/5 hover:-translate-y-1">
+                    <div
+                        class="w-12 h-12 bg-blue-500/10 text-blue-400 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
+                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M13 10V3L4 14h7v7l9-11h-7z" />
+                        </svg>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3 group-hover:text-blue-400 transition-colors">Ultra-Fast
+                        HTML Render</h3>
+                    <p class="text-sm text-slate-400 leading-relaxed">Direct static HTML rendering using high-speed
+                        string placeholder replacement, bypassing heavy parsing engines completely.</p>
+                </div>
+
+                <div
+                    class="group relative p-8 rounded-2xl bg-slate-900/40 border border-white/5 hover:border-blue-500/30 transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/5 hover:-translate-y-1">
+                    <div
+                        class="w-12 h-12 bg-indigo-500/10 text-indigo-400 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
+                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
+                        </svg>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3 group-hover:text-indigo-400 transition-colors">In-Memory
+                        HTML Caching</h3>
+                    <p class="text-sm text-slate-400 leading-relaxed">Configurable time-to-live caching. Rendered
+                        pages are stored in RAM for instant, sub-millisecond delivery in production.</p>
+                </div>
+
+                <div
+                    class="group relative p-8 rounded-2xl bg-slate-900/40 border border-white/5 hover:border-blue-500/30 transition-all duration-300 hover:shadow-xl hover:shadow-blue-500/5 hover:-translate-y-1">
+                    <div
+                        class="w-12 h-12 bg-teal-500/10 text-teal-400 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
+                        <svg class="w-6 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" />
+                        </svg>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3 group-hover:text-teal-400 transition-colors">JWT & Route
+                        Security</h3>
+                    <p class="text-sm text-slate-400 leading-relaxed">Secure cookie management, GCM-encrypted JWT
+                        tokens, custom helmet configurations, and route rate limiting built-in.</p>
+                </div>
+            </div>
+        </section>
+    </main>
+
+    <footer class="border-t border-white/5 py-8 bg-slate-950 mt-16">
+        <div class="max-w-7xl mx-auto px-4 text-center text-sm text-slate-500">
+            <p>Powered by Blue Bird Framework. All rights reserved.</p>
+        </div>
+    </footer>
+    <script src="/js/tailwind.js"></script>
+</body>
+
+</html>