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() { export function ContextSection() {
const features = [ const features = [
'Clone & Deploy in < 5 minutes', 'Clone & Deploy in < 5 minutes',
'Comprehensive Test Suite', 'OAuth 2.0 + Social Login',
'12+ Documentation Guides', 'i18n Ready (EN, IT)',
'Zero Commercial Dependencies', 'Zero Commercial Dependencies',
]; ];

View File

@@ -14,8 +14,8 @@ const features = [
icon: Shield, icon: Shield,
title: 'Authentication & Security', title: 'Authentication & Security',
description: 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)', '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: 'Battle-tested security', highlight: 'OAuth 2.0 + MCP ready',
ctaText: 'View Auth Flow', ctaText: 'View Auth Flow',
ctaHref: '/login', ctaHref: '/login',
}, },
@@ -59,8 +59,8 @@ const features = [
icon: Code, icon: Code,
title: 'Developer Experience', title: 'Developer Experience',
description: 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', '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', highlight: 'Delightful DX + i18n',
ctaText: 'Explore Components', ctaText: 'Explore Components',
ctaHref: '/dev', ctaHref: '/dev',
}, },

View File

@@ -46,7 +46,7 @@ export function HeroSection({ onOpenDemoModal }: HeroSectionProps) {
/> />
<span className="font-medium">MIT Licensed</span> <span className="font-medium">MIT Licensed</span>
<span className="text-muted-foreground"></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="text-muted-foreground"></span>
<span className="font-medium">Pragmatic by Design</span> <span className="font-medium">Pragmatic by Design</span>
</div> </div>

View File

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