DS
Dhruv Shiroya

Aero Landing Page - Copy this React, Tailwind Component to your project

"Create a web component using HTML, CSS, and JavaScript with a full-screen section. The background should replicate the abstract, cloud-like design from the right side of the provided image, featuring soft, flowing shapes in shades of cyan, blue, and white with a 3D effect. Use CSS gradients and an optional SVG/PNG to achieve this look. The background should move subtly in response to mouse movement (aero/parallax effect), shifting its position based on the cursor's X and Y coordinates to create a sense of depth. The foreground should include centered text reading 'The Plus1Club' in large, bold font, and below it, a smaller subtitle 'a EXPANDING NETWORKS from INDIA' in a lighter font. Add social media icons (LinkedIn, Twitter, etc.) in the top-right corner, styled minimally. Ensure the design is responsive and the text remains fixed while the background moves."

Prompt
Component Preview

About

AeroLandingPage - Create a stunning parallax effect with a gradient background, centered text, and social media icons, built with Reac. Download code free!

Share

Last updated 1 month ago