Some changes ported from the work on the makerkit.dev website related… (#89)

* Some changes ported from the work on the makerkit.dev website related to the marketing sections of the kit, such as documentation
* Added slight background hue to make darker theme better looking
* Support more complex configurations for documentation navigations.
* Do not fetch content from Keystatic when non-needed
* Add cursor pointers in dropdown
* Updated packages

apps/web/app/(marketing)/page.tsx

@@ -10,7 +10,6 @@ import {
   FeatureGrid,
   FeatureShowcase,
   FeatureShowcaseIconContainer,
-  GradientSecondaryText,
   Hero,
   Pill,
   SecondaryHero,
@@ -24,38 +23,40 @@ import { withI18n } from '~/lib/i18n/with-i18n';
 function Home() {
   return (
     <div className={'mt-4 flex flex-col space-y-24 py-14'}>
-      <Hero
-        pill={
-          <Pill label={'New'}>
-            <span>The leading SaaS Starter Kit for ambitious developers</span>
-          </Pill>
-        }
-        title={
-          <>
-            <span>The ultimate SaaS Starter</span>
-            <span>for your next project</span>
-          </>
-        }
-        subtitle={
-          <span>
-            Build and Ship a SaaS faster than ever before with the next-gen SaaS
-            Starter Kit. Ship your SaaS in days, not months.
-          </span>
-        }
-        cta={<MainCallToActionButton />}
-        image={
-          <Image
-            priority
-            className={
-              'rounded-2xl border border-gray-200 dark:border-primary/10'
-            }
-            width={3558}
-            height={2222}
-            src={`/images/dashboard.webp`}
-            alt={`App Image`}
-          />
-        }
-      />
+      <div className={'container mx-auto'}>
+        <Hero
+          pill={
+            <Pill label={'New'}>
+              <span>The leading SaaS Starter Kit for ambitious developers</span>
+            </Pill>
+          }
+          title={
+            <>
+              <span>The ultimate SaaS Starter</span>
+              <span>for your next project</span>
+            </>
+          }
+          subtitle={
+            <span>
+              Build and Ship a SaaS faster than ever before with the next-gen
+              SaaS Starter Kit. Ship your SaaS in days, not months.
+            </span>
+          }
+          cta={<MainCallToActionButton />}
+          image={
+            <Image
+              priority
+              className={
+                'rounded-2xl border border-gray-200 dark:border-primary/10'
+              }
+              width={3558}
+              height={2222}
+              src={`/images/dashboard.webp`}
+              alt={`App Image`}
+            />
+          }
+        />
+      </div>
 
       <div className={'container mx-auto'}>
         <div
@@ -68,10 +69,10 @@ function Home() {
                   The ultimate SaaS Starter Kit
                 </b>
                 .{' '}
-                <GradientSecondaryText>
+                <span className="font-normal text-muted-foreground">
                   Unleash your creativity and build your SaaS faster than ever
                   with Makerkit.
-                </GradientSecondaryText>
+                </span>
               </>
             }
             icon={
@@ -83,9 +84,7 @@ function Home() {
           >
             <FeatureGrid>
               <FeatureCard
-                className={
-                  'relative col-span-2 overflow-hidden bg-violet-500 text-white lg:h-96'
-                }
+                className={'relative col-span-2 overflow-hidden lg:h-96'}
                 label={'Beautiful Dashboard'}
                 description={`Makerkit provides a beautiful dashboard to manage your SaaS business.`}
               >
@@ -155,7 +154,7 @@ function Home() {
           }
         >
           <SecondaryHero
-            pill={<Pill>Get started for free. No credit card required.</Pill>}
+            pill={<Pill label="Start for free">No credit card required.</Pill>}
             heading="Fair pricing for all types of businesses"
             subheading="Get started on our free plan and upgrade when you are ready."
           />