update home page

CLAUDE.md

@@ -1,9 +1,10 @@
 @AGENTS.md
+
 # CLAUDE.md
 
 ## Project Overview
 
-This project is a high-fidelity recreation of the Aiero Home 9 landing page using Next.js App Router, TypeScript, Tailwind CSS, and Framer Motion.
+This project is a high-fidelity recreation of the tenext Home 9 landing page using Next.js App Router, TypeScript, Tailwind CSS, and Framer Motion.
 
 The goal is NOT to redesign the page.
 
@@ -23,15 +24,15 @@ Common design decisions must come from shared sources, not repeated one-off valu
 
 Centralize:
 
-* Colors
-* Typography
-* Border radius
-* Shadows
-* Container widths
-* Section spacing
-* Button styles
-* Animation presets
-* Image styles
+- Colors
+- Typography
+- Border radius
+- Shadows
+- Container widths
+- Section spacing
+- Button styles
+- Animation presets
+- Image styles
 
 Use reusable components for repeated patterns such as cards, buttons, badges, section headers, CTA blocks, and statistic counters.
 
@@ -43,20 +44,20 @@ When the same pattern appears in multiple sections, update the shared token, com
 
 The homepage is:
 
-* Editorial
-* Card-driven
-* Visual-first
-* Premium AI agency
-* Image-heavy
-* Modern but minimal
+- Editorial
+- Card-driven
+- Visual-first
+- Premium AI agency
+- Image-heavy
+- Modern but minimal
 
 Avoid:
 
-* Generic SaaS layouts
-* Dashboard-first designs
-* Startup template aesthetics
-* Excessive gradients
-* Excessive glassmorphism
+- Generic SaaS layouts
+- Dashboard-first designs
+- Startup template aesthetics
+- Excessive gradients
+- Excessive glassmorphism
 
 ## Hero Section Requirements
 
@@ -64,11 +65,11 @@ Hero is the most important section.
 
 Must maintain:
 
-* Large background artwork
-* Left aligned content
-* Vertical Scroll Down element
-* Large heading
-* Compact CTA
+- Large background artwork
+- Left aligned content
+- Vertical Scroll Down element
+- Large heading
+- Compact CTA
 
 Hero artwork should dominate visual composition.
 
@@ -81,30 +82,30 @@ Target ratio:
 
 Cards should:
 
-* Use large border radii
-* Have consistent spacing
-* Maintain editorial proportions
-* Feel like magazine blocks
+- Use large border radii
+- Have consistent spacing
+- Maintain editorial proportions
+- Feel like magazine blocks
 
 Do not:
 
-* Make all cards equal height
-* Convert cards into dashboard widgets
-* Add unnecessary statistics
+- Make all cards equal height
+- Convert cards into dashboard widgets
+- Add unnecessary statistics
 
 ## Typography Rules
 
 Headings:
 
-* Strong
-* Bold
-* Editorial
+- Strong
+- Bold
+- Editorial
 
 Body text:
 
-* Simple
-* Readable
-* Secondary
+- Simple
+- Readable
+- Secondary
 
 Avoid oversized line lengths.
 
@@ -114,16 +115,16 @@ Use subtle animations only.
 
 Allowed:
 
-* Fade up
-* Hover lift
-* Opacity transitions
-* Small parallax
+- Fade up
+- Hover lift
+- Opacity transitions
+- Small parallax
 
 Avoid:
 
-* Excessive motion
-* Heavy GSAP timelines
-* Distracting effects
+- Excessive motion
+- Heavy GSAP timelines
+- Distracting effects
 
 ## Responsive Rules