web-optimization-engineer-kata

Description

We are launching a new page. Please create this new page, leveraging web best practices, componentization. Feel free to use any framework that you are comfortable with or helps you to be the most productive.

Requirements

• Page must be responsive for desktop and smartphone.
• Page should be optimized for SEO.
• Page should be optimized for accessibility.
• Page should be support translation.
  • When the visitor selects Japanese from the language selector, the CTA Start Building for Free should change to 無料でビルドを開始する

Designs

Desktop design

Mobile design

Copy

• URL: domain/landing-page/
• Page Title:
• Meta Description:

Top navigation

• Logo: logo-cci.svg
• Text link #1: Beetroots
• Text link #2: Horseradish
• Text link #3: Sea lettuce
• CTA button: Start Building for Free

Hero

• Header: Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery
• Subhead: Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori.
• Hero image: image-testing.jpg

Boxes 1-3

• Category: Type of content
• Title: Veggies es bonus vobis, proinde postulo essum magis kohlrabi
• Module image: image-CD.png
• Image avatar: speak-no-evil-monkey.png
• Image avatar copy: First and last name | Title/role/company

Footer

• Logo: logo-cci.svg
• Language selector options:
  • English (US)
  • 日本語
• Text link #1: Terms of Service
• Text link #2: Privacy Policy
• Text link #3: Cookie Policy
• Text link #4: Security
• Copyrights boilerplate: © 2019 Circle Internet Services, Inc., All Rights Reserved.