Welcome to the README file for the Confetti Store Landing Page, a React-based landing page for a balloon shop. This landing page incorporates various features and functionalities to create an engaging and responsive user experience. The responsive layout spans from mobile (360px to 480px) with a flexible design, to tablet (768px), and desktop (1280px).
- Header
- Burger Menu
- Hero (Główna)
- About Us (O nas)
- Reviews (Recenzje)
- Contacts (Kontakty)
- Footer
- Technologies Used
The header is fixed and contains the logo and a burger menu icon. Upon scrolling, the logo and menu name disappear, leaving only the burger menu icon. When the user returns to the Hero section, the logo and menu name reappear.
The burger menu includes a close button and navigation menu. Each menu item is clickable, providing a smooth scroll to the corresponding section on the page.
Contains a header and bright pictures of balloons.
The card layout is created using the CSS Grid algorithm. On mobile devices, the section functions as a slider, allowing users to change slides by clicking on pagination or by dragging.
Users can navigate between slides by clicking on buttons or pagination. Clicking the button toggles to the next slide.
The form is validated, with the Name and Email fields being mandatory, while the Message field is optional.
It includes the logo, copyright information.
- React
- Swiper
- Styled Components
- Formik
- Yup
- React-responsive
Feel free to explore and enjoy the Confetti Store Landing Page! If you have any questions or feedback, please don't hesitate to reach out.