Skip to content

Commit 8a8e3a6

Browse files
committed
fix: restore Guidelines section with integrated Interaction Patterns
- Restore main Product Guidelines section as requested - Integrate Interaction Patterns as a subsection under Guidelines - Add accordion UI specifically for Interaction Patterns subsection - Include best practices and dark patterns comparison - Update mobile frame to use proper phone ratio (9:16) - Maintain UI Kit and Micro-interactions as other subsections - Update product page navigation to show Guidelines section - Remove standalone InteractionPatterns component - Fix HTML validation errors (h7 -> h6) - Preserve all existing functionality and translations Features: - Guidelines section with 3 main sections: UX Patterns, Visual Patterns, Integration Workflow - UX Patterns includes: Interaction Patterns (accordion), UI Kit, Micro-interactions - Proper mobile frame aspect ratio for live previews - Single-open accordion behavior for performance - Complete internationalization support
1 parent b4c9667 commit 8a8e3a6

File tree

4 files changed

+191
-236
lines changed

4 files changed

+191
-236
lines changed

src/app/product/page.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import Header from '@/components/layout/Header';
44
import Footer from '@/components/layout/Footer';
55
import SectionNavigation from '@/components/ui/SectionNavigation';
66
import ProductPrinciples from '@/components/product/ProductPrinciples';
7-
import InteractionPatterns from '@/components/product/InteractionPatterns';
7+
import ProductGuidelines from '@/components/product/ProductGuidelines';
88
import SectionPlaceholder from '@/components/ui/SectionPlaceholder';
99
import { Download, Code } from 'lucide-react';
1010
import { useLanguage } from '@/contexts/LanguageContext';
@@ -15,7 +15,7 @@ export default function ProductPage() {
1515

1616
const sections = [
1717
{ id: 'principles', label: t('product.sections.principles') },
18-
{ id: 'patterns', label: t('product.sections.patterns') },
18+
{ id: 'guidelines', label: t('product.sections.guidelines') },
1919
{ id: 'resources', label: t('product.sections.resources') }
2020
];
2121

@@ -61,8 +61,8 @@ export default function ProductPage() {
6161
<ProductPrinciples />
6262
</div>
6363

64-
<div id="patterns" className="scroll-mt-24">
65-
<InteractionPatterns />
64+
<div id="guidelines" className="scroll-mt-24">
65+
<ProductGuidelines />
6666
</div>
6767

6868
<div id="resources" className="min-h-screen flex items-center justify-center scroll-mt-24">

src/components/product/InteractionPatterns.tsx

Lines changed: 0 additions & 216 deletions
This file was deleted.

0 commit comments

Comments
 (0)