refactor(ui): major component cleanup and service pages restructure

[YueMiyuki]

• Remove unused UI components (3d-card, badge, canvas-reveal-effect, etc.)
• Add dedicated service pages (hosting, seo, web-design, web-development)
• Refactor layout components and page structure
• Clean up public assets and favicon files
• Update dependencies

Summary by CodeRabbit

• New Features

  • New dedicated service pages (Hosting, SEO, Web Design, Web Development) and enriched Services section.
  • New animated error, global error, not-found, and contact UX with enhanced CTAs.

• Improvements

  • Major visual redesign: brand color system, retro-futuristic UI primitives, scanlines/glow effects, and richer animations/site-wide motion.
  • Enhanced Open Source, About, Contact, Privacy, Terms, and homepage visuals and interactions.
  • Google site verification support added.

• Refactor

  • Legacy UI components consolidated or replaced with modern motion-based implementations.
  • Simplified layouts and metadata handling.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
mdesk-tech	Ready	Preview, Comment	Feb 21, 2026 7:58am

[coderabbitai]

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

• @coderabbitai resume to resume automatic reviews.
• @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

• ▶️ Resume reviews
• ✅ Review completed - (🔄 Check again to review again)

📝 Walkthrough

Walkthrough

This PR executes a major design system overhaul and visual restructuring across the application. It introduces a brand-driven CSS design system (coral, teal, amber tokens), replaces legacy UI components with motion-based animations, adds four new service pages with rich content, removes deprecated components, updates image generation libraries, and restructures existing pages with enhanced scroll-driven animations and interactive elements.

Changes

Cohort / File(s)	Summary
Design System & Styles app/globals.css, types/css.d.ts, app/layout.tsx	Replaced legacy OKLCH/Tailwind color system with brand-first design tokens; added comprehensive color constants, animations (glitch, scanline, flicker, neon effects), and utility classes; updated layout metadata and Google Site Verification logic; added CSS module type declarations.
Deprecated Component Removal components/InView.tsx, components/PassthroughLayout.tsx, components/ui/3d-card.tsx, components/ui/badge.tsx, components/ui/canvas-reveal-effect.tsx, components/ui/card-spotlight.tsx, components/ui/card.tsx, components/ui/cover.tsx, components/ui/draggable-card.tsx, components/ui/glare-card.tsx, components/ui/hyper-text.tsx, components/ui/magic-card.tsx, components/ui/section-heading.tsx, components/ui/text-hover-effect.tsx, components/ui/timeline.tsx, components/ui/world-map.tsx, hooks/use-outside-click.tsx	Removed 18 legacy UI components, hooks, and effect utilities including 3D card effects, draggable cards, glare effects, canvas reveals, hover animations, and timeline visualizations; eliminates Three.js and @react-three/fiber dependencies.
New Dialog & Modal Infrastructure components/ui/dialog.tsx	Added Radix UI-based Dialog component with portal, overlay, and content wrappers; provides DialogHeader, DialogFooter, DialogTitle, DialogDescription for modal layouts.
Layout Components app/about/layout.tsx, app/contact/layout.tsx, app/open-source/layout.tsx	Replaced PassthroughLayout re-exports with explicit layout components (AboutLayout, ContactLayout, OpenSourceLayout) each rendering children in a fragment with proper React typing.
Page Metadata & Structure app/services/layout.tsx, app/services/hosting/page.tsx, app/services/seo/page.tsx, app/services/web-design/page.tsx, app/services/web-development/page.tsx	Added Services section layout with metadata and four new service page wrappers (Hosting, SEO, Web Design, Web Development) each with metadata exports and minimal wrapper components.
Major Content Rewrites app/about/page.tsx, app/contact/page.tsx, app/open-source/page.tsx	Replaced lightweight implementations with heavily animated, multi-section layouts featuring scroll-driven parallax, motion variants, stats grids, milestone timelines, values cards, process flows, and CTA sections; integrated useScroll/useTransform for interactive elements.
Service Content Components app/services/hosting/hosting-content.tsx, app/services/seo/seo-content.tsx, app/services/web-design/web-design-content.tsx, app/services/web-development/web-development-content.tsx	Added four comprehensive service landing components with rich interactive layouts, server visualizations, feature grids, pricing tables, process flows, binary rain effects, custom cursors, and code-window UI elements.
Static Content Pages app/privacy/page.tsx, app/terms/page.tsx	Converted from hard-coded sections to data-driven rendering with sections arrays; added dark backgrounds, grid overlays, scanlines, decorative elements, and new contact/CTA blocks; enhanced typography and spacing.
Image Generation Updates app/icon.tsx, app/apple-icon.tsx, app/opengraph-image.tsx, app/twitter-image.tsx	Changed image generation library from next/og to @takumi-rs/image-response; updated runtime from edge to nodejs; replaced async functions with synchronous variants; redesigned OG/icon layouts with gradient borders, decorative corners, grid overlays, and pixel accents.
Core UI Components components/Hero.tsx, components/Features.tsx, components/Services.tsx, components/About.tsx, components/Contact.tsx, components/Navbar.tsx, components/Footer.tsx	Major redesigns introducing motion-based animations, scroll transforms, spotlight effects, glitch effects, magnetic buttons, custom cursors, grid backgrounds, scanlines; updated Feature/Service interfaces with color/accent fields; removed memoization from About; integrated new GlitchLogo and MagneticButton.
Navigation & Page Transitions components/PageTransition.tsx	Replaced static wrapper div with AnimatePresence/motion.div for morphing transitions; added hydration-safe mounting; removed className prop; applied 0.3s easing animations on page changes.
Utility Components components/LazySection.tsx, hooks/use-intersection-observer.tsx	Minor documentation/comment updates; no functional changes to LazySection lazy-loading or IntersectionObserver behavior.
Configuration & Dependencies package.json, next.config.ts, eslint.config.mjs, app/robots.ts, app/sitemap.ts	Updated package manager to pnpm 10.30.0; added @radix-ui/react-dialog and @takumi-rs/image-response; removed Three.js, dotted-map, @react-three/fiber; updated Tailwind/motion/lucide-react versions; added serverExternalPackages config; added ESLint React 19 setting; extended robots.txt and sitemap with new service routes.
Database & Runtime lib/db.ts	Added MongoDB connection lifecycle management with process shutdown handlers (SIGTERM, SIGINT, beforeExit); introduced global HMR guards and per-hour cleanup scheduling; extracted closeClient utility for graceful cleanup.
Minor Updates app/page.tsx, app/global-not-found.tsx	Simplified homepage comments; updated 404 page comment labels for conciseness; no functional logic changes.

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~75 minutes

Possibly related PRs

• PR #34: Modifies app/about/layout.tsx exports, directly related to the layout component refactor from PassthroughLayout re-export to explicit AboutLayout implementation.
• PR #31: Overlaps on many of the same UI components and animation systems (About, Contact, Open Source, Hero, Features, Services), representing conflicting animation/reveal strategies.
• PR #42: Shares modifications across layout infrastructure (app/layout.tsx, app/globals.css, components/Hero.tsx, next.config.ts) and utility components (InView, LazySection, world-map).

Poem

A rabbit hops through pixels bright ✨
With coral, teal, and amber light,
Old cards decay, animations bloom,
Motion dances through each room,
Services born, old code takes flight,
The burrow's redesigned just right! 🐰

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 26.47% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes the main changes: removing unused UI components and restructuring service pages with a refactor scope.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch dev

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[YueMiyuki]

@coderabbitai generate docstrings

[coderabbitai]

✅ Actions performed

Initiated docstring generation; will generate only if new commits exist.

[coderabbitai]

Note

Docstrings generation - SUCCESS
Generated docstrings for this pull request at #47