💄 Update landing page (#1648)

apps/landing/public/locales/en/common.json

@@ -15,7 +15,6 @@
   "notFoundTitle": "404 not found",
   "notFoundDescription": "We couldn't find the page you're looking for.",
   "goToHome": "Go to home",
-  "goToApp": "Go to app",
   "pricing": "Pricing",
   "bestDoodleAlternative": "Best Doodle Alternative",
   "freeSchedulingPoll": "Free Scheduling Poll",
@@ -25,5 +24,6 @@
   "howItWorks": "How it Works",
   "status": "Status",
   "when2MeetAlternative": "When2Meet Alternative",
-  "meetingPoll": "Meeting Poll"
+  "meetingPoll": "Meeting Poll",
+  "signUp": "Sign Up"
 }

apps/landing/src/app/[locale]/layout.tsx

@@ -2,6 +2,7 @@ import "tailwindcss/tailwind.css";
 import "../../style.css";
 
 import languages from "@rallly/languages";
+import { Button } from "@rallly/ui/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -10,7 +11,7 @@ import {
   DropdownMenuTrigger,
 } from "@rallly/ui/dropdown-menu";
 import { Analytics } from "@vercel/analytics/react";
-import { ChevronRightIcon, MenuIcon } from "lucide-react";
+import { MenuIcon } from "lucide-react";
 import { domAnimation, LazyMotion } from "motion/react";
 import type { Viewport } from "next";
 import Image from "next/image";
@@ -84,15 +85,15 @@ export default async function Root({
                   >
                     <Trans t={t} i18nKey="login" defaults="Login" />
                   </Link>
-                  <Link
+                  <Button
-                    href={linkToApp()}
+                    asChild
-                    className="bg-primary hover:bg-primary-500 active:bg-primary-700 group inline-flex items-center gap-1 rounded-full py-1.5 pl-4 pr-3 text-sm font-medium text-white shadow-sm transition-transform"
+                    variant="primary"
+                    className="rounded-full px-3"
                   >
-                    <span>
+                    <Link href={linkToApp("/register")}>
-                      <Trans t={t} i18nKey="goToApp" defaults="Go to app" />
+                      <Trans t={t} i18nKey="signUp" defaults="Sign up" />
-                    </span>
+                    </Link>
-                    <ChevronRightIcon className="inline-block size-4 transition-all group-active:translate-x-1" />
+                  </Button>
-                  </Link>
                   <div className="flex items-center justify-center lg:hidden">
                     <DropdownMenu>
                       <DropdownMenuTrigger>

apps/landing/src/app/[locale]/page.tsx

@@ -16,8 +16,8 @@ export default async function Page({ params }: { params: { locale: string } }) {
           defaultValue: "Streamline your scheduling process and save time",
           ns: "home",
         })}
-        callToAction={t("getStarted", {
+        callToAction={t("createAPoll", {
-          ns: "common",
+          ns: "home",
         })}
       />
       <Bonus t={t} />

apps/landing/src/components/home/hero.tsx

@@ -111,7 +111,7 @@ export const MarketingHero = ({
         <div className="mt-8 flex flex-col items-center justify-center gap-4">
           <Button
             size="lg"
-            className="group rounded-full hover:shadow-md active:shadow-sm"
+            className="group rounded-full px-5 hover:shadow-md active:shadow-sm"
             variant="primary"
             asChild
           >
@@ -122,7 +122,7 @@ export const MarketingHero = ({
           </Button>
           <p
             className={cn(
-              "whitespace-nowrap text-center text-sm text-gray-600",
+              "whitespace-nowrap text-center text-xs text-gray-600",
               handwritten.className,
               "decoration underline decoration-gray-300 decoration-2 underline-offset-8",
               "skew-x-[-10deg]",

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

@@ -290,7 +290,6 @@
   "subscriptionStatusCanceled": "Canceled",
   "subscriptionStatusUnpaid": "Unpaid",
   "subscriptionStatusUnknown": "Unknown",
-  "paymentMethodUnknown": "Unknown",
   "subscriptionCancelOn": "Cancels {date}",
   "subscriptionStatusPaused": "Paused",
   "subscriptionStatusIncomplete": "Incomplete",

packages/ui/src/button.tsx

@@ -16,7 +16,7 @@ const buttonVariants = cva(
     variants: {
       variant: {
         primary:
-          "focus:ring-offset-1 border-primary-700 bg-primary hover:bg-primary-700 disabled:bg-gray-400 active:bg-primary-800 disabled:border-transparent text-primary-foreground shadow-sm",
+          "focus:ring-offset-1 border-primary-700 bg-primary hover:bg-primary-500 disabled:bg-gray-400 disabled:border-transparent text-primary-foreground shadow-sm",
         destructive:
           "focus:ring-offset-1 bg-destructive shadow-sm text-destructive-foreground active:bg-destructive border-destructive hover:bg-destructive/90",
         default: