v1.0
"

Create a visually stunning and modern website for a graphic and motion design studio. The homepage should have an elegant hero section featuring a dynamic background showcasing snippets of animations and design work, with a bold headline that reads "Transforming Ideas into Visual Art." Include a clean and minimalistic navigation bar at the top. The website should have the following pages: Home Page: A hero section with a background video loop of the studio's best motion graphics. A call-to-action button labeled "Get Started" leading to the services page. Sections highlighting featured projects, testimonials, and a brief "About Us" introduction. Portfolio Page: Grid-style layout displaying graphic design and motion design projects. Each project tile should expand on hover to show a brief description and link to a detailed project page. Include video embedding for motion design work with smooth animations. Services Page: A detailed breakdown of services such as graphic design, branding, animation, and video production. Each service should have an icon, title, short description, and a "Learn More" button. A pricing plan section with visually engaging cards for each service package. Contact Page: A sleek, user-friendly contact form with fields for name, email, project description, and an option to upload files. A map widget showing the studio’s location. About Us Page: A section with a large image or video of the team at work, followed by a description of the studio's philosophy, values, and creative approach. Include client logos and industry certifications. Blog/News Page: A simple blog layout with engaging typography for sharing design tips, case studies, and industry news. Styling Notes: Use a dark-themed palette with vibrant accent colors like neon blue and pink to make the designs pop. Incorporate subtle animations on hover for buttons, project tiles, and navigation links to add an interactive feel. Ensure responsive design across all devices, with mobile users seeing optimized images and touch-friendly elements. Additional Features: Smooth page transitions and parallax scrolling effects. Integration of social media links and a newsletter sign-up form in the footer.

"

Dependencies:

  1. 1. Run "npm i @material-tailwind/react @material-tailwind/html"
  2. 2. Copy the code below and paste it in your project and run it.