Update Featured Checklist and Product Guidelines (#571)

* turn checklist into steps

* make titles larger

* combine overview and featured guidelines

* experiment with overview page and featured checklist

* add morpho image and center

* add morpho image

* make overview the featured checklist page

* remove featured doc from side nav

* change action to cCTA

* remove repetitive info

Author: hughescoin

docs/images/miniapps/morpho.jpg

@@ -1,22 +1,66 @@
 ---
-title: "Overview"
+title: "Featured Checklist"
 description: "Build high quality mini apps to get more distribution."
 ---
 
-This section covers how to build high-quality, successful mini apps for the Base app. Your app should meet all product, design, and technical guidelines and be designed for virality. 
-
-<CardGroup>
-  <Card title="Product Guidelines" icon="lightbulb" href="/mini-apps/featured-guidelines/product-guidelines" />
-  <Card title="Design Guidelines" icon="brush" href="/mini-apps/featured-guidelines/design-guidelines" />
-  <Card title="Technical Guidelines" icon="wrench" href="/mini-apps/featured-guidelines/technical-guidelines" />
-  <Card title="Notification Guidelines" icon="bell" href="/mini-apps/featured-guidelines/notification-guidelines" />
-</CardGroup>
+Your app must meet all product, design, and technical guidelines outlined below. Meeting these guidelines is a prerequisite for featured placement, but __does not guarantee placement__. Base holds a very high bar for featured placement. 
 
 
 <Note>
   To submit your app for featured placement, first verify your mini app in the [Base Build dashboard](https://base.dev/), then fill out the [submission form](https://buildonbase.deform.cc/getstarted/).
-
-  Meeting these guidelines is a prerequisite for featured placement, but ***does not guarantee placement.*** Base holds a very high bar for featured placement.
 </Note>
 
 
+<Steps titleSize="h3">
+<Step title="Authentication">
+  * In-app authentication stays within the Base app with no external redirects
+  * Wallet connection happens automatically
+  * No email or phone verification inside the app
+</Step>
+
+<Step title="Onboarding Flow">
+  * Explain the purpose of the app and how to get started, with clear onboarding instructions either on the home page or as a a pop-up window.
+  * App only requests essential personal information, with clear context
+  * Display user's avatar and username **(no 0x addresses)**
+</Step>
+
+<Step title="Base Compatibility">
+  * App is client-agnostic, with no hard-coded Farcaster text or links, or other client-specific behavior
+  * Transactions are sponsored
+</Step>
+
+<Step title="Layout">
+  * Call to actions are visible and centered on page
+  * App has a bottom navigation bar or side menu to easily access core flow
+  * All buttons are accessible and not cut off
+  * Navigation bar items have clear, understandable labels
+</Step>
+
+<Step title="Load Time">
+  * App loads within **3 seconds**
+
+  * In-app actions complete within **1 second**
+  
+  * Loading indicators are shown during actions
+</Step>
+
+<Step title="Usability">
+  * App supports **light and dark modes** consistently
+  * App has minimum **44px touch targets**
+</Step>
+
+<Step title="App Metadata">
+  * App description is clear, concise, and user-focused
+  * App icon is **1024×1024 px**, PNG, **no transparency**, readable at small sizes
+  * App cover photo is **high quality** and does not contain Base logo or team photos
+</Step>
+</Steps>
+
+## Next Steps
+
+<CardGroup>
+  <Card title="Product Guidelines" icon="lightbulb" href="/mini-apps/featured-guidelines/product-guidelines" />
+  <Card title="Design Guidelines" icon="brush" href="/mini-apps/featured-guidelines/design-guidelines" />
+  <Card title="Technical Guidelines" icon="wrench" href="/mini-apps/featured-guidelines/technical-guidelines" />
+  <Card title="Notification Guidelines" icon="bell" href="/mini-apps/featured-guidelines/notification-guidelines" />
+</CardGroup>