import React from 'react'; const App = () => { const giftCards = [ { id: 1, title: "New Xbox Gift Card", image: "https://placehold.co/300x200/0078D4/FFFFFF?text=Xbox+Gift+Card", description: "New Xbox Gift Card!", buttonColor: "bg-blue-500 hover:bg-blue-600", values: ["$25", "$50", "$100"] }, { id: 2, title: "New PlayStation Gift Card", image: "https://placehold.co/300x200/003791/FFFFFF?text=PlayStation+Gift+Card", description: "New PlayStation Gift Card!", buttonColor: "bg-blue-700 hover:bg-blue-800", values: ["$20", "$50", "$100"] }, { id: 3, title: "New Google Play Gift Card", image: "https://placehold.co/300x200/4CAF50/FFFFFF?text=Google+Play+Gift+Card", description: "New Google Play Gift Card!", buttonColor: "bg-green-500 hover:bg-green-600", values: ["$10", "$25", "$50"] } ]; return (

Digital Gift Cards

{giftCards.map((card) => (

{card.title}

{card.description}

{card.values.map((value, index) => ( {value} ))}

))}

); }; export default App;