This is a single page application (SPA) project made with DaisyUI and TailwindCSS, two CSS frameworks that offer multiple themes and interactive features. The project includes seven different themes and three different pages that showcase the capabilities of DaisyUI and TailwindCSS.
- Landing
- Updates
- Contact With us
- Common questions
The home page features a hero section with a call-to-action button that leads to the services page. The page also includes a section with three cards that highlight the main features of the application.
The services page showcases the different services offered by the application. Each service is presented in a card with an icon, a title, and a description. The page also includes a pricing table that compares the different plans available.
The contact page includes a form that allows users to send a message to the support team. The form includes fields for name, email, subject, and message. There is also a map that shows the location of the company.
The project includes seven different themes that can be easily switched using the toggle button in the header. The themes are:
- Light
- Dark
- Cyberpunk
- Halloween
- Cretro
- Valentine's Day
- ...
Each theme has its own color palette and design elements that match the corresponding holiday or event.
The project includes several interactive features that enhance the user experience. These features include:
- A responsive navigation menu that collapses on smaller screens
- A toggle button to switch between themes
- Hover effects on buttons and links
- Smooth scrolling to anchor links
- A form validation script that checks for errors before submitting
- Tailwind animation for adding animations to elements
This SPA project made with DaisyUI and TailwindCSS offers a modern and engaging user interface with multiple themes and interactive features. The three different pages showcase the versatility of DaisyUI and TailwindCSS and how they can be used to create beautiful and functional applications.