Refactor layout: add responsive footer and simplify routes

[ComputelessComputer]

• Added responsive footer component with navigation links
• Removed unused imports and simplified route component
• Refactored Not Found page by removing inline Header and Footer
• components

[netlify]

✅ Deploy Preview for hyprnote ready!

Name	Link
🔨 Latest commit	7392a57
🔍 Latest deploy log	https://app.netlify.com/projects/hyprnote/deploys/6924883a3ba1940008f08b7b
😎 Deploy Preview	https://deploy-preview-1856--hyprnote.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

Extracts Header and Footer components from inline implementations in route.tsx and not-found.tsx into separate reusable component files. Updates consuming components to import the extracted components instead of defining them inline.

Changes

Cohort / File(s)	Summary
New component files apps/web/src/components/footer.tsx, apps/web/src/components/header.tsx	Introduces Footer and Header as standalone, reusable React components. Footer renders a multi-column layout with branding, legal links, and navigation categories. Header renders a responsive navigation bar with logo, product dropdown, links, and platform-specific CTAs.
Component refactoring apps/web/src/components/not-found.tsx	Replaces inline Header and Footer implementations with imports from new component modules. Preserves NotFoundDocument signature and core 404 page structure.
Route simplification apps/web/src/routes/_view/route.tsx	Removes inline Header, Footer, and related helper functions (getMaxWidthClass, productsList, featuresList). Imports Header and Footer from new component modules. Reduces internal complexity while maintaining HeroContext integration.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

• Component extraction is largely mechanical—existing inline code moved to separate files with minimal logic changes
• Imports added correctly to replace the removed inline implementations
• Primary focus: verify that extracted components function identically to their inline predecessors and that all imports resolve correctly

Possibly related PRs

• made header better #1676 — Overlaps with header-layout refactoring in apps/web/src/routes/_view/route.tsx
• Refactored About page #1753 — Modifies site footer (extracted in this PR) in apps/web/src/routes/_view/route.tsx
• working on products sub-landings #1642 — Refactors header/footer UI composition in the same route file

Suggested reviewers

• yujonglee

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch c-branch-2

---

📜 Recent review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 330202e and 7392a57.

📒 Files selected for processing (4)

• apps/web/src/components/footer.tsx (1 hunks)
• apps/web/src/components/header.tsx (1 hunks)
• apps/web/src/components/not-found.tsx (1 hunks)
• apps/web/src/routes/_view/route.tsx (1 hunks)

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}