Mobile app landingPro

• Phone mockup with live screen
• Store buttons
• Scroll-stacked features
• Reviews and FAQ

• iOS and Android apps.

• Web-only SaaS: use the analytics or AI pages.

Import it from @/components/templates/app-landing after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

// app/page.tsx
import { AppLanding } from "@/components/templates/app-landing";

export default function Page() {
  return <AppLanding />;
}

• Store buttons are links with full names; the phone screen is decorative.

• The phone floats in; tasks slide onto its screen; feature cards stack as you scroll.

• Every section stacks on phones; the header collapses into a menu below 768px.
• Tested from 320px to 1920px.

• Section animations start when they scroll into view and run once.
• No data fetching: copy and sample data live in the file.

• Installs with landing-kit.tsx (the shared header and section heading); edit the header links there or via props.
• Use the official store badges from Apple and Google in production.