Update ContextSection and TechStackSection with OAuth 2.0 and i18n features

- Replaced outdated features with 'OAuth 2.0 + Social Login' and 'i18n Ready' in ContextSection.
- Updated TechStackSection to include OAuth 2.0 (social login + provider mode) and next-intl (English, Italian) support.
- Refined descriptions in FeatureGrid and HeroSection to highlight new features.
- Improved messaging around OAuth and internationalization readiness across components.
This commit is contained in:
Felipe Cardoso
2025-11-26 14:44:12 +01:00
parent 7ba1767cea
commit 088c1725b0
4 changed files with 19 additions and 19 deletions

View File

@@ -11,8 +11,8 @@ import { CheckCircle2 } from 'lucide-react';
export function ContextSection() {
const features = [
'Clone & Deploy in < 5 minutes',
'Comprehensive Test Suite',
'12+ Documentation Guides',
'OAuth 2.0 + Social Login',
'i18n Ready (EN, IT)',
'Zero Commercial Dependencies',
];

View File

@@ -14,8 +14,8 @@ const features = [
icon: Shield,
title: 'Authentication & Security',
description:
'JWT authentication with refresh tokens, session management, password reset flow, rate limiting, CSRF protection, and comprehensive security tests preventing common attacks (CVE-2015-9235, session hijacking)',
highlight: 'Battle-tested security',
'JWT with refresh tokens, OAuth social login (Google, GitHub with PKCE), OAuth Provider mode for MCP clients, session management, rate limiting, and comprehensive security tests',
highlight: 'OAuth 2.0 + MCP ready',
ctaText: 'View Auth Flow',
ctaHref: '/login',
},
@@ -59,8 +59,8 @@ const features = [
icon: Code,
title: 'Developer Experience',
description:
'Auto-generated TypeScript API client from OpenAPI spec, hot reload in development, migration helpers (python migrate.py auto), VS Code settings, and comprehensive component library',
highlight: 'Delightful DX',
'Auto-generated TypeScript API client, i18n with next-intl (English, Italian), hot reload, migration helpers, VS Code settings, and a comprehensive component library',
highlight: 'Delightful DX + i18n',
ctaText: 'Explore Components',
ctaHref: '/dev',
},

View File

@@ -46,7 +46,7 @@ export function HeroSection({ onOpenDemoModal }: HeroSectionProps) {
/>
<span className="font-medium">MIT Licensed</span>
<span className="text-muted-foreground"></span>
<span className="font-medium">Comprehensive Tests</span>
<span className="font-medium">OAuth 2.0 + i18n</span>
<span className="text-muted-foreground"></span>
<span className="font-medium">Pragmatic by Design</span>
</div>

View File

@@ -35,25 +35,25 @@ const technologies: Tech[] = [
color: 'from-blue-500 to-blue-700',
},
{
name: 'Docker',
description: 'Containerized deployment',
color: 'from-blue-400 to-blue-600',
name: 'OAuth 2.0',
description: 'Social login + MCP Provider mode with PKCE',
color: 'from-orange-500 to-red-600',
},
{
name: 'TailwindCSS',
description: 'Utility-first styling with OKLCH colors',
color: 'from-cyan-500 to-blue-500',
},
{
name: 'shadcn/ui',
description: 'Accessible component library (New York variant)',
color: 'from-slate-800 to-slate-600',
name: 'next-intl',
description: 'Type-safe internationalization (EN, IT)',
color: 'from-violet-500 to-purple-600',
},
{
name: 'Playwright',
description: 'Reliable E2E testing (zero flaky tests)',
description: 'Frontend E2E testing (zero flaky tests)',
color: 'from-green-600 to-emerald-700',
},
{
name: 'pytest',
description: 'Backend testing with Testcontainers',
color: 'from-yellow-500 to-orange-500',
},
];
export function TechStackSection() {