21 days ago

Create a modern, highly-animated website for a marketing agency. Export the code in React with Tailwind CSS. Requirements: Color palette: Primary: #eea31e (yellow, for highlights and accents) Background: #fbfbf9 (off-white) Accent: #121613 (black, for text and elements as needed) Design motif: Use honeycomb patterns creatively throughout the layout (backgrounds, section dividers, accents). Sections: Navbar: Modern, responsive, with logo and navigation links. Hero section: Dynamic, bold, and highly animated. Eye-catching visuals. Include a dummy post styled like a social media feed card (as if scrolling). Our Services: Redesign this section to be highly visible. Display 6 services as animated cards or posts, styled like a social media feed (vertical scroll effect). Use bold visuals, icons, and engaging headings. Add micro-interactions (hover effects, animated icons). Testimonials: Animated transitions between testimonials. Modern testimonial cards or slider. Contact: Modern contact form or contact details. Add micro-interactions for form fields. Footer: Futuristic, attractive design. Include agency info, quick links, and social media icons. Add subtle animations. General instructions: The entire website must look ultra-modern, innovative, and clearly represent 2025. Use advanced, smooth animations and micro-interactions. Use clean, futuristic typography. Layout should be bold and modular. The website must be fully responsive.

Fork

Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs

Start building stunning tailwind UIs!Ā 

Build from scratch or select prebuilt tailwind templates