This is a landing page for a company that offers services for the development of web applications, mobile applications, and software development.
This project was created with the purpose of practicing the use of Tailwind CSS and the use of React. The design and images were based on a Figma project.
The idea of this graph is to show how you can structure files by using folders
βββ node_modules (.gitignore)
βββ public
β βββ favicon.ico
β βββ index.html
β βββ manifest.json
βββ src
β βββ assets
β β β βββ images
β β β βββ logo.svg
β βββ components
β β βββ Hero.jsx
β β βββ Services.jsx
β β βββ Services-info.jsx
β β βββ About.jsx
β β βββ Testimonials.jsx
β β βββ Projects.jsx
β β βββ Team.jsx
β β βββ Company.jsx
β β βββ Footer.jsx
β βββ index.css
β βββ index.js
β βββ App.jsx
βββ .gitignore
βββ package-lock.json
βββ package.json
βββ tailwind.config.js
βββ README.md
- Responsive design: this project adapts to any screen size, ensuring a consistent and enjoyable experience for all users.
- Sleek and modern UI: Tailwind CSS provides a beautiful and intuitive user interface.
This project was bootstrapped with Create React App.
Here's a closer look at the tech stack:
- Front-End: React.js & Tailwind CSS
- Back-End: N/A
- Deployment: Vercel
To get started with this landing page, simply clone the repository and follow the setup instructions. You'll be up and running in no time!
- Clone the repo
- Install dependencies
npm install
- Start the project
npm start
- Open http://localhost:3000/ with your browser to see the result.
In the project directory, you can run:
npm start
npm test
npm run build
npm run eject
npm run lighthouse
All contributions are welcome. Please read the CONTRIBUTING guidelines for details on our code of conduct, and the process for submitting pull requests.
Landing Zone is licensed under the MIT License.
I hope you enjoy using the 25 + 5 Clock!
Resources list that I find helpful and would like to give credit to.