Projet application

import React, { useState } from 'react'; import { Search, Globe, Star, ShoppingBag, Menu, X } from 'lucide-react'; const ReussitessApp = () => { const [searchTerm, setSearchTerm] = useState(''); const [selectedCategory, setSelectedCategory] = useState('all'); const [menuOpen, setMenuOpen] = useState(false); const shops = { personal: [ { country: '🇺🇸 United States', desc: 'Discover my curated Amazon shop with top products for the USA!', link: 'https://amzlink.to/az0LY0DXMG6dR', disclaimer: 'As an Amazon Associate, I earn from qualifying purchases.' }, { country: '🇫🇷 France', desc: 'Découvrez ma boutique Amazon avec une sélection spéciale !', link: 'https://amzlink.to/az0RLMqtXqC2d', disclaimer: 'En tant que Partenaire Amazon, je réalise un bénéfice sur les achats.' }, { country: '🇮🇹 Italia', desc: 'Scopri il mio negozio Amazon con prodotti selezionati!', link: 'https://amzlink.to/az0tV67jW36S7', disclaimer: 'Come Affiliato Amazon, ricevo una commissione.' }, { country: '🇪🇸 España', desc: '¡Explora mi tienda Amazon con productos destacados!', link: 'https://amzlink.to/az085o25FtlRd', disclaimer: 'Como Afiliado de Amazon, obtengo ingresos por las compras.' }, { country: '🇩🇪 Deutschland', desc: 'Entdecken Sie meinen Amazon-Shop mit ausgewählten Produkten!', link: 'https://amzlink.to/az00VtRPRGpmm', disclaimer: 'Als Amazon-Partner verdiene ich an qualifizierten Käufen.' }, { country: '🇨🇦 Canada', desc: 'Explore my Amazon shop tailored for Canadian customers!', link: 'https://amzlink.to/az0MvN3FRKKQQ', disclaimer: 'As an Amazon Associate, I earn from qualifying purchases.' }, { country: '🇮🇳 भारत (India)', desc: 'मेरी Amazon शॉप पर भारत के लिए विशेष उत्पाद देखें!', link: 'https://amzlink.to/az0GVe8b9O7cF', disclaimer: 'As an Amazon Associate, I earn from qualifying purchases.' }, { country: '🇳🇱 Nederland', desc: 'Ontdek mijn Amazon-winkel met topselecties!', link: 'https://amzlink.to/az0G27sb8ZVbI', disclaimer: 'Als Amazon-partner verdien ik aan aankopen.' }, { country: '🇸🇪 Sverige', desc: 'Upptäck min Amazon-butik med utvalda produkter!', link: 'https://amzlink.to/az0Ig0XgFkR8o', disclaimer: 'Som Amazon-partner tjänar jag på köp.' }, { country: '🇸🇬 Singapore', desc: 'Explore my curated Amazon shop for Singapore!', link: 'https://amzlink.to/az0b3TpUdq32r', disclaimer: 'As an Amazon Associate, I earn from qualifying purchases.' }, { country: '🇬🇧 United Kingdom', desc: 'Check out my Amazon shop with special picks for the UK!', link: 'https://amzlink.to/az03r8CJgliMq', disclaimer: 'As an Amazon Associate, I earn from qualifying purchases.' }, { country: '🇦🇺 Australia', desc: 'Discover my Amazon store with great products!', link: 'https://amzlink.to/az05kTTrYJ06L', disclaimer: 'As an Amazon Associate, I earn from qualifying purchases.' }, { country: '🇧🇪 België / Belgique', desc: 'Ontdek mijn Amazon-winkel met geselecteerde producten!', link: 'https://amzlink.to/az08ZB76xWpGm', disclaimer: 'Als Amazon-partner verdien ik aan aankopen.' }, { country: '🇧🇷 Brasil', desc: 'Conheça minha loja na Amazon com produtos selecionados!', link: 'https://amzlink.to/az0ymmoCLHvyA', disclaimer: 'Como Associado da Amazon, recebo comissões.' } ], influencer: [ { country: '🇺🇸 United States', desc: 'Explore the shop by influencer fb942837 for the USA!', link: 'https://amzlink.to/az0G6w0uuYRlg', disclaimer: 'As an Amazon Associate, I earn from qualifying purchases.' }, { country: '🇮🇹 Italia', desc: 'Scopri il negozio dell\'influencer fb942837!', link: 'https://amzlink.to/az0yC7BiDQmPg', disclaimer: 'Come Affiliato Amazon, ricevo una commissione.' }, { country: '🇪🇸 España', desc: '¡Explora la tienda del influencer fb942837!', link: 'https://amzlink.to/az0DKsP6Zr5IL', disclaimer: 'Como Afiliado de Amazon, obtengo ingresos.' }, { country: '🇩🇪 Deutschland', desc: 'Entdecken Sie den Shop des Influencers fb942837!', link: 'https://amzlink.to/az0PuGdrA0kgh', disclaimer: 'Als Amazon-Partner verdiene ich an Käufen.' }, { country: '🇨🇦 Canada', desc: 'Explore influencer fb942837\'s shop for Canada!', link: 'https://amzlink.to/az0YFa3j2fsnv', disclaimer: 'As an Amazon Associate, I earn from purchases.' }, { country: '🇮🇳 भारत (India)', desc: 'इन्फ्लुएंसर fb942837 की शॉप देखें!', link: 'https://amzlink.to/az0Qry9pNlCkw', disclaimer: 'As an Amazon Associate, I earn from purchases.' }, { country: '🇳🇱 Nederland', desc: 'Ontdek de winkel van influencer fb942837!', link: 'https://amzlink.to/az0v9jdbSf7Km', disclaimer: 'Als Amazon-partner verdien ik aan aankopen.' }, { country: '🇸🇪 Sverige', desc: 'Upptäck influencer fb942837:s butik!', link: 'https://amzlink.to/az0Q5qEXfyqk5', disclaimer: 'Som Amazon-partner tjänar jag på köp.' }, { country: '🇸🇬 Singapore', desc: 'Explore influencer fb942837\'s shop for Singapore!', link: 'https://amzlink.to/az05gMuq73i99', disclaimer: 'As an Amazon Associate, I earn from purchases.' }, { country: '🇬🇧 United Kingdom', desc: 'Check out influencer fb942837\'s shop for the UK!', link: 'https://amzlink.to/az0VutIAPP8MY', disclaimer: 'As an Amazon Associate, I earn from purchases.' }, { country: '🇦🇺 Australia', desc: 'Discover influencer fb942837\'s shop for Australia!', link: 'https://amzlink.to/az0on91nKaQvh', disclaimer: 'As an Amazon Associate, I earn from purchases.' }, { country: '🇧🇪 België / Belgique', desc: 'Ontdek de winkel van influencer fb942837!', link: 'https://amzlink.to/az08ZB76xWpGm', disclaimer: 'En tant que Partenaire Amazon, je réalise un bénéfice sur les achats.' } ] }; const allShops = [ ...shops.personal.map(s => ({ ...s, category: 'personal' })), ...shops.influencer.map(s => ({ ...s, category: 'influencer' })) ]; const filteredShops = allShops.filter(shop => { const matchesSearch = shop.country.toLowerCase().includes(searchTerm.toLowerCase()); const matchesCategory = selectedCategory === 'all' || shop.category === selectedCategory; return matchesSearch && matchesCategory; }); const totalShops = allShops.length; return (
{/* Header */}

Reussitess® Global Nexus

Mes {totalShops} boutiques dans le monde

{/* Mobile Menu */} {menuOpen && (
)}
{/* Search and Filters */}
setSearchTerm(e.target.value)} className="w-full pl-12 pr-4 py-3 rounded-xl bg-white/10 backdrop-blur-lg border border-white/20 text-white placeholder-purple-200 focus:outline-none focus:ring-2 focus:ring-yellow-400" />
{/* Results Count */}

{filteredShops.length} boutique{filteredShops.length > 1 ? 's' : ''} trouvée{filteredShops.length > 1 ? 's' : ''}

{/* Shop Cards */}
{filteredShops.map((shop, index) => (

{shop.country}

{shop.category === 'influencer' && ( )}

{shop.desc}

Visiter

{shop.disclaimer}

))}
{filteredShops.length === 0 && (

Aucune boutique trouvée

Essayez une autre recherche

)}
{/* Footer */}

🏆 Reussitess® Global Nexus 🏆

Connectant le monde à travers {totalShops} boutiques Amazon

); }; export default ReussitessApp;

Commentaires