feat: display scrolling company logos (#226)

* feat: add scrolling company logos

* chore: update translations

apps/web/src/views/pricing/components/PricingTiers.tsx

@@ -108,7 +108,7 @@ const Pricing = ({
         </div>
       </div>
 
-      <div className="isolate mx-auto mb-20 grid max-w-md grid-cols-1 gap-8 px-4 lg:mx-0 lg:max-w-none lg:grid-cols-3">
+      <div className="isolate mx-auto mb-10 grid max-w-md grid-cols-1 gap-8 px-4 lg:mx-0 lg:max-w-none lg:grid-cols-3">
         {tiers.map((tier) => (
           <div
             key={tier.id}

apps/web/src/views/pricing/index.tsx

@@ -6,6 +6,7 @@ import Button from "~/components/Button";
 import { PageHead } from "~/components/PageHead";
 import Cta from "../home/components/Cta";
 import Layout from "../home/components/Layout";
+import Logos from "../home/components/Logos";
 import FeatureComparisonTable from "./components/FeatureComparisonTable";
 import PricingTiers from "./components/PricingTiers";
 
@@ -33,7 +34,7 @@ export default function PricingView() {
       <PageHead title={`${t`Pricing`} | kan.bn`} />
 
       <div className="flex h-full w-full flex-col lg:pt-[5rem]">
-        <div className="w-full pb-10 pt-32 lg:py-32">
+        <div className="w-full pb-10 pt-32">
           <div className="flex flex-col items-center justify-center px-4 pb-10">
             <div className="flex items-center gap-2 rounded-full border bg-light-50 px-4 py-1 text-center text-xs text-light-1000 dark:border-dark-300 dark:bg-dark-50 dark:text-dark-900 lg:text-sm">
               <p>{t`Pricing`}</p>
@@ -53,6 +54,10 @@ export default function PricingView() {
           />
         </div>
 
+        <div className="pb-20">
+          <Logos />
+        </div>
+
         <div className="pb-22 flex flex-col items-center justify-center px-4">
           <div className="flex items-center gap-2 rounded-full border bg-light-50 px-4 py-1 text-center text-xs text-light-1000 dark:border-dark-300 dark:bg-dark-50 dark:text-dark-900 lg:text-sm">
             <p>{t`Features`}</p>