Welcome to the DevOptima Landing Page, a beautifully crafted landing page built with TypeScript, React, and Tailwind CSS. This project showcases the capabilities and services of DevOptima, designed with a modern and clean UI.
Check out the live demo here.
This project includes several key components:
Number | Task | Description | Code |
---|---|---|---|
1. | 🖥️ Header | Displays the navigation bar and logo. | Code |
2. | 🎨 Hero Section | The main section with a call-to-action. | Code |
3. | 🌟 Features Section | Highlights the key features and services. | Code |
4. | 💬 Testimonials Section | Shows testimonials from clients. | Code |
5. | 📊 Solutions Section | Details various solutions provided by DevOptima. | Code |
6. | 📞 Call to Action Section | Encourages users to get started with DevOptima. | Code |
7. | 👣 Footer | Displays links to resources, community, and legal information. | Code |
To try out the project, follow these steps:
-
Clone the Repository:
git clone https://github.com/itkrivoshei/devoptima-landing.git cd devoptima-landing
-
Install Dependencies:
npm install
-
Run the Project:
npm start
-
Build the Project for Production:
npm run build
-
TypeScript: For static typing.
-
React: As the UI library.
-
Tailwind CSS: For utility-first CSS styling.
-
Scripts:
App.tsx
: The main application component.index.tsx
: The entry point of the application.index.css
: Custom styles and Tailwind CSS configurations.
This project is open-source. Feel free to use and modify the code as needed.