Next.js App Router Starter Template for NEXTJS

// app/page.tsx
import Link from 'next/link';

export const metadata = {
  title: 'Acme Cloud — Enterprise Infrastructure',
};

const features = [
  { title: 'SOC 2 compliant', body: 'Audited by KPMG.' },
  { title: '99.99% uptime', body: 'Backed by a global SLA.' },
  { title: '24/7 support', body: 'Talk to a real engineer anytime.' },
];

export default function HomePage() {
  return (
    <main className="mx-auto max-w-5xl px-6 py-20">
      <h1 className="text-5xl font-bold text-slate-900">
        Infrastructure for the next decade.
      </h1>
      <p className="mt-4 text-lg text-slate-600">
        Built for teams who can't afford downtime.
      </p>

      <div className="mt-12 grid gap-6 md:grid-cols-3">
        {features.map((f) => (
          <div key={f.title} className="rounded-xl border border-slate-200 p-6">
            <h2 className="text-lg font-semibold">{f.title}</h2>
            <p className="mt-2 text-sm text-slate-600">{f.body}</p>
          </div>
        ))}
      </div>

      <Link
        href="/contact"
        className="mt-10 inline-block rounded-lg bg-slate-900 px-6 py-3 text-white"
      >
        Talk to sales →
      </Link>
    </main>
  );
}