Skip to content

IrynaBondarenko7/confetti

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Confetti Store Landing Page

Project Logo

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).

Table of Contents

Header

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.

Burger Menu

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.

Hero (Główna)

Contains a header and bright pictures of balloons.

About Us (O nas)

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.

Reviews (Recenzje)

Users can navigate between slides by clicking on buttons or pagination. Clicking the button toggles to the next slide.

Contacts (Kontakty)

The form is validated, with the Name and Email fields being mandatory, while the Message field is optional.

Footer

It includes the logo, copyright information.

Technologies Used

  • 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.