Minor design tweaks to log in page (#6071)

Bump subheadings, make link buttons primary colored

src/routes/SignIn.tsx

@@ -104,21 +104,11 @@ const SignIn = () => {
               </span>
             </div>
             <p className="my-4 text-lg xl:text-xl">
-              Thank you for using our hardware design application. It is built
+              Thank you for using our CAD application. It is built on a novel
-              on a novel CAD engine and crafted to help you create parametric,
+              geometry engine and crafted to help you create robust parametric
-              version-controlled, and accurate parts ready for manufacturing.
+              designs. It represents your models as code, making it easy to
-            </p>
+              collaborate with ML tools like Zoo Text-To-CAD to design parts and
-            <p className="my-4 text-lg xl:text-xl">
+              libraries fast.
-              As alpha software, Zoo Modeling App is still in heavy development.
-              We encourage feedback and feature requests that align with{' '}
-              <a
-                href="https://github.com/KittyCAD/modeling-app/issues/729"
-                target="_blank"
-                rel="noreferrer"
-              >
-                our roadmap to v1.0
-              </a>
-              .
             </p>
             {isDesktop() ? (
               <div className="flex flex-col gap-2">
@@ -206,7 +196,7 @@ const SignIn = () => {
           </Link>
           <div className="self-end h-min col-span-3 xl:row-span-2 grid grid-cols-2 gap-5">
             <div className={cardArea}>
-              <h2 className="text-xl">Built in the open</h2>
+              <h2 className="text-xl xl:text-2xl">Built in the open</h2>
               <p className="text-xs my-4">
                 Open-source and open discussions. Check our public code base and
                 join our Discord.
@@ -215,23 +205,26 @@ const SignIn = () => {
                 <ActionButton
                   Element="externalLink"
                   to="https://github.com/KittyCAD/modeling-app"
-                  iconStart={{ icon: 'code' }}
+                  iconStart={{ icon: 'code', bgClassName: '!bg-transparent' }}
-                  className="border-chalkboard-30 dark:border-chalkboard-80"
+                  className="!bg-primary !text-chalkboard-10 !border-transarent"
                 >
                   <span className="py-2 lg:py-0">Read our source code</span>
                 </ActionButton>
                 <ActionButton
                   Element="externalLink"
                   to="https://discord.gg/JQEpHR7Nt2"
-                  iconStart={{ icon: 'keyboard' }}
+                  iconStart={{
-                  className="border-chalkboard-30 dark:border-chalkboard-80"
+                    icon: 'keyboard',
+                    bgClassName: '!bg-transparent',
+                  }}
+                  className="!bg-primary !text-chalkboard-10 !border-transarent"
                 >
                   <span className="py-2 lg:py-0">Join our community</span>
                 </ActionButton>
               </div>
             </div>
             <div className={cardArea}>
-              <h2 className="text-xl">Ready for the future</h2>
+              <h2 className="text-xl xl:text-2xl">Ready for the future</h2>
               <p className="text-xs my-4">
                 Modern software ideas being brought together to create a
                 familiar modeling experience with new superpowers.
@@ -240,8 +233,11 @@ const SignIn = () => {
                 <ActionButton
                   Element="externalLink"
                   to="https://zoo.dev/docs/kcl-samples/a-parametric-bearing-pillow-block"
-                  iconStart={{ icon: 'settings' }}
+                  iconStart={{
-                  className="border-chalkboard-30 dark:border-chalkboard-80"
+                    icon: 'settings',
+                    bgClassName: '!bg-transparent',
+                  }}
+                  className="!bg-primary !text-chalkboard-10 !border-transarent"
                 >
                   <span className="py-2 lg:py-0">
                     Parametric design with KCL
@@ -250,15 +246,18 @@ const SignIn = () => {
                 <ActionButton
                   Element="externalLink"
                   to="https://zoo.dev/docs/tutorials/text-to-cad"
-                  iconStart={{ icon: 'sparkles' }}
+                  iconStart={{
-                  className="border-chalkboard-30 dark:border-chalkboard-80"
+                    icon: 'sparkles',
+                    bgClassName: '!bg-transparent',
+                  }}
+                  className="!bg-primary !text-chalkboard-10 !border-transarent"
                 >
                   <span className="py-2 lg:py-0">AI-unlocked CAD</span>
                 </ActionButton>
               </div>
             </div>
             <div className={cardArea + ' col-span-2'}>
-              <h2 className="text-xl">
+              <h2 className="text-xl xl:text-2xl">
                 Built on the first infrastructure for hardware design
               </h2>
               <p className="text-xs my-4">
@@ -270,16 +269,19 @@ const SignIn = () => {
                 <ActionButton
                   Element="externalLink"
                   to="https://zoo.dev/design-api"
-                  iconStart={{ icon: 'sketch' }}
+                  iconStart={{ icon: 'sketch', bgClassName: '!bg-transparent' }}
-                  className="border-chalkboard-30 dark:border-chalkboard-80"
+                  className="!bg-primary !text-chalkboard-10 !border-transarent"
                 >
                   <span className="py-2 lg:py-0">KittyCAD Design API</span>
                 </ActionButton>
                 <ActionButton
                   Element="externalLink"
                   to="https://zoo.dev/machine-learning-api"
-                  iconStart={{ icon: 'elephant' }}
+                  iconStart={{
-                  className="border-chalkboard-30 dark:border-chalkboard-80"
+                    icon: 'elephant',
+                    bgClassName: '!bg-transparent',
+                  }}
+                  className="!bg-primary !text-chalkboard-10 !border-transarent"
                 >
                   <span className="py-2 lg:py-0">
                     ML-ephant Machine Learning API