Welcome to Confetti, where we specialize in crafting unique and exceptional balloon decorations for all your special events.
Header: Our header features a distinctive logo and a convenient burger menu. When you click on the burger icon, a menu opens with links leading to specific sections of the page, including:
Home About Us Reviews Contact
The app uses react-scroll for navigation. The available sections are:
Home- Welcome section
Discover the heart of Confetti and explore the enchanting world of our balloon decorations. Immerse yourself in a visual feast that showcases the creativity and uniqueness we bring to every event.
About Us- About Us section
Learn more about Confetti and our passion for creating memorable experiences through balloon art. Dive into our journey, mission, and the talented individuals who bring the magic to life.
Reviews- Reviews section
Explore what our clients have to say about their experiences with Confetti. Read heartwarming stories, testimonials, and see photos of our balloon decorations in action. Your satisfaction is our greatest reward.
Contact- Contact section
Connect with us! Whether you have questions, want to discuss a custom order, or simply want to say hello – our contact section is the gateway to reaching out. We look forward to hearing from you.
Implemented responsiveness and mobile menu for better UI.
To run the application locally, follow these steps:
- Clone the repository:
git clone https://github.com/Inna-Mykytiuk/confetti.git - Install dependencies:
npm install - Run the app:
npm run dev - Open http://localhost:3000 in your browser (Note: the port may be changed if 3000 port is occupied by another website).
-
Next.js: Our website is powered by Next.js, providing a seamless and efficient user experience. It ensures fast loading times and smooth navigation.
-
CSS: We've used CSS to style and design our website, creating a visually appealing and cohesive look that reflects the creativity of Confetti.
-
React-Scroll: Enhancing the scrolling experience on our website, React-Scroll adds a touch of sophistication, allowing users to glide smoothly between sections.
-
React-Slick: For dynamic and eye-catching presentations of our balloon decorations, we've implemented React-Slick, a powerful slider component that showcases our portfolio in style.
-
Framer Motion: Our project incorporates Framer Motion to bring life to the user interface with stunning animations. Framer Motion is a React library that simplifies the creation of smooth and interactive animations, adding a layer of dynamism to various elements on our website.
-
React-Toastify: To provide informative and visually appealing notifications to our users, we've integrated React-Toastify into our project. This library allows us to easily display toast messages, enhancing the overall user experience by delivering important updates and alerts in a non-intrusive manner.
