Repository: expo/expo
File: docs/ui/components/Home/sections/QuickStart.tsx (TypeScript)

Code before:
            className="hocus:bg-button-primary"
            href="/tutorial/introduction/"
            rightSlot={<ArrowRightIcon className="icon-md" />}>
            Start Tutorial
          </HomeButton>
        </GridCell>
        <GridCell
          className={mergeClasses(
            'bg-palette-pink3 border-palette-pink7 relative z-0 min-h-[164px] dark:bg-palette-pink3',
            'max-md-gutters:min-h-[200px]'
          )}>
          <RouterLogo
            className={mergeClasses(
              'size-20 absolute right-7 bottom-7 border-[5px] rounded-xl p-3',
              'stroke-[0.01rem] stroke-palette-pink8 text-palette-pink8 bg-palette-pink4 border-palette-pink5'
            )}
          />
          <RawH2 className="!text-palette-pink11 relative z-10 !text-lg">
            Get what's the best in file-based routing with Expo Router
          </RawH2>
          <HomeButton
            className="bg-palette-pink10 border-palette-pink10 dark:text-palette-pink2 hocus:bg-palette-pink9"
            href="/router/introduction/"
            size="sm"
            rightSlot={<ArrowRightIcon className="icon-md dark:text-palette-pink2" />}>
            Discover more
          </HomeButton>
        </GridCell>
        <GridCell
          className={mergeClasses(
            'bg-palette-purple3 border-palette-purple7 relative z-0 min-h-[172px]',
            'max-md-gutters:min-h-[200px]'
          )}>
          <PlanEnterpriseIcon
            className={mergeClasses(
              'size-20 absolute right-7 bottom-7 border-[5px] rounded-xl p-2',
              'text-palette-purple8 bg-palette-purple4 border-palette-purple5'
            )}
          />
          <RawH2 className="!text-palette-purple11 relative z-10 !text-lg">
            Speed up your development with Expo Application Services
          </RawH2>
          <HomeButton
            className="bg-palette-purple10 border-palette-purple10 dark:text-palette-purple2 hocus:bg-palette-purple9"
            href="/tutorial/eas/introduction/"
            size="sm"
            rightSlot={<ArrowRightIcon className="icon-md dark:text-palette-purple2" />}>
            <span className="max-sm-gutters:hidden">Start&nbsp;</span>EAS Tutorial
          </HomeButton>
        </GridCell>
      </GridContainer>

Review comment (suggestion):
```suggestion
            Learn more
```

After the previous update, this can be changed as well.

Code after:
            className="hocus:bg-button-primary"
            href="/tutorial/introduction/"
            rightSlot={<ArrowRightIcon className="icon-md" />}>
            Start Tutorial
          </HomeButton>
        </GridCell>
        <GridCell
          className={mergeClasses(
            'bg-palette-pink3 border-palette-pink6 relative z-0 min-h-[164px] dark:bg-palette-pink3',
            'selection:bg-palette-pink5',
            'max-md-gutters:min-h-[200px]'
          )}>
          <RouterLogo
            className={mergeClasses(
              'size-[340px] absolute rotate-[20deg] -left-24 -bottom-20 opacity-[0.12]',
              'text-palette-pink7 stroke-[0.01rem] stroke-palette-pink7'
            )}
          />
          <RouterLogo
            className={mergeClasses(
              'size-[72px] absolute right-6 bottom-6 border-[6px] rounded-xl p-3',
              'stroke-[0.01rem] stroke-palette-pink8 text-palette-pink8 bg-palette-pink4 border-palette-pink5'
            )}
          />
          <RawH2 className="!text-palette-pink11 relative z-10 !text-lg">
            Discover the benefits of file-based routing with Expo Router
          </RawH2>
          <HomeButton
            className="bg-palette-pink10 border-palette-pink10 dark:text-palette-pink2 hocus:bg-palette-pink9"
            href="/router/introduction/"
            size="sm"
            rightSlot={<ArrowRightIcon className="icon-md dark:text-palette-pink2" />}>
            Learn more
          </HomeButton>
        </GridCell>
        <GridCell
          className={mergeClasses(
            'bg-palette-purple3 border-palette-purple6 relative z-0 min-h-[172px]',
            'selection:bg-palette-purple5',
            'max-md-gutters:min-h-[200px]'
          )}>
          <PlanEnterpriseIcon
            className={mergeClasses(
              'size-[350px] absolute rotate-[40deg] -left-20 -bottom-12 opacity-[0.12]',
              'text-palette-purple7'
            )}
          />
          <PlanEnterpriseIcon
            className={mergeClasses(
              'size-[72px] absolute right-6 bottom-6 border-[6px] rounded-xl p-2',
              'text-palette-purple8 bg-palette-purple4 border-palette-purple5'