https://github.com/andraxiusabyss/road-way-delivery

A professional landing page for a delivery service.
https://github.com/andraxiusabyss/road-way-delivery

css3 html5 nextjs tailwindcss typescript

Last synced: 2 days ago
JSON representation

A professional landing page for a delivery service.

• Host: GitHub
• URL: https://github.com/andraxiusabyss/road-way-delivery
• Owner: andraxiusabyss
• License: mit
• Created: 2023-07-12T16:40:17.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-03T06:07:31.000Z (3 days ago)
• Last Synced: 2025-02-03T07:21:04.592Z (3 days ago)
• Topics: css3, html5, nextjs, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://roadwaydelivery.vercel.app
• Size: 8.6 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
##  Lighthouse Score

![image](https://github.com/user-attachments/assets/5636fa64-0d86-4cb6-89c0-615a72468a1a)

## What Is Roadway Delivery?

Roadway Delivery is mock landing page for a delivery service, a leading logistics company transforming the transportation industry with fast, secure, and reliable road delivery solutions.

## My Goal With This Project

My goal was to simulate a professional work environment.

- I built this landing page using [Next.js](https://nextjs.org/docs) and [Tailwind](https://tailwindcss.com/docs/installation) for the styling.

- I used Figma to design this landing page to practice creating components and planning out the layout of a landing page.

- To build a responsive and fluid website.

- To optimize the page using Lighthouse.

## If I Had More Time I Would Change These

- I would redesign the landing page to have a more rounded modern look.

- Add mockups where they can be placed.

- Add animations to content

- Attain a Lighthouse score of 100 for every criteria

- Make this landing page into an actual delivery application.

- Apply SEO principles to increase search visibility

- Readd routing to other pages

## I Had More Time

- I redesigned the landing page to have a more rounded modern look.

New Figma Design


  

  ![RWD](https://github.com/user-attachments/assets/0e291b1a-b31c-4aec-a003-2bfc209d7a7c)

Old Landing Page


  

  ![352994835-e57a7bbd-5a0b-4a58-9e65-999657cff35b (1)](https://github.com/user-attachments/assets/c62117bd-1af3-4df4-9ae2-259d30104e01)