Quartr Code Test

Welcome to the Quartr code test. This assessment aims to evaluate the creative aspects of your web development skills.

Objective

Your task is to design an outstanding hero/top section for a website. You have complete creative freedom regarding its content.

We have provided sample text from quartr.com, which you may choose to use or replace with your own.

Scope:

• Focus on one device size; responsiveness is not required.
• SEO/meta tags are unnecessary.

Estimated Time:

Maximum 4 hours

Tip

If you need more time, explain your approach and planning in written form or during a call, rather than exceeding the allocated time.

Submission

Please upload your completed test to a GitHub repository and invite the user @edenstrom for review.

Technical Details

Note

A boilerplate has been supplied, but usage is optional.

• Next.js
• Tailwind CSS
• TypeScript

Getting Started

Packages are pre-installed with pnpm, but you may use any package manager.

To start the development server:

pnpm dev
# or
npm run dev
# or
yarn dev
# or
bun dev

Open http://localhost:3000 in your browser to view the project.

You can begin editing the project by modifying app/page.tsx. Changes will be reflected immediately.