first commit

components/googlePlayLink/googlePlayLink.module.scss

@@ -0,0 +1,13 @@
+.rootWrapper {
+}
+
+.root {
+  font-size: 1rem;
+  font-weight: 700;
+  color: var(--on-background);
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 18px;
+  cursor: none;
+}

components/googlePlayLink/googlePlayLink.tsx

@@ -0,0 +1,40 @@
+import styles from './googlePlayLink.module.scss';
+import Link, { LinkProps } from 'next/link';
+import LinkIcon from '@/assets/icons/link.svg';
+import useLocale, { LocalesMap } from '@/utils/useLocale';
+import clsx from 'clsx';
+import { CursorEffect } from '@/components/cursor';
+
+const locales: LocalesMap = {
+  ru: {
+    getText: 'Доступно в Google Play',
+  },
+  en: {
+    getText: 'Get it on Google Play',
+  },
+};
+
+type GooglePlayLinkProps = Omit<LinkProps, 'href'> & { className?: string };
+
+export function GooglePlayLink(props: GooglePlayLinkProps) {
+  const { className: restCalssName, ...restProps } = props;
+  const t = useLocale(locales);
+
+  return (
+    <CursorEffect
+      effectDistance={48}
+      effectForce={4}
+      cursorPadding={0}
+      className={clsx(styles.rootWrapper, restCalssName)}
+    >
+      <Link
+        {...restProps}
+        className={clsx(styles.root)}
+        target="_blank"
+        href="https://play.google.com/store/apps/details?id=org.xtimms.ridebus"
+      >
+        {t('getText')} <LinkIcon />
+      </Link>
+    </CursorEffect>
+  );
+}

components/googlePlayLink/index.tsx

@@ -0,0 +1 @@
+export * from './googlePlayLink';