diff --git a/apps/portal/src/components/resumes/landing/Button.jsx b/apps/portal/src/components/resumes/landing/Button.jsx deleted file mode 100644 index 9d8c3ecc..00000000 --- a/apps/portal/src/components/resumes/landing/Button.jsx +++ /dev/null @@ -1,45 +0,0 @@ -import clsx from 'clsx'; -import Link from 'next/link'; - -const baseStyles = { - outline: - 'group inline-flex ring-1 items-center justify-center rounded-full py-2 px-4 text-sm focus:outline-none', - solid: - 'group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2', -}; - -const variantStyles = { - outline: { - slate: - 'ring-slate-200 text-slate-700 hover:text-slate-900 hover:ring-slate-300 active:bg-slate-100 active:text-slate-600 focus-visible:outline-blue-600 focus-visible:ring-slate-300', - white: - 'ring-slate-700 text-white hover:ring-slate-500 active:ring-slate-700 active:text-slate-400 focus-visible:outline-white', - }, - solid: { - blue: 'bg-blue-600 text-white hover:text-slate-100 hover:bg-blue-500 active:bg-blue-800 active:text-blue-100 focus-visible:outline-blue-600', - slate: - 'bg-slate-900 text-white hover:bg-slate-700 hover:text-slate-100 active:bg-slate-800 active:text-slate-300 focus-visible:outline-slate-900', - white: - 'bg-white text-slate-900 hover:bg-blue-50 active:bg-blue-200 active:text-slate-600 focus-visible:outline-white', - }, -}; - -export function Button({ - variant = 'solid', - color = 'slate', - className, - href, - ...props -}) { - className = clsx( - baseStyles[variant], - variantStyles[variant][color], - className, - ); - - return href ? ( - - ) : ( - - - - - ); -} diff --git a/apps/portal/src/components/resumes/landing/CallToAction.tsx b/apps/portal/src/components/resumes/landing/CallToAction.tsx new file mode 100644 index 00000000..623509b3 --- /dev/null +++ b/apps/portal/src/components/resumes/landing/CallToAction.tsx @@ -0,0 +1,28 @@ +import Link from 'next/link'; + +import { Container } from './Container'; + +export function CallToAction() { + return ( +
+ +
+

+ Resume review can start right now. +

+

+ It's free! Take charge of your resume game by learning from the top + engineers in the field. +

+ + + +
+
+
+ ); +} diff --git a/apps/portal/src/components/resumes/landing/Container.jsx b/apps/portal/src/components/resumes/landing/Container.jsx deleted file mode 100644 index a17ea3c1..00000000 --- a/apps/portal/src/components/resumes/landing/Container.jsx +++ /dev/null @@ -1,10 +0,0 @@ -import clsx from 'clsx' - -export function Container({ className, ...props }) { - return ( -
- ) -} diff --git a/apps/portal/src/components/resumes/landing/Container.tsx b/apps/portal/src/components/resumes/landing/Container.tsx new file mode 100644 index 00000000..3a975859 --- /dev/null +++ b/apps/portal/src/components/resumes/landing/Container.tsx @@ -0,0 +1,16 @@ +import clsx from 'clsx'; +import type { FC } from 'react'; + +type ContainerProps = { + children: Array | JSX.Element; + className?: string; +}; + +export const Container: FC = ({ className, ...props }) => { + return ( +
+ ); +}; diff --git a/apps/portal/src/components/resumes/landing/Footer.jsx b/apps/portal/src/components/resumes/landing/Footer.jsx deleted file mode 100644 index d9f83e2c..00000000 --- a/apps/portal/src/components/resumes/landing/Footer.jsx +++ /dev/null @@ -1,50 +0,0 @@ -import Link from 'next/link'; - -import { Container } from './Container'; -import { Logo } from './Logo'; - -export function Footer() { - return ( -
- -
- - -
-
-
- - - - - - -
-

- Copyright © {new Date().getFullYear()} Resume Review. All - rights reserved. -

-
-
-
- ); -} diff --git a/apps/portal/src/components/resumes/landing/Hero.jsx b/apps/portal/src/components/resumes/landing/Hero.tsx similarity index 56% rename from apps/portal/src/components/resumes/landing/Hero.jsx rename to apps/portal/src/components/resumes/landing/Hero.tsx index 192b6562..becdf756 100644 --- a/apps/portal/src/components/resumes/landing/Hero.jsx +++ b/apps/portal/src/components/resumes/landing/Hero.tsx @@ -1,21 +1,13 @@ -import Image from 'next/future/image'; import Link from 'next/link'; -import { Button } from './Button'; import { Container } from './Container'; -import logoLaravel from './images/logos/laravel.svg'; -import logoMirage from './images/logos/mirage.svg'; -import logoStatamic from './images/logos/statamic.svg'; -import logoStaticKit from './images/logos/statickit.svg'; -import logoTransistor from './images/logos/transistor.svg'; -import logoTuple from './images/logos/tuple.svg'; export function Hero() { return ( - +

Resume review{' '} - +
- + - +
-
-

- Resumes reviewed from engineers from these companies so far -

-
    - {[ - { logo: logoTransistor, name: 'Apple' }, - { logo: logoTuple, name: 'Meta' }, - { logo: logoStaticKit, name: 'Google' }, - - { logo: logoMirage, name: 'Mirage' }, - { logo: logoLaravel, name: 'Laravel' }, - { logo: logoStatamic, name: 'Statamic' }, - ].map((company) => ( -
  • - {company.name} -
  • - ))} -
-
); } diff --git a/apps/portal/src/components/resumes/landing/Logo.jsx b/apps/portal/src/components/resumes/landing/Logo.tsx similarity index 97% rename from apps/portal/src/components/resumes/landing/Logo.jsx rename to apps/portal/src/components/resumes/landing/Logo.tsx index 230baceb..5ef1b032 100644 --- a/apps/portal/src/components/resumes/landing/Logo.jsx +++ b/apps/portal/src/components/resumes/landing/Logo.tsx @@ -1,4 +1,6 @@ -export function Logo(props) { +import type { FC } from 'react'; + +export const Logo: FC = (props) => { return ( ); -} +}; diff --git a/apps/portal/src/components/resumes/landing/PrimaryFeatures.jsx b/apps/portal/src/components/resumes/landing/PrimaryFeatures.tsx similarity index 92% rename from apps/portal/src/components/resumes/landing/PrimaryFeatures.jsx rename to apps/portal/src/components/resumes/landing/PrimaryFeatures.tsx index 15d1196b..51b3c5a0 100644 --- a/apps/portal/src/components/resumes/landing/PrimaryFeatures.jsx +++ b/apps/portal/src/components/resumes/landing/PrimaryFeatures.tsx @@ -4,7 +4,6 @@ import { useEffect, useState } from 'react'; import { Tab } from '@headlessui/react'; import { Container } from './Container'; -import backgroundImage from './images/background-features.jpg'; import screenshotExpenses from './images/screenshots/expenses.png'; import screenshotPayroll from './images/screenshots/payroll.png'; import screenshotVatReturns from './images/screenshots/vat-returns.png'; @@ -36,7 +35,7 @@ export function PrimaryFeatures() { useEffect(() => { const lgMediaQuery = window.matchMedia('(min-width: 1024px)'); - function onMediaQueryChange({ matches }) { + function onMediaQueryChange({ matches }: { matches: boolean }) { setTabOrientation(matches ? 'vertical' : 'horizontal'); } @@ -51,16 +50,8 @@ export function PrimaryFeatures() { return (
-

diff --git a/apps/portal/src/components/resumes/landing/Testimonials.jsx b/apps/portal/src/components/resumes/landing/Testimonials.tsx similarity index 96% rename from apps/portal/src/components/resumes/landing/Testimonials.jsx rename to apps/portal/src/components/resumes/landing/Testimonials.tsx index 91d31f40..f7db5f1e 100644 --- a/apps/portal/src/components/resumes/landing/Testimonials.jsx +++ b/apps/portal/src/components/resumes/landing/Testimonials.tsx @@ -7,6 +7,10 @@ import avatarImage3 from './images/avatars/avatar-3.png'; import avatarImage4 from './images/avatars/avatar-4.png'; import avatarImage5 from './images/avatars/avatar-5.png'; +type QuoteProps = { + className: string; +}; + const testimonials = [ { columns: [ @@ -79,7 +83,7 @@ const testimonials = [ }, ]; -function QuoteIcon(props) { +function QuoteIcon(props: QuoteProps) { return (
-

+

Loved by software engineers worldwide.

-

+

We crowdsource ideas and feedback from across the world, guaranteeing you for success in your job application.

diff --git a/apps/portal/src/components/resumes/landing/images/background-auth.jpg b/apps/portal/src/components/resumes/landing/images/background-auth.jpg deleted file mode 100644 index ab481c34..00000000 Binary files a/apps/portal/src/components/resumes/landing/images/background-auth.jpg and /dev/null differ diff --git a/apps/portal/src/components/resumes/landing/images/background-call-to-action.jpg b/apps/portal/src/components/resumes/landing/images/background-call-to-action.jpg deleted file mode 100644 index 13d8ee59..00000000 Binary files a/apps/portal/src/components/resumes/landing/images/background-call-to-action.jpg and /dev/null differ diff --git a/apps/portal/src/components/resumes/landing/images/background-faqs.jpg b/apps/portal/src/components/resumes/landing/images/background-faqs.jpg deleted file mode 100644 index d9de04f7..00000000 Binary files a/apps/portal/src/components/resumes/landing/images/background-faqs.jpg and /dev/null differ diff --git a/apps/portal/src/components/resumes/landing/images/background-features.jpg b/apps/portal/src/components/resumes/landing/images/background-features.jpg deleted file mode 100644 index 6bea1038..00000000 Binary files a/apps/portal/src/components/resumes/landing/images/background-features.jpg and /dev/null differ diff --git a/apps/portal/src/components/resumes/landing/images/logos/laravel.svg b/apps/portal/src/components/resumes/landing/images/logos/laravel.svg deleted file mode 100644 index bfa63bd4..00000000 --- a/apps/portal/src/components/resumes/landing/images/logos/laravel.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - - - - diff --git a/apps/portal/src/components/resumes/landing/images/logos/mirage.svg b/apps/portal/src/components/resumes/landing/images/logos/mirage.svg deleted file mode 100644 index 204df737..00000000 --- a/apps/portal/src/components/resumes/landing/images/logos/mirage.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - - - - - - diff --git a/apps/portal/src/components/resumes/landing/images/logos/statamic.svg b/apps/portal/src/components/resumes/landing/images/logos/statamic.svg deleted file mode 100644 index 25d7ba6c..00000000 --- a/apps/portal/src/components/resumes/landing/images/logos/statamic.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - diff --git a/apps/portal/src/components/resumes/landing/images/logos/statickit.svg b/apps/portal/src/components/resumes/landing/images/logos/statickit.svg deleted file mode 100644 index 381d21e7..00000000 --- a/apps/portal/src/components/resumes/landing/images/logos/statickit.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/apps/portal/src/components/resumes/landing/images/logos/transistor.svg b/apps/portal/src/components/resumes/landing/images/logos/transistor.svg deleted file mode 100644 index 2b858cf4..00000000 --- a/apps/portal/src/components/resumes/landing/images/logos/transistor.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - diff --git a/apps/portal/src/components/resumes/landing/images/logos/tuple.svg b/apps/portal/src/components/resumes/landing/images/logos/tuple.svg deleted file mode 100644 index 2a9c2415..00000000 --- a/apps/portal/src/components/resumes/landing/images/logos/tuple.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - diff --git a/apps/portal/src/pages/resumes/index.tsx b/apps/portal/src/pages/resumes/index.tsx index 89fbc1bb..4f84c9d1 100644 --- a/apps/portal/src/pages/resumes/index.tsx +++ b/apps/portal/src/pages/resumes/index.tsx @@ -1,7 +1,6 @@ import Head from 'next/head'; import { CallToAction } from '~/components/resumes/landing/CallToAction'; -import { Footer } from '~/components/resumes/landing/Footer'; import { Hero } from '~/components/resumes/landing/Hero'; import { PrimaryFeatures } from '~/components/resumes/landing/PrimaryFeatures'; import { Testimonials } from '~/components/resumes/landing/Testimonials'; @@ -18,7 +17,6 @@ export default function Home() { -