A demo landing page depicting modularity and responsiveness, alongwith better SEO handling for any user.
- Made using React + Vite
- Tailwind CSS for designing the page
- Handles responsiveness greatly
- User can easily change the website for their brand as the components are modular and easily understandable.
- npm run dev (For development purpose)
- npm run build (For build version)
![image](https://private-user-images.githubusercontent.com/96490105/262993891-52bb0c5a-950e-4202-84ba-0a8582620cd0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgwNDg3MTUsIm5iZiI6MTcxODA0ODQxNSwicGF0aCI6Ii85NjQ5MDEwNS8yNjI5OTM4OTEtNTJiYjBjNWEtOTUwZS00MjAyLTg0YmEtMGE4NTgyNjIwY2QwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEwVDE5NDAxNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU5Y2UwOTMwNGRiMGRkMjhmNDkyMmJjYWVjYzBjYzY4MDIyYTUxNDFkZDI5Mjc5NWJlOWYxNzg1MGE0OTE1ZTgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.SrmiDRN0cIsO4wqZ05ARiEqAU0JL54nc3c3A120e2Ws)
Using hamburger for smaller screens
Popular Products section
![image](https://private-user-images.githubusercontent.com/96490105/262992549-b85b53f9-2629-42b6-972a-1aba98f8d421.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgwNDg3MTUsIm5iZiI6MTcxODA0ODQxNSwicGF0aCI6Ii85NjQ5MDEwNS8yNjI5OTI1NDktYjg1YjUzZjktMjYyOS00MmI2LTk3MmEtMWFiYTk4ZjhkNDIxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEwVDE5NDAxNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU3NzgyZjYwM2NjNWE0NzFhODZiOGYyN2Y2YTIxZDAyZWIzZTc2MTM2YmE5ZGVmZTg4ZjFlMWJlNjRlYjZlNmImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.kr_u9i4i5foyw0LjNfqI0AVQJFo3VcLQ4GL3EIpr_5E)
Cards and grid designs for the website
##Future Work For my future work I want to devlop the website to toggle between dark and light mode. And try adding some animations.