fix: rewrite index page of the boilerplate

src/app/[locale]/(unauth)/page.tsx

@@ -21,16 +21,6 @@ export default function Index(props: { params: { locale: string } }) {
 
   return (
     <>
-      <p>
-        {`Looking for a SaaS Boilerplate? `}
-        <a
-          className="text-blue-700 hover:border-b-2 hover:border-blue-700"
-          href="https://nextjs-boilerplate.com/pro-saas-starter-kit"
-        >
-          Next.js Boilerplate SaaS
-        </a>
-        {` can help you build one.`}
-      </p>
       <p>
         {`Follow `}
         <a
@@ -43,58 +33,71 @@ export default function Index(props: { params: { locale: string } }) {
         </a>
         {` for updates and more information about the boilerplate.`}
       </p>
-      <p>
-        Our sponsors&apos; exceptional support has made this project possible.
-        Their services integrate seamlessly with the boilerplate, and we
-        recommend trying them out.
-      </p>
-      <h2 className="mt-5 text-2xl font-bold">{t('sponsors_title')}</h2>
-      <Sponsors />
       <h2 className="mt-5 text-2xl font-bold">
         Boilerplate Code for Your Next.js Project with Tailwind CSS
       </h2>
       <p className="text-base">
-        <span role="img" aria-label="rocket">
-          🚀
-        </span>
-        {' '}
-        Next.js Boilerplate is a developer-friendly starter code for Next.js
-        projects, built with Tailwind CSS, and TypeScript.
+        Next.js Boilerplate is a developer-friendly starter code for Next.js projects, built with Tailwind CSS and TypeScript.
         {' '}
         <span role="img" aria-label="zap">
           ⚡️
         </span>
         {' '}
-        Made with developer experience first: Next.js, TypeScript, ESLint,
-        Prettier, Husky, Lint-Staged, Jest (replaced by Vitest), Testing
-        Library, Commitlint, VSCode, PostCSS, Tailwind CSS, Authentication with
-        {' '}
-        <a
-          className="text-blue-700 hover:border-b-2 hover:border-blue-700"
-          href="https://clerk.com?utm_source=github&amp;utm_medium=sponsorship&amp;utm_campaign=nextjs-boilerplate"
-        >
-          Clerk
-        </a>
-        , Database with DrizzleORM (PostgreSQL, SQLite, and MySQL), Error
-        Monitoring with
-        {' '}
-        <a
-          className="text-blue-700 hover:border-b-2 hover:border-blue-700"
-          href="https://sentry.io/for/nextjs/?utm_source=github&amp;utm_medium=paid-community&amp;utm_campaign=general-fy25q1-nextjs&amp;utm_content=github-banner-nextjsboilerplate-logo"
-        >
-          Sentry
-        </a>
-        , Logging with Pino.js and Log Management with
-        {' '}
-        <a
-          className="text-blue-700 hover:border-b-2 hover:border-blue-700"
-          href="https://betterstack.com/?utm_source=github&amp;utm_medium=sponsorship&amp;utm_campaign=next-js-boilerplate"
-        >
-          Better Stack
-        </a>
-        , Monitoring as Code with Checkly, Storybook, Multi-language (i18n), and
-        more.
+        Designed with developer experience in mind, it includes:
       </p>
+      <ul className="mt-3 text-base">
+        <li>🚀 Next.js with App Router support</li>
+        <li>🔥 TypeScript for type checking</li>
+        <li>💎 Tailwind CSS integration</li>
+        <li>
+          🔒 Authentication with
+          {' '}
+          <a
+            className="font-bold text-blue-700 hover:border-b-2 hover:border-blue-700"
+            href="https://clerk.com?utm_source=github&amp;utm_medium=sponsorship&amp;utm_campaign=nextjs-boilerplate"
+          >
+            Clerk
+          </a>
+          {' '}
+          (includes passwordless, social, and multi-factor auth)
+        </li>
+        <li>📦 ORM with DrizzleORM (PostgreSQL, SQLite, MySQL support)</li>
+        <li>
+          🌐 Multi-language support (i18n) with next-intl and
+          {' '}
+          <a
+            className="font-bold text-blue-700 hover:border-b-2 hover:border-blue-700"
+            href="https://l.crowdin.com/next-js"
+          >
+            Crowdin
+          </a>
+        </li>
+        <li>🔴 Form handling (React Hook Form) and validation (Zod)</li>
+        <li>📏 Linting and formatting (ESLint, Prettier)</li>
+        <li>🦊 Git hooks and commit linting (Husky, Commitlint)</li>
+        <li>🦺 Testing suite (Vitest, React Testing Library, Playwright)</li>
+        <li>🎉 Storybook for UI development</li>
+        <li>
+          🚨 Error monitoring (
+          <a
+            className="font-bold text-blue-700 hover:border-b-2 hover:border-blue-700"
+            href="https://sentry.io/for/nextjs/?utm_source=github&amp;utm_medium=paid-community&amp;utm_campaign=general-fy25q1-nextjs&amp;utm_content=github-banner-nextjsboilerplate-logo"
+          >
+            Sentry
+          </a>
+          ) and logging (Pino.js)
+        </li>
+        <li>🖥️ Monitoring as Code (Checkly)</li>
+        <li>🤖 SEO optimization (metadata, JSON-LD, Open Graph tags)</li>
+        <li>⚙️ Development tools (VSCode config, bundler analyzer, changelog generation)</li>
+      </ul>
+      <p className="text-base">
+        Our sponsors&apos; exceptional support has made this project possible.
+        Their services integrate seamlessly with the boilerplate, and we
+        recommend trying them out.
+      </p>
+      <h2 className="mt-5 text-2xl font-bold">{t('sponsors_title')}</h2>
+      <Sponsors />
     </>
   );
 }