"use client"; import React, { useState } from 'react'; import { FaPaperPlane, FaBitcoin } from 'react-icons/fa'; import { IconType } from 'react-icons'; // Content configuration const content = { heading: "Stay Updated with Bitcoin Innovations", subheading: "Join our mailing list to receive the latest news, updates, and exclusive offers.", inputPlaceholder: "Enter your email", buttonText: "Subscribe", privacyText: "We respect your privacy. Unsubscribe at any time.", }; // Theme configuration const theme = { gradientDirection: "to-br", bgGradientFrom: "from-gray-950", bgGradientTo: "to-gray-900", cardBg: "bg-gray-800/50", headingGradientFrom: "from-yellow-400", headingGradientTo: "to-orange-500", subheadingColor: "text-gray-300", inputBg: "bg-gray-800", inputTextColor: "text-gray-300", inputBorderColor: "border-gray-700", inputFocusRing: "focus:ring-orange-500", buttonGradientFrom: "from-yellow-400", buttonGradientTo: "to-orange-500", buttonHoverFrom: "hover:from-yellow-500", buttonHoverTo: "hover:to-orange-600", buttonTextColor: "text-white", privacyTextColor: "text-gray-400", iconColor: "text-white", iconOpacity: "opacity-10", }; interface EmailSignupProps { backgroundIcon?: IconType; } const EmailSignup: React.FC = ({ backgroundIcon: BackgroundIcon = FaBitcoin }) => { const [email, setEmail] = useState(''); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); // TODO: Implement email signup logic here console.log('Email submitted:', email); setEmail(''); }; return (

{content.heading}

{content.subheading}

{content.privacyText}

); }; export default EmailSignup;

Subscription Components

Bitcoin E-Mail Input