Update UI styling and upgrade dependencies

Redesigned heading component styling and adjusted the layout in the marketing page for better readability and aesthetic appeal. Also updated 'next' and several other dependencies in the "pnpm-lock.yaml" to their latest versions, ensuring up-to-date functionalities and security.

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

@@ -100,10 +100,13 @@ function Home() {
               <span>A modern, scalable, and secure SaaS Starter Kit</span>
             </Pill>
 
-            <div className={'flex flex-col space-y-2.5'}>
+            <div className={'flex flex-col space-y-1'}>
               <Heading level={2}>The best tool in the space</Heading>
 
-              <Heading level={3} className={'text-muted-foreground'}>
+              <Heading
+                level={3}
+                className={'font-medium text-muted-foreground'}
+              >
                 Unbeatable Features and Benefits for Your SaaS Business
               </Heading>
             </div>
@@ -115,29 +118,20 @@ function Home() {
         <div className={'flex flex-col space-y-4'}>
           <FeatureShowcaseContainer>
             <LeftFeatureContainer>
-              <div className={'flex flex-col space-y-4'}>
+              <div className={'flex flex-col space-y-2'}>
                 <Heading level={2}>Authentication</Heading>
 
                 <Heading level={3} className={'text-muted-foreground'}>
                   Secure and Easy-to-Use Authentication for Your SaaS Website
                   and API
                 </Heading>
-              </div>
 
-              <div>
-                Our authentication system is built on top of the
-                industry-leading PaaS such as Supabase and Firebase. It is
-                secure, easy-to-use, and fully customizable. It supports
-                email/password, social logins, and more.
-              </div>
-
-              <div>
-                <Button variant={'outline'}>
-                  <span className={'flex items-center space-x-2'}>
-                    <span>Get Started</span>
-                    <ChevronRight className={'h-3'} />
-                  </span>
-                </Button>
+                <div>
+                  Our authentication system is built on top of the
+                  industry-leading PaaS such as Supabase and Firebase. It is
+                  secure, easy-to-use, and fully customizable. It supports
+                  email/password, social logins, and more.
+                </div>
               </div>
             </LeftFeatureContainer>
 
@@ -164,10 +158,10 @@ function Home() {
             </LeftFeatureContainer>
 
             <RightFeatureContainer>
-              <div className={'flex flex-col space-y-4'}>
-                <Heading level={1}>Dashboard</Heading>
+              <div className={'flex flex-col space-y-2'}>
+                <Heading level={2}>Dashboard</Heading>
 
-                <Heading level={2} className={'text-muted-foreground'}>
+                <Heading level={3} className={'text-muted-foreground'}>
                   A fantastic dashboard to manage your SaaS business
                 </Heading>
 
@@ -218,7 +212,7 @@ function HeroTitle({ children }: React.PropsWithChildren) {
     <h1
       className={
         'text-center text-4xl md:text-5xl' +
-        ' font-heading flex flex-col font-bold xl:text-7xl'
+        ' flex flex-col font-semibold xl:text-7xl'
       }
     >
       {children}
@@ -270,7 +264,7 @@ function MainCallToActionButton() {
   return (
     <Button className={'rounded-full'}>
       <Link href={'/auth/sign-up'}>
-        <span className={'flex items-center space-x-2'}>
+        <span className={'flex items-center space-x-0.5'}>
           <span>Get Started</span>
 
           <ChevronRight

apps/web/middleware.ts

@@ -144,9 +144,6 @@ function getPatterns() {
         const origin = req.nextUrl.origin;
         const next = req.nextUrl.pathname;
 
-        console.log('home:user', user);
-        console.log('home:error', error);
-
         // If user is not logged in, redirect to sign in page.
         if (!user || error) {
           const signIn = pathsConfig.auth.signIn;

apps/web/package.json

@@ -41,7 +41,7 @@
     "edge-csrf": "^1.0.9",
     "i18next": "^23.10.1",
     "i18next-resources-to-backend": "^1.2.0",
-    "next": "14.2.0-canary.46",
+    "next": "canary",
     "next-contentlayer": "0.3.4",
     "next-sitemap": "^4.2.3",
     "next-themes": "0.3.0",
@@ -61,7 +61,7 @@
     "@kit/prettier-config": "workspace:^",
     "@kit/tailwind-config": "workspace:^",
     "@kit/tsconfig": "workspace:^",
-    "@next/bundle-analyzer": "14.2.0-canary.44",
+    "@next/bundle-analyzer": "canary",
     "@types/mdx": "^2.0.12",
     "@types/node": "^20.11.30",
     "@types/react": "^18.2.73",