/* Card container background */
.gift-card {
background-color: #2e7d32; /* Dark green */
}
/* Button background */
.learn-more-btn {
background-color: #4caf50; /* Bright green */
border-color: #388e3c;
}
/* Button hover */
.learn-more-btn:hover {
background-color: #388e3c;
}
```jsx import React, { useState } from 'react'; import { CreditCard, Gift, Shield, Clock, Star, CheckCircle, Phone, Mail, MapPin } from 'lucide-react'; const App = () => { const [formData, setFormData] = useState({ name: '', email: '', phone: '', amount: '100' }); const handleInputChange = (e) => { setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = (e) => { e.preventDefault(); // In a real app, this would send data to a server alert('Thank you for your purchase! Your CPA Gift Card will be processed shortly.'); }; const giftAmounts = [ { value: '50', label: '$50' }, { value: '100', label: '$100' }, { value: '250', label: '$250' }, { value: '500', label: '$500' } ]; const features = [ { icon: , title: "Secure & Trus...
Comments
Post a Comment