
The images are inside the ZIP File you downloaded on the Second Lecture, just open it and you will have them there.
Build a mobile navigation drawer using Tailwind CSS with React, implementing open/close states and responsive visibility, linking home, about, services, and contact, plus a profile area.
Learn to build a hero section with tile grids free components, Tailwind CSS styling, gradient text, and a hero image with stars.
Animate a hero section with Framer Motion by sliding divs from bottom, applying blur and opacity, using visible and hidden variants, with a 0.5s transition and a 0.25s delay.
Build a features section in a React app with Mamba UI components, icons, and images, adding hover shadows, dividers, and prep for in-view animations using useRef.
learn to build a dynamic prices section from scratch in React, rendering a reusable price card three times with props for image, package, price, features, and Tailwind styling.
build a responsive three-card prices section using tailwind css, react, and framer motion, with in-view animations, a grid layout, and polished details like gradient dividers and centered text.
Animate the call to action section using framer motion in a tailwind css agency site built with react, employing in-view triggers, variants, and staggered text and buttons.
Build and customize a testimonial section in React by copying a JSX block, adjusting colors and background, and implementing left-right staggered animation with a subtle parallax effect.
Animate the reviews section with Framer Motion by reusing the card component, adjusting widths for mobile and desktop, and choreographing left-to-right and bottom-up entrances with a bottom-left divider.
Build a responsive Tailwind CSS agency site footer with a newsletter signup, social icons, and a structured top and bottom footer layout in React.
Build a responsive team section for an about page using Tailwind CSS, React icons, and Tailwind UI kit templates, with clean structure, alt text, and hover effects.
Build the services page for a Tailwind CSS agency site with React and Framer Motion, featuring a gradient header, reusable features, and a stats section.
This is a fun React frontend agency website project that will teach you how to create custom components and elements with Tailwind CSS and cool animations with framer motion, also you will learn how to use boilerplate components and sections from tailgrids and mamba UI and customize them to make them unique for your websites and save a lot of time developing your website, also wee are gonna use react icons and customise them to make them unique too and fit in with our website, wee also gonna use react hooks and references to trigger the animations on page when wee are scrolling in the particular section, also the page is going to be fully responsive meaning it is gonna look beautiful on mobile and also on desktop devices and you will learn how to use media queries with tailwind CSS and make stunning and responsive websites for your clients with cool animations and a design that features a nice flowing color palette matched with amazing images and sections that are unique and custom coded, and then in the end of the course wee are gonna deploy the website on Netlify and you will have a completed multi-page website to show on your portfolio.