update home page
This commit is contained in:
164
AGENTS.md
164
AGENTS.md
@@ -1,7 +1,9 @@
|
||||
<!-- BEGIN:nextjs-agent-rules -->
|
||||
|
||||
# This is NOT the Next.js you know
|
||||
|
||||
This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices.
|
||||
|
||||
<!-- END:nextjs-agent-rules -->
|
||||
|
||||
# Code Maintainability Rules
|
||||
@@ -40,14 +42,14 @@ Do NOT hardcode the same values across multiple sections.
|
||||
|
||||
Create shared design tokens for:
|
||||
|
||||
* Colors
|
||||
* Typography
|
||||
* Border Radius
|
||||
* Shadows
|
||||
* Container Widths
|
||||
* Section Spacing
|
||||
* Button Styles
|
||||
* Animation Presets
|
||||
- Colors
|
||||
- Typography
|
||||
- Border Radius
|
||||
- Shadows
|
||||
- Container Widths
|
||||
- Section Spacing
|
||||
- Button Styles
|
||||
- Animation Presets
|
||||
|
||||
## Color System
|
||||
|
||||
@@ -55,12 +57,12 @@ All colors must come from a shared theme file.
|
||||
|
||||
Examples:
|
||||
|
||||
* Primary
|
||||
* Secondary
|
||||
* Accent
|
||||
* Background
|
||||
* Surface
|
||||
* Border
|
||||
- Primary
|
||||
- Secondary
|
||||
- Accent
|
||||
- Background
|
||||
- Surface
|
||||
- Border
|
||||
|
||||
Do not repeat hex values throughout the project.
|
||||
|
||||
@@ -72,11 +74,11 @@ Create shared typography styles.
|
||||
|
||||
Examples:
|
||||
|
||||
* Hero Title
|
||||
* Section Title
|
||||
* Card Title
|
||||
* Body Text
|
||||
* Small Text
|
||||
- Hero Title
|
||||
- Section Title
|
||||
- Card Title
|
||||
- Body Text
|
||||
- Small Text
|
||||
|
||||
Do not redefine font sizes in every section.
|
||||
|
||||
@@ -86,12 +88,12 @@ Changing typography tokens should update all matching sections.
|
||||
|
||||
If multiple sections use the same UI pattern:
|
||||
|
||||
* Card
|
||||
* Button
|
||||
* Badge
|
||||
* Section Header
|
||||
* CTA Block
|
||||
* Statistic Counter
|
||||
- Card
|
||||
- Button
|
||||
- Badge
|
||||
- Section Header
|
||||
- CTA Block
|
||||
- Statistic Counter
|
||||
|
||||
Create one reusable component.
|
||||
|
||||
@@ -105,9 +107,9 @@ Create common section spacing tokens.
|
||||
|
||||
Examples:
|
||||
|
||||
* sectionPaddingY
|
||||
* sectionPaddingX
|
||||
* containerWidth
|
||||
- sectionPaddingY
|
||||
- sectionPaddingX
|
||||
- containerWidth
|
||||
|
||||
All sections must use the same spacing system.
|
||||
|
||||
@@ -119,9 +121,9 @@ All major sections must use the same container.
|
||||
|
||||
Examples:
|
||||
|
||||
* Container
|
||||
* PageContainer
|
||||
* SectionContainer
|
||||
- Container
|
||||
- PageContainer
|
||||
- SectionContainer
|
||||
|
||||
Do not create unique widths for every section.
|
||||
|
||||
@@ -131,10 +133,10 @@ Create reusable animation presets.
|
||||
|
||||
Examples:
|
||||
|
||||
* fadeUp
|
||||
* staggerChildren
|
||||
* scaleIn
|
||||
* slideIn
|
||||
- fadeUp
|
||||
- staggerChildren
|
||||
- scaleIn
|
||||
- slideIn
|
||||
|
||||
Do not redefine animations in every component.
|
||||
|
||||
@@ -144,9 +146,9 @@ Common image styles should be reusable.
|
||||
|
||||
Examples:
|
||||
|
||||
* cardImage
|
||||
* heroImage
|
||||
* avatarImage
|
||||
- cardImage
|
||||
- heroImage
|
||||
- avatarImage
|
||||
|
||||
Avoid repeating image styling logic.
|
||||
|
||||
@@ -156,9 +158,9 @@ If the same pattern exists in multiple sections, do not update only one section.
|
||||
|
||||
Examples:
|
||||
|
||||
* Hero Title
|
||||
* About Title
|
||||
* Feature Title
|
||||
- Hero Title
|
||||
- About Title
|
||||
- Feature Title
|
||||
|
||||
Update the shared source.
|
||||
|
||||
@@ -170,10 +172,10 @@ Top, Bottom, Left, and Right spacing must follow the same design system.
|
||||
|
||||
Avoid random values such as:
|
||||
|
||||
* 72px
|
||||
* 94px
|
||||
* 113px
|
||||
* 147px
|
||||
- 72px
|
||||
- 94px
|
||||
- 113px
|
||||
- 147px
|
||||
|
||||
Use predefined spacing tokens only.
|
||||
|
||||
@@ -183,16 +185,16 @@ The entire site should feel visually consistent.
|
||||
|
||||
## Mission
|
||||
|
||||
Recreate the Aiero Home 9 experience with maximum visual fidelity while keeping the codebase maintainable and production-ready.
|
||||
Recreate the tenext Home 9 experience with maximum visual fidelity while keeping the codebase maintainable and production-ready.
|
||||
|
||||
## Agent Behavior
|
||||
|
||||
Before making changes:
|
||||
|
||||
* Analyze existing component
|
||||
* Compare against reference
|
||||
* Identify exact mismatch
|
||||
* Apply minimal fix
|
||||
- Analyze existing component
|
||||
- Compare against reference
|
||||
- Identify exact mismatch
|
||||
- Apply minimal fix
|
||||
|
||||
Do not perform large rewrites unless explicitly requested.
|
||||
|
||||
@@ -210,36 +212,36 @@ Do not perform large rewrites unless explicitly requested.
|
||||
|
||||
Verify:
|
||||
|
||||
* Hero height
|
||||
* Hero width
|
||||
* Artwork scale
|
||||
* Artwork position
|
||||
* Heading width
|
||||
* Heading line breaks
|
||||
* CTA placement
|
||||
* Scroll indicator position
|
||||
* Navbar alignment
|
||||
- Hero height
|
||||
- Hero width
|
||||
- Artwork scale
|
||||
- Artwork position
|
||||
- Heading width
|
||||
- Heading line breaks
|
||||
- CTA placement
|
||||
- Scroll indicator position
|
||||
- Navbar alignment
|
||||
|
||||
## Card Analysis Checklist
|
||||
|
||||
Verify:
|
||||
|
||||
* Border radius
|
||||
* Padding
|
||||
* Image crop
|
||||
* Text spacing
|
||||
* Card proportions
|
||||
* Responsive behavior
|
||||
- Border radius
|
||||
- Padding
|
||||
- Image crop
|
||||
- Text spacing
|
||||
- Card proportions
|
||||
- Responsive behavior
|
||||
|
||||
## Forbidden Actions
|
||||
|
||||
Do NOT:
|
||||
|
||||
* Replace sections without approval
|
||||
* Change color system globally
|
||||
* Introduce new layouts
|
||||
* Remove existing functionality
|
||||
* Rewrite working components
|
||||
- Replace sections without approval
|
||||
- Change color system globally
|
||||
- Introduce new layouts
|
||||
- Remove existing functionality
|
||||
- Rewrite working components
|
||||
|
||||
## Preferred Workflow
|
||||
|
||||
@@ -266,10 +268,10 @@ Target:
|
||||
|
||||
Every change should improve:
|
||||
|
||||
* Layout
|
||||
* Alignment
|
||||
* Proportions
|
||||
* Visual balance
|
||||
- Layout
|
||||
- Alignment
|
||||
- Proportions
|
||||
- Visual balance
|
||||
|
||||
Avoid subjective redesign decisions.
|
||||
|
||||
@@ -277,13 +279,13 @@ Reference fidelity is more important than personal preference.
|
||||
|
||||
## Code Quality Rules
|
||||
|
||||
* TypeScript strict
|
||||
* Reusable components
|
||||
* Clean props
|
||||
* No duplicated code
|
||||
* No inline magic values
|
||||
* Use Tailwind consistently
|
||||
- TypeScript strict
|
||||
- Reusable components
|
||||
- Clean props
|
||||
- No duplicated code
|
||||
- No inline magic values
|
||||
- Use Tailwind consistently
|
||||
|
||||
## Final Goal
|
||||
|
||||
Build a production-quality Next.js implementation that visually matches Aiero Home 9 as closely as possible while maintaining clean architecture and long-term maintainability.
|
||||
Build a production-quality Next.js implementation that visually matches tenext Home 9 as closely as possible while maintaining clean architecture and long-term maintainability.
|
||||
|
||||
Reference in New Issue
Block a user