Update dependencies, add copy and adjust UI

This commit updates the version of Next.js along with a series of other dependencies outlined in the pnpm-lock.yaml file. The new copy "For each {{unit}}" has been added to the billing.json file and several adjustments have been made in the UI components. In particular, a separator has been added, animations have been set to re-run on re-render for certain elements, and the PricingTable component has been added.

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

@@ -1,4 +1,5 @@
 import { getSupabaseServerComponentClient } from '@kit/supabase/server-component-client';
+import { Separator } from '@kit/ui/separator';
 
 import { SiteFooter } from '~/(marketing)/_components/site-footer';
 import { SiteHeader } from '~/(marketing)/_components/site-header';
@@ -13,6 +14,8 @@ async function SiteLayout(props: React.PropsWithChildren) {
 
       {props.children}
 
+      <Separator />
+
       <SiteFooter />
     </>
   );

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

@@ -3,9 +3,12 @@ import Link from 'next/link';
 
 import { ChevronRight } from 'lucide-react';
 
+import { PricingTable } from '@kit/billing-gateway/components';
 import { Button } from '@kit/ui/button';
 import { Heading } from '@kit/ui/heading';
 
+import billingConfig from '~/config/billing.config';
+import pathsConfig from '~/config/paths.config';
 import { withI18n } from '~/lib/i18n/with-i18n';
 
 function Home() {
@@ -198,7 +201,14 @@ function Home() {
             </div>
           </div>
 
-          <div className={'w-full'}></div>
+          <div className={'w-full'}>
+            <PricingTable
+              config={billingConfig}
+              paths={{
+                signUp: pathsConfig.auth.signUp,
+              }}
+            />
+          </div>
         </div>
       </div>
     </div>

apps/web/package.json

@@ -43,7 +43,7 @@
     "i18next": "^23.10.1",
     "i18next-resources-to-backend": "^1.2.0",
     "lucide-react": "^0.363.0",
-    "next": "14.2.0-canary.56",
+    "next": "14.2.0-canary.58",
     "next-sitemap": "^4.2.3",
     "next-themes": "0.3.0",
     "react": "18.2.0",

apps/web/public/locales/en/billing.json

@@ -33,6 +33,7 @@
   "proceedToPayment": "Proceed to Payment",
   "startTrial": "Start Trial",
   "perTeamMember": "Per team member",
+  "perUnit": "For each {{unit}}",
   "perUnitIncluded": "({{included}} included)",
   "featuresLabel": "Features",
   "detailsLabel": "Details",