Upgrade Next.js version in pnpm-lock.yaml

The Next.js version in pnpm-lock.yaml file has been updated from 14.2.1 to 14.3.0-canary.7. This upgrade affects various dependencies, potentially providing new features, security upgrades or performance improvements.

apps/web/app/(marketing)/_components/site-footer.tsx

@@ -1,6 +1,5 @@
 import Link from 'next/link';
 
-import { Heading } from '@kit/ui/heading';
 import { Trans } from '@kit/ui/trans';
 
 import { AppLogo } from '~/components/app-logo';
@@ -116,7 +115,7 @@ export function SiteFooter() {
 }
 
 function FooterSectionHeading(props: React.PropsWithChildren) {
-  return <Heading level={6}>{props.children}</Heading>;
+  return <span className={'font-heading'}>{props.children}</span>;
 }
 
 function FooterSectionList(props: React.PropsWithChildren) {

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

@@ -47,25 +47,32 @@ function Home() {
                 </span>
               </HeroTitle>
 
-              <div>
+              <div className={'flex flex-col'}>
                 <Heading
-                  level={3}
+                  level={2}
                   className={
-                    'text-center font-sans font-medium text-muted-foreground'
+                    'text-center font-sans text-2xl font-normal text-muted-foreground p-0'
                   }
                 >
                   <span>Build and launch a SaaS in days, not months</span>
                 </Heading>
 
                 <Heading
-                  level={3}
+                  level={2}
                   className={
-                    'text-center font-sans font-medium text-muted-foreground'
+                    'text-center font-sans text-2xl font-normal text-muted-foreground p-0'
                   }
                 >
-                  <span>
-                    <span>Focus on your business, not on the tech</span>
-                  </span>
+                  <span>Focus on your business, not on the tech</span>
+                </Heading>
+
+                <Heading
+                    level={2}
+                    className={
+                      'text-center font-sans text-2xl font-normal text-muted-foreground p-0'
+                    }
+                >
+                  Ship something great, today.
                 </Heading>
               </div>
 
@@ -89,6 +96,7 @@ function Home() {
             height={1916}
             src={`/images/dashboard-demo.webp`}
             alt={`App Image`}
+            sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
           />
         </div>
       </div>
@@ -157,6 +165,7 @@ function Home() {
                 width={'1100'}
                 height={'1282'}
                 alt={'Sign In'}
+                sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
               />
             </RightFeatureContainer>
           </FeatureShowcaseContainer>
@@ -169,6 +178,7 @@ function Home() {
                 width={'2094'}
                 height={'2416'}
                 alt={'Dashboard'}
+                sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
               />
             </LeftFeatureContainer>
 
@@ -226,7 +236,8 @@ function Home() {
                 src={'/images/billing.webp'}
                 width={'2456'}
                 height={'1454'}
-                alt={'Sign In'}
+                alt={'Billing'}
+                sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
               />
             </RightFeatureContainer>
           </FeatureShowcaseContainer>

apps/web/package.json

@@ -60,7 +60,7 @@
     "i18next": "^23.11.2",
     "i18next-resources-to-backend": "^1.2.1",
     "lucide-react": "^0.368.0",
-    "next": "14.2.1",
+    "next": "14.3.0-canary.7",
     "next-sitemap": "^4.2.3",
     "next-themes": "0.3.0",
     "react": "18.2.0",
@@ -76,7 +76,7 @@
     "@kit/prettier-config": "workspace:^",
     "@kit/tailwind-config": "workspace:^",
     "@kit/tsconfig": "workspace:^",
-    "@next/bundle-analyzer": "14.2.1",
+    "@next/bundle-analyzer": "14.3.0-canary.7",
     "@types/mdx": "^2.0.13",
     "@types/node": "^20.12.7",
     "@types/react": "^18.2.79",