Perf/lazy load below fold sections

[Sendi0011]

---

Closes #67

Lazy loads all below-the-fold sections (FeaturesGrid, HowItWorks, Ecosystem, CtaSection) using next/dynamic with ssr: false, reducing the initial JS bundle and improving TTI. Skeleton placeholders matching each section's height are shown while sections load to prevent layout shift. Navbar, HeroSection, and Footer remain eagerly loaded.

New files:

• components/atoms/section-skeleton.tsx — four skeleton components using existing design tokens
• components/templates/lazy-sections.tsx — "use client" wrapper housing all dynamic imports + Suspense boundaries

Modified:

• app/page.tsx — replaces four direct organism imports with <LazySections />

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update
• Chore or Refactoring

Checklist

• I have read the CONTRIBUTING.md guidelines.
• My commits follow the Conventional Commits specification.
• My commits are atomic and represent singular logical changes.
• I have self-reviewed my own code.
• I have tested my changes locally and verified they pass linting and builds.
• I have attached a screen recording (mandatory for UI changes).

Screen Recording / Screenshots

[drips-wave]

@Sendi0011 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

[pragmaticAweds]

Hi @Sendi0011

I have attached a screen recording (mandatory for UI changes).

You did not include the video recording of your implementation.