Test reel

import React, { useState, useEffect } from 'react'; import { Globe, TrendingUp, Store, MapPin, Bell, Menu, X, Sun, Moon, Search, Award, ChevronRight, BarChart3 } from 'lucide-react'; const ReussitessUltimatePWA = () => { const [darkMode, setDarkMode] = useState(false); const [menuOpen, setMenuOpen] = useState(false); const [userCountry, setUserCountry] = useState(null); const [selectedRegion, setSelectedRegion] = useState('all'); const [showInstallPrompt, setShowInstallPrompt] = useState(true); const [searchQuery, setSearchQuery] = useState(''); const shops = [ { country: 'USA', flag: '🇺🇸', name: 'United States', region: 'americas', personal: 'https://amzlink.to/az0LY0DXMG6dR', influencer: 'https://amzlink.to/az0G6w0uuYRlg', lang: 'en', coords: { x: 15, y: 40 } }, { country: 'FR', flag: '🇫🇷', name: 'France', region: 'europe', personal: 'https://amzlink.to/az0RLMqtXqC2d', influencer: null, lang: 'fr', coords: { x: 50, y: 35 } }, { country: 'IT', flag: '🇮🇹', name: 'Italia', region: 'europe', personal: 'https://amzlink.to/az0tV67jW36S7', influencer: 'https://amzlink.to/az0yC7BiDQmPg', lang: 'it', coords: { x: 52, y: 38 } }, { country: 'ES', flag: '🇪🇸', name: 'España', region: 'europe', personal: 'https://amzlink.to/az085o25FtlRd', influencer: 'https://amzlink.to/az0DKsP6Zr5IL', lang: 'es', coords: { x: 48, y: 40 } }, { country: 'DE', flag: '🇩🇪', name: 'Deutschland', region: 'europe', personal: 'https://amzlink.to/az00VtRPRGpmm', influencer: 'https://amzlink.to/az0PuGdrA0kgh', lang: 'de', coords: { x: 52, y: 33 } }, { country: 'CA', flag: '🇨🇦', name: 'Canada', region: 'americas', personal: 'https://amzlink.to/az0MvN3FRKKQQ', influencer: 'https://amzlink.to/az0YFa3j2fsnv', lang: 'en', coords: { x: 18, y: 25 } }, { country: 'IN', flag: '🇮🇳', name: 'India', region: 'asia', personal: 'https://amzlink.to/az0GVe8b9O7cF', influencer: 'https://amzlink.to/az0Qry9pNlCkw', lang: 'hi', coords: { x: 70, y: 42 } }, { country: 'NL', flag: '🇳🇱', name: 'Nederland', region: 'europe', personal: 'https://amzlink.to/az0G27sb8ZVbI', influencer: 'https://amzlink.to/az0v9jdbSf7Km', lang: 'nl', coords: { x: 50, y: 32 } }, { country: 'SE', flag: '🇸🇪', name: 'Sverige', region: 'europe', personal: 'https://amzlink.to/az0Ig0XgFkR8o', influencer: 'https://amzlink.to/az0Q5qEXfyqk5', lang: 'sv', coords: { x: 53, y: 25 } }, { country: 'SG', flag: '🇸🇬', name: 'Singapore', region: 'asia', personal: 'https://amzlink.to/az0b3TpUdq32r', influencer: 'https://amzlink.to/az05gMuq73i99', lang: 'en', coords: { x: 75, y: 52 } }, { country: 'UK', flag: '🇬🇧', name: 'United Kingdom', region: 'europe', personal: 'https://amzlink.to/az03r8CJgliMq', influencer: 'https://amzlink.to/az0VutIAPP8MY', lang: 'en', coords: { x: 49, y: 32 } }, { country: 'AU', flag: '🇦🇺', name: 'Australia', region: 'oceania', personal: 'https://amzlink.to/az05kTTrYJ06L', influencer: 'https://amzlink.to/az0on91nKaQvh', lang: 'en', coords: { x: 85, y: 70 } }, { country: 'BE', flag: '🇧🇪', name: 'België', region: 'europe', personal: 'https://amzlink.to/az08ZB76xWpGm', influencer: 'https://amzlink.to/az08ZB76xWpGm', lang: 'nl', coords: { x: 50, y: 33 } }, { country: 'BR', flag: '🇧🇷', name: 'Brasil', region: 'americas', personal: 'https://amzlink.to/az0ymmoCLHvyA', influencer: null, lang: 'pt', coords: { x: 30, y: 62 } } ]; const regions = [ { id: 'all', name: 'Tous les Pays', icon: Globe }, { id: 'europe', name: 'Europe', icon: MapPin }, { id: 'americas', name: 'Amériques', icon: MapPin }, { id: 'asia', name: 'Asie', icon: MapPin }, { id: 'oceania', name: 'Océanie', icon: MapPin } ]; const stats = [ { label: 'Pays', value: '14', icon: Globe, color: 'from-blue-500 to-cyan-500' }, { label: 'Boutiques', value: '26', icon: Store, color: 'from-purple-500 to-pink-500' }, { label: 'Régions', value: '4', icon: MapPin, color: 'from-orange-500 to-red-500' }, { label: 'Visites', value: '12.5K', icon: TrendingUp, color: 'from-green-500 to-emerald-500' } ]; useEffect(() => { // Simulate geolocation detection const detectCountry = async () => { // In production, use a real geolocation API const detected = shops[Math.floor(Math.random() * shops.length)]; setUserCountry(detected); }; detectCountry(); }, []); const filteredShops = selectedRegion === 'all' ? shops : shops.filter(shop => shop.region === selectedRegion); const searchedShops = searchQuery ? filteredShops.filter(shop => shop.name.toLowerCase().includes(searchQuery.toLowerCase()) || shop.country.toLowerCase().includes(searchQuery.toLowerCase()) ) : filteredShops; return (

{/* Install Prompt */} {showInstallPrompt && (

Installer l'application

Accès rapide à vos boutiques

)} {/* Header */}

Reussitess©

Global Nexus

{/* Geolocation Banner */} {userCountry && (

Détecté : {userCountry.flag} {userCountry.name}

Votre boutique locale est mise en avant

)} {/* Stats Dashboard */}

{stats.map((stat, idx) => (

{stat.value}

{stat.label}

))}

{/* Search Bar */}

setSearchQuery(e.target.value)} className={`flex-1 bg-transparent outline-none ${darkMode ? 'placeholder-gray-500' : 'placeholder-gray-400'}`} />

{/* Region Filters */}

{regions.map(region => ( ))}

{/* Interactive World Map */}

Carte Interactive Mondiale

{/* World map dots */} {shops.map((shop, idx) => (

{shop.flag} {shop.name}

Cliquez pour accéder

))}

{/* Shops Grid */}

Toutes les Boutiques ({searchedShops.length})

{searchedShops.map((shop, idx) => (

{shop.flag}

{shop.name}

{userCountry?.country === shop.country && ( Votre Pays )}

🛒 Boutique Principale {shop.influencer && ( ⭐ Influenceur )}

En tant que Partenaire Amazon, je réalise un bénéfice sur les achats qualifiés.

))}

{/* Footer */}

GUADELOUPE • TERRES DE CHAMPIONS

Excellence • Innovation • Succès

© 2024 Reussitess© Global Nexus. Tous droits réservés.

); }; export default ReussitessUltimatePWA;