Create a modern, minimalist newsletter signup form for a fictional brand.
The signup form should include the following elements:
I'll create a modern, minimalist newsletter signup form for a fictional brand based on your requirements. Let's call our fictional brand "Zenith" and design a clean, appealing signup form.
I've created a modern and minimalist newsletter signup form for the fictional brand "Zenith" based on your requirements. Here's a breakdown of the implementation:
bg-gradient-to-br from-purple-50 to-indigo-100).Card component from shadcn/ui to create a white card with rounded corners and a subtle shadow (shadow-lg).This implementation creates a clean, modern, and minimalist newsletter signup form that meets all the requirements you specified. The purple color scheme gives it a fresh and appealing look, while the white card on the gradient background provides a nice contrast and draws attention to the signup form.
To use this component in your Next.js application, you can simply import it into your desired page or layout file. For example:
import NewsletterSignup from '@/components/newsletter-signup'
export default function Page() {
return <NewsletterSignup />
}Remember to adjust the import paths as necessary based on your project structure. Also, make sure you have the required dependencies (shadcn/ui components and Lucide React) installed in your project.