Elegant Split-Layout Contact Form (Navy Blue Edition)
Overview: A premium contact section styled in Navy Blue (bg-blue-900) to match the Service Carousel.
Key Changes:
Palette: Swapped all Teal references for Deep Blue (bg-blue-900 panel, text-blue-700 accents).
Interactivity: Focus rings on inputs now glow with a soft blue (focus:ring-blue-600/10).
Consistency: Maintains the "DM Serif Display" typography and "blob" background effects (now in blue/indigo) for a cohesive high-end look.
This tailwind example is contributed by Juan D. Cortorreal, on 23-Nov-2025. Component is made with Tailwind CSS v3. It is responsive.
Author Juan D. Cortorreal
Related Examples
-
Contact me formcontact me form
2 years ago7.3k -
10 months ago1.2k -
2 years ago14.8k -
LinkedIn sign-up formA clone of LinkedIn sign-up page
1 year ago1.9k -
1 month ago371 -
Contact Form Component with Responsive Design and Decorative ElementsA modern contact form component featuring a split layout with form fields and contact information. Includes name, email, and message inputs with icon integration, decorative SVG elements, and responsive design for all screen sizes. Built with clean HTML and Tailwind CSS styling for seamless integration into any website.
2 months ago333 -
Login FormLogin Form With google icon
11 months ago1.8k -
Feedback Form with rating inputtake users feedback with this simple form
2 years ago11k -
2 years ago14.5k -
create event modifiedit is the layout for creating an event
1 year ago2k -
Animated Iogin formThis section showcases a series of interactive image cards that reveal descriptive text on hover. Built using Tailwind CSS and Astro.js, each card features a smooth animation, background blur, and opacity transition, enhancing the user experience while presenting visually engaging content.
7 months ago549 -
Contact Us FormCTAs help convert visitors into action-takers (customers, subscribers, etc.), while Contact Us forms enable easy communication, building trust and support. Both are vital for engaging visitors and achieving your website’s objectives.
6 months ago611
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components
