Spaces:

ticoyoyo
/

test-mobile

Running

App Files Files Community

ticoyoyo commited on Apr 29, 2025

Commit

0a8e650

verified ·

1 Parent(s): a020c4b

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +962 -19
prompts.txt +3 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Test Mobile
-emoji: 🦀
-colorFrom: yellow
-colorTo: gray
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: test-mobile
+emoji: 🐳
+colorFrom: blue
+colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,962 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>PizzaFinder - Découvrez les meilleures pizzerias près de vous</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link rel="manifest" href="/manifest.json">
+    <style>
+        /* Mobile app styling */
+        body {
+            -webkit-tap-highlight-color: transparent;
+            -webkit-touch-callout: none;
+            overscroll-behavior-y: contain;
+        }
+        .bottom-nav {
+            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+        }
+        .active-nav-item {
+            color: #dc2626;
+        }
+        .map-container {
+            height: 300px;
+            width: 100%;
+            border-radius: 16px;
+        }
+        .pizza-card {
+            transition: all 0.2s ease;
+        }
+        .pizza-card:active {
+            transform: scale(0.98);
+        }
+        .partner-badge {
+            position: absolute;
+            top: 8px;
+            right: 8px;
+            z-index: 10;
+        }
+        .modal-content {
+            max-height: 90vh;
+            overflow-y: auto;
+            -webkit-overflow-scrolling: touch;
+        }
+        /* Hide scrollbar but allow scrolling */
+        .hide-scrollbar {
+            -ms-overflow-style: none;
+            scrollbar-width: none;
+        }
+        .hide-scrollbar::-webkit-scrollbar {
+            display: none;
+        }
+        /* Splash screen */
+        .splash-screen {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: #dc2626;
+            z-index: 9999;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            animation: fadeOut 0.5s ease 2s forwards;
+        }
+        @keyframes fadeOut {
+            to {
+                opacity: 0;
+                visibility: hidden;
+            }
+        }
+    </style>
+</head>
+<body class="bg-gray-50 font-sans relative">
+    <!-- Splash Screen -->
+    <div class="splash-screen">
+        <i class="fas fa-pizza-slice text-white text-6xl mb-4 animate-bounce"></i>
+        <h1 class="text-white text-2xl font-bold">PizzaFinder</h1>
+    </div>
+    <!-- Header -->
+    <header class="bg-red-600 text-white sticky top-0 z-10 shadow-sm">
+        <div class="container mx-auto px-4 py-3">
+            <div class="flex justify-between items-center">
+                <div class="flex items-center space-x-2">
+                    <i class="fas fa-pizza-slice text-xl"></i>
+                    <h1 class="text-xl font-bold">PizzaFinder</h1>
+                </div>
+                <div class="flex items-center space-x-4">
+                    <button id="favorites-btn" class="relative">
+                        <i class="fas fa-heart text-lg"></i>
+                        <span id="fav-count" class="absolute -top-2 -right-2 bg-yellow-400 text-red-700 rounded-full w-5 h-5 flex items-center justify-center text-xs font-bold hidden">0</span>
+                    </button>
+                    <button id="search-btn-mobile">
+                        <i class="fas fa-search text-lg"></i>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </header>
+    <!-- Main Content -->
+    <main class="pb-16">
+        <!-- Map View (default) -->
+        <div id="map-view" class="px-4 py-3">
+            <div class="relative">
+                <div id="map" class="map-container"></div>
+                <button id="current-location-btn" class="absolute bottom-4 right-4 bg-white p-3 rounded-full shadow-lg text-red-600">
+                    <i class="fas fa-location-arrow"></i>
+                </button>
+            </div>
+            <!-- Quick Filters -->
+            <div class="flex space-x-2 mt-3 overflow-x-auto hide-scrollbar pb-2">
+                <button class="filter-chip bg-red-600 text-white px-3 py-1 rounded-full text-sm whitespace-nowrap">
+                    <i class="fas fa-crown mr-1"></i> Partenaires
+                </button>
+                <button class="filter-chip bg-white border border-gray-300 px-3 py-1 rounded-full text-sm whitespace-nowrap">
+                    <i class="fas fa-fire mr-1"></i> Populaires
+                </button>
+                <button class="filter-chip bg-white border border-gray-300 px-3 py-1 rounded-full text-sm whitespace-nowrap">
+                    <i class="fas fa-leaf mr-1"></i> Végétarien
+                </button>
+                <button class="filter-chip bg-white border border-gray-300 px-3 py-1 rounded-full text-sm whitespace-nowrap">
+                    <i class="fas fa-bolt mr-1"></i> Livraison rapide
+                </button>
+                <button class="filter-chip bg-white border border-gray-300 px-3 py-1 rounded-full text-sm whitespace-nowrap">
+                    <i class="fas fa-clock mr-1"></i> Ouvert maintenant
+                </button>
+            </div>
+            <!-- Nearby Pizzerias -->
+            <h2 class="text-lg font-bold mt-4 mb-2">À proximité</h2>
+            <div id="nearby-list" class="space-y-3">
+                <!-- Nearby items will be inserted here by JS -->
+            </div>
+        </div>
+        <!-- List View (hidden by default) -->
+        <div id="list-view" class="px-4 py-3 hidden">
+            <div class="flex justify-between items-center mb-3">
+                <h2 class="text-lg font-bold">Toutes les pizzerias</h2>
+                <div class="flex space-x-1">
+                    <button id="sort-distance" class="bg-gray-100 px-3 py-1 rounded-full text-xs font-medium">Distance</button>
+                    <button id="sort-rating" class="bg-gray-100 px-3 py-1 rounded-full text-xs font-medium">Note</button>
+                </div>
+            </div>
+            <div id="full-list" class="space-y-3">
+                <!-- Full list items will be inserted here by JS -->
+            </div>
+        </div>
+        <!-- Favorites View (hidden by default) -->
+        <div id="favorites-view" class="px-4 py-3 hidden">
+            <h2 class="text-lg font-bold mb-3">Vos favoris</h2>
+            <div id="favorites-list" class="space-y-3">
+                <!-- Favorites items will be inserted here by JS -->
+            </div>
+            <div id="empty-favorites" class="text-center py-10 hidden">
+                <i class="fas fa-heart text-gray-300 text-4xl mb-3"></i>
+                <p class="text-gray-500">Aucune pizzeria en favoris</p>
+                <button class="mt-4 text-red-600 font-medium">Explorer les pizzerias</button>
+            </div>
+        </div>
+    </main>
+    <!-- Bottom Navigation -->
+    <nav class="bottom-nav bg-white fixed bottom-0 w-full flex justify-around items-center py-3 z-10">
+        <button class="nav-item active-nav-item flex flex-col items-center" data-view="map">
+            <i class="fas fa-map-marker-alt text-xl"></i>
+            <span class="text-xs mt-1">Carte</span>
+        </button>
+        <button class="nav-item text-gray-500 flex flex-col items-center" data-view="list">
+            <i class="fas fa-list text-xl"></i>
+            <span class="text-xs mt-1">Liste</span>
+        </button>
+        <button class="nav-item text-gray-500 flex flex-col items-center" data-view="favorites">
+            <i class="fas fa-heart text-xl"></i>
+            <span class="text-xs mt-1">Favoris</span>
+        </button>
+        <button class="nav-item text-gray-500 flex flex-col items-center" id="user-btn">
+            <i class="fas fa-user-circle text-xl"></i>
+            <span class="text-xs mt-1">Compte</span>
+        </button>
+    </nav>
+    <!-- Search Modal -->
+    <div id="search-modal" class="fixed inset-0 bg-white z-20 hidden flex flex-col">
+        <div class="px-4 py-3 border-b border-gray-200 flex items-center">
+            <button id="close-search" class="mr-3 text-gray-500">
+                <i class="fas fa-arrow-left"></i>
+            </button>
+            <div class="flex-1 relative">
+                <input type="text" id="search-input" placeholder="Rechercher une pizzeria, une ville..." class="w-full py-2 px-4 bg-gray-100 rounded-full focus:outline-none">
+                <button id="search-submit" class="absolute right-3 top-2 text-gray-500">
+                    <i class="fas fa-search"></i>
+                </button>
+            </div>
+        </div>
+        <div class="flex-1 overflow-y-auto px-4 py-3">
+            <h3 class="font-bold text-gray-500 mb-2">Recherches récentes</h3>
+            <div class="space-y-2">
+                <button class="w-full text-left py-2 px-3 bg-gray-100 rounded-lg">Pizza végétarienne</button>
+                <button class="w-full text-left py-2 px-3 bg-gray-100 rounded-lg">Four à bois</button>
+                <button class="w-full text-left py-2 px-3 bg-gray-100 rounded-lg">Paris 15ème</button>
+            </div>
+            <h3 class="font-bold text-gray-500 mt-4 mb-2">Suggestions</h3>
+            <div class="flex flex-wrap gap-2">
+                <button class="bg-gray-100 px-3 py-1 rounded-full text-sm">Ouvert maintenant</button>
+                <button class="bg-gray-100 px-3 py-1 rounded-full text-sm">Livraison gratuite</button>
+                <button class="bg-gray-100 px-3 py-1 rounded-full text-sm">Promotions</button>
+                <button class="bg-gray-100 px-3 py-1 rounded-full text-sm">Note 4+</button>
+            </div>
+        </div>
+    </div>
+    <!-- Restaurant Detail Modal -->
+    <div id="restaurant-modal" class="fixed inset-0 bg-black bg-opacity-50 z-30 hidden flex items-end">
+        <div class="modal-content bg-white w-full rounded-t-3xl animate-slideUp">
+            <div class="relative">
+                <img src="https://images.unsplash.com/photo-1513104890138-7c749659a591?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Pizzeria" class="w-full h-48 object-cover rounded-t-3xl">
+                <button id="close-modal" class="absolute top-4 right-4 bg-white p-2 rounded-full shadow-lg">
+                    <i class="fas fa-times text-gray-700"></i>
+                </button>
+                <div id="partner-badge-modal" class="absolute top-4 left-4 bg-yellow-400 text-red-700 px-3 py-1 rounded-full font-bold text-xs flex items-center">
+                    <i class="fas fa-crown mr-1"></i>
+                    <span>Partenaire</span>
+                </div>
+            </div>
+            <div class="p-5">
+                <div class="flex justify-between items-start">
+                    <div>
+                        <h2 id="modal-title" class="text-xl font-bold">La Pizzeria du Coin</h2>
+                        <div class="flex items-center mt-1">
+                            <div class="flex text-yellow-400 text-sm">
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star-half-alt"></i>
+                            </div>
+                            <span class="text-gray-600 ml-2 text-sm">4.5 (128 avis)</span>
+                        </div>
+                    </div>
+                    <button id="favorite-btn" class="text-2xl text-gray-300">
+                        <i class="far fa-heart"></i>
+                    </button>
+                </div>
+                <div class="mt-4 grid grid-cols-2 gap-3 text-sm">
+                    <div class="flex items-center">
+                        <i class="fas fa-map-marker-alt text-red-600 mr-2"></i>
+                        <span id="modal-address">12 Rue de la Pizza, Paris</span>
+                    </div>
+                    <div class="flex items-center">
+                        <i class="fas fa-phone text-red-600 mr-2"></i>
+                        <span id="modal-phone">01 23 45 67 89</span>
+                    </div>
+                    <div class="flex items-center">
+                        <i class="fas fa-clock text-red-600 mr-2"></i>
+                        <span id="modal-hours">Ouvert • Ferme à 22h30</span>
+                    </div>
+                    <div class="flex items-center">
+                        <i class="fas fa-euro-sign text-red-600 mr-2"></i>
+                        <span id="modal-price">€€ - Moyen</span>
+                    </div>
+                </div>
+                <div class="mt-5">
+                    <h3 class="font-bold mb-2">Spécialités</h3>
+                    <div id="modal-specialties" class="flex flex-wrap gap-2">
+                        <span class="bg-gray-100 px-3 py-1 rounded-full text-xs">Four à bois</span>
+                        <span class="bg-gray-100 px-3 py-1 rounded-full text-xs">Végétarienne</span>
+                        <span class="bg-gray-100 px-3 py-1 rounded-full text-xs">Produits frais</span>
+                    </div>
+                </div>
+                <div class="mt-5">
+                    <h3 class="font-bold mb-2">Description</h3>
+                    <p id="modal-description" class="text-gray-700 text-sm">Pizzas artisanales cuites au feu de bois avec des ingrédients frais et locaux. Notre chef italien apporte son savoir-faire traditionnel.</p>
+                </div>
+                <div id="partner-section" class="mt-5 bg-yellow-50 border border-yellow-200 rounded-lg p-4">
+                    <div class="flex items-center mb-2">
+                        <i class="fas fa-crown text-yellow-500 mr-2"></i>
+                        <h3 class="font-bold text-sm">Pizzeria partenaire</h3>
+                    </div>
+                    <p class="text-gray-700 text-xs mb-3">Cette pizzeria est partenaire et dispose de sa propre application avec des fonctionnalités supplémentaires !</p>
+                    <button id="partner-redirect" class="w-full bg-yellow-400 text-red-700 py-2 rounded-lg font-bold text-sm flex items-center justify-center space-x-2">
+                        <i class="fas fa-external-link-alt"></i>
+                        <span>Ouvrir l'application</span>
+                    </button>
+                </div>
+                <div class="mt-4 grid grid-cols-2 gap-3">
+                    <button class="bg-red-600 text-white py-3 rounded-lg font-bold text-sm flex items-center justify-center space-x-2">
+                        <i class="fas fa-phone"></i>
+                        <span>Appeler</span>
+                    </button>
+                    <button class="bg-white border border-red-600 text-red-600 py-3 rounded-lg font-bold text-sm flex items-center justify-center space-x-2">
+                        <i class="fas fa-route"></i>
+                        <span>Itinéraire</span>
+                    </button>
+                </div>
+                <button class="mt-3 w-full bg-red-600 text-white py-3 rounded-lg font-bold text-sm">
+                    Voir le menu complet
+                </button>
+            </div>
+        </div>
+    </div>
+    <!-- Login Modal -->
+    <div id="login-modal" class="fixed inset-0 bg-black bg-opacity-50 z-30 hidden flex items-center justify-center p-4">
+        <div class="bg-white rounded-xl max-w-sm w-full p-6 animate-popIn">
+            <div class="flex justify-between items-center mb-5">
+                <h2 class="text-xl font-bold">Connexion</h2>
+                <button id="close-login" class="text-gray-500">
+                    <i class="fas fa-times"></i>
+                </button>
+            </div>
+            <div class="space-y-4">
+                <div>
+                    <label for="login-email" class="block text-sm font-medium text-gray-700 mb-1">Email</label>
+                    <input type="email" id="login-email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-red-500 focus:border-red-500 text-sm">
+                </div>
+                <div>
+                    <label for="login-password" class="block text-sm font-medium text-gray-700 mb-1">Mot de passe</label>
+                    <input type="password" id="login-password" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-red-500 focus:border-red-500 text-sm">
+                </div>
+                <button id="login-btn" class="w-full bg-red-600 text-white py-3 rounded-lg font-bold text-sm mt-3">
+                    Se connecter
+                </button>
+                <div class="text-center mt-4">
+                    <p class="text-xs text-gray-600">Vous êtes une pizzeria ? <button id="show-business" class="text-red-600 hover:underline">Accédez à votre espace</button></p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Load Google Maps API -->
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDkEJH8YQq0VXvNqk6BIS7E6n4Q1lZzJ6E&callback=initMap" async defer></script>
+    <script>
+        // Sample data for pizzerias
+        const pizzerias = [
+            {
+                id: 1,
+                name: "La Pizzeria du Coin",
+                address: "12 Rue de la Pizza, 75000 Paris",
+                phone: "01 23 45 67 89",
+                distance: 0.5,
+                rating: 4.5,
+                reviews: 128,
+                price: "€€",
+                hours: "Ouvert • Ferme à 22h30",
+                description: "Pizzas artisanales cuites au feu de bois avec des ingrédients frais et locaux. Notre chef italien apporte son savoir-faire traditionnel pour vous offrir une expérience authentique.",
+                specialties: ["Four à bois", "Végétarienne", "Produits frais"],
+                partner: true,
+                partnerUrl: "https://pizzeriaducoin.com/app",
+                image: "https://images.unsplash.com/photo-1513104890138-7c749659a591?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80",
+                lat: 48.8566,
+                lng: 2.3522
+            },
+            {
+                id: 2,
+                name: "Pizza Napoli",
+                address: "34 Avenue des Gourmets, 69000 Lyon",
+                phone: "04 56 78 90 12",
+                distance: 1.2,
+                rating: 4.2,
+                reviews: 87,
+                price: "€",
+                hours: "Ouvert • Ferme à 23h00",
+                description: "Pizzas napolitaines authentiques préparées selon les traditions italiennes.",
+                specialties: ["Tradition napolitaine", "Pâte maison", "Livraison rapide"],
+                partner: false,
+                image: "https://images.unsplash.com/photo-1604382354936-9c362fad7426?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1374&q=80",
+                lat: 45.7640,
+                lng: 4.8357
+            },
+            {
+                id: 3,
+                name: "Mama Mia",
+                address: "56 Boulevard des Saveurs, 13000 Marseille",
+                phone: "04 91 23 45 67",
+                distance: 2.1,
+                rating: 4.7,
+                reviews: 215,
+                price: "€€€",
+                hours: "Fermé • Ouvre à 18h30",
+                description: "Pizzas gastronomiques avec des combinaisons de saveurs uniques et des produits haut de gamme.",
+                specialties: ["Gastronomique", "Produits bio", "Vin sélection"],
+                partner: true,
+                partnerUrl: "https://mamamia-pizza.com/app",
+                image: "https://images.unsplash.com/photo-1593504049359-74330189a345?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1527&q=80",
+                lat: 43.2965,
+                lng: 5.3698
+            },
+            {
+                id: 4,
+                name: "Pizza Express",
+                address: "78 Rue de la Rapidité, 75000 Paris",
+                phone: "01 98 76 54 32",
+                distance: 0.8,
+                rating: 3.9,
+                reviews: 65,
+                price: "€",
+                hours: "Ouvert • Ferme à 00h30",
+                description: "Pizzas rapides et délicieuses pour les soirées pressées ou les livraisons à domicile.",
+                specialties: ["Livraison rapide", "Ouvert tard", "Promotions"],
+                partner: false,
+                image: "https://images.unsplash.com/photo-1571407970349-bc81e7e96d47?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1325&q=80",
+                lat: 48.8600,
+                lng: 2.3400
+            },
+            {
+                id: 5,
+                name: "Pizza Verde",
+                address: "90 Allée Végétale, 69000 Lyon",
+                phone: "04 32 10 98 76",
+                distance: 1.5,
+                rating: 4.3,
+                reviews: 94,
+                price: "€€",
+                hours: "Ouvert • Ferme à 22h00",
+                description: "Pizzas végétariennes et véganes avec des alternatives créatives et savoureuses.",
+                specialties: ["Végétarienne", "Végane", "Sans gluten"],
+                partner: true,
+                partnerUrl: "https://pizzaverde.com/app",
+                image: "https://images.unsplash.com/photo-1613564834361-9436948817d1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1543&q=80",
+                lat: 45.7500,
+                lng: 4.8500
+            }
+        ];
+        // Favorites
+        let favorites = JSON.parse(localStorage.getItem('favorites')) || [];
+        // DOM Elements
+        const mapView = document.getElementById('map-view');
+        const listView = document.getElementById('list-view');
+        const favoritesView = document.getElementById('favorites-view');
+        const nearbyList = document.getElementById('nearby-list');
+        const fullList = document.getElementById('full-list');
+        const favoritesList = document.getElementById('favorites-list');
+        const emptyFavorites = document.getElementById('empty-favorites');
+        const navItems = document.querySelectorAll('.nav-item');
+        const restaurantModal = document.getElementById('restaurant-modal');
+        const closeModal = document.getElementById('close-modal');
+        const favoriteBtn = document.getElementById('favorite-btn');
+        const favoritesBtn = document.getElementById('favorites-btn');
+        const favCount = document.getElementById('fav-count');
+        const userBtn = document.getElementById('user-btn');
+        const loginModal = document.getElementById('login-modal');
+        const closeLogin = document.getElementById('close-login');
+        const searchModal = document.getElementById('search-modal');
+        const searchBtnMobile = document.getElementById('search-btn-mobile');
+        const closeSearch = document.getElementById('close-search');
+        const currentLocationBtn = document.getElementById('current-location-btn');
+        // Google Map variables
+        let map;
+        let markers = [];
+        let userMarker;
+        // Initialize map
+        function initMap() {
+            // Default to Paris center
+            const paris = { lat: 48.8566, lng: 2.3522 };
+            // Create map
+            map = new google.maps.Map(document.getElementById('map'), {
+                center: paris,
+                zoom: 14,
+                styles: [
+                    {
+                        "featureType": "poi",
+                        "elementType": "labels",
+                        "stylers": [
+                            {
+                                "visibility": "off"
+                            }
+                        ]
+                    }
+                ]
+            });
+            // Add user location marker
+            userMarker = new google.maps.Marker({
+                position: paris,
+                map: map,
+                icon: {
+                    path: google.maps.SymbolPath.CIRCLE,
+                    scale: 8,
+                    fillColor: '#4285F4',
+                    fillOpacity: 1,
+                    strokeColor: '#FFFFFF',
+                    strokeWeight: 2
+                }
+            });
+            // Add pizzerias markers
+            addPizzeriasMarkers();
+            // Try to get user's current location
+            if (navigator.geolocation) {
+                navigator.geolocation.getCurrentPosition(
+                    (position) => {
+                        const userLocation = {
+                            lat: position.coords.latitude,
+                            lng: position.coords.longitude
+                        };
+                        // Update user marker
+                        userMarker.setPosition(userLocation);
+                        // Center map on user location
+                        map.setCenter(userLocation);
+                        // Update distances
+                        updateDistances(userLocation);
+                    },
+                    () => {
+                        // Handle error (use default location)
+                        console.log('Geolocation error, using default location');
+                    }
+                );
+            }
+        }
+        // Add markers for all pizzerias
+        function addPizzeriasMarkers() {
+            // Clear existing markers
+            markers.forEach(marker => marker.setMap(null));
+            markers = [];
+            pizzerias.forEach(pizzeria => {
+                const marker = new google.maps.Marker({
+                    position: { lat: pizzeria.lat, lng: pizzeria.lng },
+                    map: map,
+                    title: pizzeria.name,
+                    icon: {
+                        url: "https://maps.google.com/mapfiles/ms/icons/red-dot.png"
+                    }
+                });
+                // Add click event to show details
+                marker.addListener('click', () => {
+                    showRestaurantDetails(pizzeria.id);
+                });
+                markers.push(marker);
+            });
+        }
+        // Update distances from user location
+        function updateDistances(userLocation) {
+            pizzerias.forEach(pizzeria => {
+                pizzeria.distance = calculateDistance(
+                    userLocation.lat,
+                    userLocation.lng,
+                    pizzeria.lat,
+                    pizzeria.lng
+                ).toFixed(1);
+            });
+            // Re-render pizzerias with updated distances
+            renderPizzerias();
+        }
+        // Calculate distance between two points in km
+        function calculateDistance(lat1, lon1, lat2, lon2) {
+            const R = 6371; // Radius of the earth in km
+            const dLat = deg2rad(lat2 - lat1);
+            const dLon = deg2rad(lon2 - lon1);
+            const a =
+                Math.sin(dLat/2) * Math.sin(dLat/2) +
+                Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) *
+                Math.sin(dLon/2) * Math.sin(dLon/2);
+            const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
+            return R * c; // Distance in km
+        }
+        function deg2rad(deg) {
+            return deg * (Math.PI/180);
+        }
+        // Render pizzerias
+        function renderPizzerias() {
+            // Clear existing results
+            nearbyList.innerHTML = '';
+            fullList.innerHTML = '';
+            favoritesList.innerHTML = '';
+            // Sort by distance for nearby view
+            const nearbyPizzerias = [...pizzerias].sort((a, b) => a.distance - b.distance).slice(0, 3);
+            // Render nearby pizzerias (map view)
+            nearbyPizzerias.forEach(pizzeria => {
+                nearbyList.innerHTML += createPizzeriaCard(pizzeria, true);
+            });
+            // Render all pizzerias (list view)
+            pizzerias.forEach(pizzeria => {
+                fullList.innerHTML += createPizzeriaCard(pizzeria, false);
+            });
+            // Render favorites
+            if (favorites.length > 0) {
+                favorites.forEach(id => {
+                    const pizzeria = pizzerias.find(p => p.id === id);
+                    if (pizzeria) {
+                        favoritesList.innerHTML += createPizzeriaCard(pizzeria, false);
+                    }
+                });
+                emptyFavorites.classList.add('hidden');
+            } else {
+                emptyFavorites.classList.remove('hidden');
+            }
+            // Update favorites count
+            updateFavoritesCount();
+            // Add event listeners to all view details buttons
+            document.querySelectorAll('.view-details').forEach(button => {
+                button.addEventListener('click', (e) => {
+                    const id = parseInt(e.currentTarget.getAttribute('data-id'));
+                    showRestaurantDetails(id);
+                });
+            });
+            // Add event listeners to all favorite toggles
+            document.querySelectorAll('.favorite-toggle').forEach(button => {
+                button.addEventListener('click', (e) => {
+                    const id = parseInt(e.currentTarget.getAttribute('data-id'));
+                    toggleFavorite(id);
+                });
+            });
+        }
+        // Create pizzeria card HTML
+        function createPizzeriaCard(pizzeria, isSmall) {
+            const isFavorite = favorites.includes(pizzeria.id);
+            if (isSmall) {
+                return `
+                    <div class="bg-white rounded-lg shadow p-3 flex pizza-card" data-id="${pizzeria.id}">
+                        <img src="${pizzeria.image}" alt="${pizzeria.name}" class="w-16 h-16 object-cover rounded-lg">
+                        <div class="ml-3 flex-1">
+                            <div class="flex justify-between items-start">
+                                <div>
+                                    <h3 class="font-bold text-sm">${pizzeria.name}</h3>
+                                    <div class="flex items-center mt-1">
+                                        <div class="flex text-yellow-400 text-xs">
+                                            ${renderStars(pizzeria.rating)}
+                                        </div>
+                                        <span class="text-gray-600 ml-1 text-xs">${pizzeria.rating}</span>
+                                    </div>
+                                </div>
+                                <button class="favorite-toggle text-lg ${isFavorite ? 'text-red-500' : 'text-gray-300'}" data-id="${pizzeria.id}">
+                                    <i class="fas fa-heart"></i>
+                                </button>
+                            </div>
+                            <div class="flex items-center mt-2 text-xs text-gray-600">
+                                <i class="fas fa-map-marker-alt mr-1 text-red-600"></i>
+                                <span>${pizzeria.distance} km</span>
+                            </div>
+                            <div class="flex flex-wrap gap-1 mt-2">
+                                ${pizzeria.specialties.slice(0, 2).map(spec => `<span class="bg-gray-100 px-2 py-0.5 rounded-full text-2xs">${spec}</span>`).join('')}
+                            </div>
+                        </div>
+                    </div>
+                `;
+            } else {
+                return `
+                    <div class="bg-white rounded-lg shadow overflow-hidden pizza-card">
+                        <div class="relative">
+                            <img src="${pizzeria.image}" alt="${pizzeria.name}" class="w-full h-32 object-cover">
+                            ${pizzeria.partner ? '<div class="partner-badge bg-yellow-400 text-red-700 px-2 py-1 rounded-full text-xs font-bold flex items-center"><i class="fas fa-crown mr-1"></i> Partenaire</div>' : ''}
+                        </div>
+                        <div class="p-3">
+                            <div class="flex justify-between items-start">
+                                <div>
+                                    <h3 class="font-bold text-sm">${pizzeria.name}</h3>
+                                    <div class="flex items-center mt-1">
+                                        <div class="flex text-yellow-400 text-xs">
+                                            ${renderStars(pizzeria.rating)}
+                                        </div>
+                                        <span class="text-gray-600 ml-1 text-xs">${pizzeria.rating} (${pizzeria.reviews})</span>
+                                    </div>
+                                </div>
+                                <button class="favorite-toggle text-lg ${isFavorite ? 'text-red-500' : 'text-gray-300'}" data-id="${pizzeria.id}">
+                                    <i class="fas fa-heart"></i>
+                                </button>
+                            </div>
+                            <div class="flex items-center mt-2 text-xs text-gray-600">
+                                <i class="fas fa-map-marker-alt mr-1 text-red-600"></i>
+                                <span>${pizzeria.distance} km • ${pizzeria.address.split(',')[0]}</span>
+                            </div>
+                            <div class="flex items-center mt-2 text-xs text-gray-600">
+                                <i class="fas fa-clock mr-1 text-red-600"></i>
+                                <span>${pizzeria.hours}</span>
+                            </div>
+                            <div class="flex flex-wrap gap-1 mt-2">
+                                ${pizzeria.specialties.map(spec => `<span class="bg-gray-100 px-2 py-0.5 rounded-full text-2xs">${spec}</span>`).join('')}
+                            </div>
+                            <button class="mt-3 w-full bg-red-600 text-white py-2 rounded-lg text-xs font-bold view-details" data-id="${pizzeria.id}">
+                                Voir la fiche
+                            </button>
+                        </div>
+                    </div>
+                `;
+            }
+        }
+        // Render star rating
+        function renderStars(rating) {
+            let stars = '';
+            const fullStars = Math.floor(rating);
+            const hasHalfStar = rating % 1 >= 0.5;
+            for (let i = 0; i < fullStars; i++) {
+                stars += '<i class="fas fa-star"></i>';
+            }
+            if (hasHalfStar) {
+                stars += '<i class="fas fa-star-half-alt"></i>';
+            }
+            const emptyStars = 5 - fullStars - (hasHalfStar ? 1 : 0);
+            for (let i = 0; i < emptyStars; i++) {
+                stars += '<i class="far fa-star"></i>';
+            }
+            return stars;
+        }
+        // Show restaurant details in modal
+        function showRestaurantDetails(id) {
+            const pizzeria = pizzerias.find(p => p.id === id);
+            if (!pizzeria) return;
+            const isFavorite = favorites.includes(id);
+            // Update modal content
+            document.getElementById('modal-title').textContent = pizzeria.name;
+            document.getElementById('modal-address').textContent = pizzeria.address.split(',')[0];
+            document.getElementById('modal-phone').textContent = pizzeria.phone;
+            document.getElementById('modal-hours').textContent = pizzeria.hours;
+            document.getElementById('modal-price').textContent = pizzeria.price;
+            document.getElementById('modal-description').textContent = pizzeria.description;
+            // Update stars
+            const starsContainer = document.querySelector('#restaurant-modal .flex.text-yellow-400');
+            starsContainer.innerHTML = renderStars(pizzeria.rating);
+            starsContainer.nextElementSibling.textContent = `${pizzeria.rating} (${pizzeria.reviews} avis)`;
+            // Update specialties
+            const specialtiesContainer = document.getElementById('modal-specialties');
+            specialtiesContainer.innerHTML = pizzeria.specialties.map(spec =>
+                `<span class="bg-gray-100 px-2 py-1 rounded-full text-xs">${spec}</span>`
+            ).join('');
+            // Update favorite button
+            favoriteBtn.innerHTML = isFavorite ? '<i class="fas fa-heart text-red-500"></i>' : '<i class="far fa-heart"></i>';
+            favoriteBtn.setAttribute('data-id', pizzeria.id);
+            // Update partner section
+            const partnerSection = document.getElementById('partner-section');
+            if (pizzeria.partner) {
+                partnerSection.classList.remove('hidden');
+                document.getElementById('partner-redirect').setAttribute('data-url', pizzeria.partnerUrl);
+                document.getElementById('partner-badge-modal').classList.remove('hidden');
+            } else {
+                partnerSection.classList.add('hidden');
+                document.getElementById('partner-badge-modal').classList.add('hidden');
+            }
+            // Show modal
+            restaurantModal.classList.remove('hidden');
+            document.body.style.overflow = 'hidden';
+        }
+        // Toggle favorite
+        function toggleFavorite(id) {
+            const index = favorites.indexOf(id);
+            if (index === -1) {
+                favorites.push(id);
+            } else {
+                favorites.splice(index, 1);
+            }
+            // Save to localStorage
+            localStorage.setItem('favorites', JSON.stringify(favorites));
+            // Re-render pizzerias to update heart icons
+            renderPizzerias();
+            // Update favorites count
+            updateFavoritesCount();
+        }
+        // Update favorites count display
+        function updateFavoritesCount() {
+            if (favorites.length > 0) {
+                favCount.textContent = favorites.length;
+                favCount.classList.remove('hidden');
+            } else {
+                favCount.classList.add('hidden');
+            }
+        }
+        // Switch between views
+        function switchView(view) {
+            mapView.classList.add('hidden');
+            listView.classList.add('hidden');
+            favoritesView.classList.add('hidden');
+            if (view === 'map') {
+                mapView.classList.remove('hidden');
+            } else if (view === 'list') {
+                listView.classList.remove('hidden');
+            } else if (view === 'favorites') {
+                favoritesView.classList.remove('hidden');
+            }
+            // Update active nav item
+            navItems.forEach(item => {
+                if (item.getAttribute('data-view') === view) {
+                    item.classList.add('active-nav-item');
+                    item.classList.remove('text-gray-500');
+                } else {
+                    item.classList.remove('active-nav-item');
+                    item.classList.add('text-gray-500');
+                }
+            });
+        }
+        // Event listeners
+        navItems.forEach(item => {
+            item.addEventListener('click', () => {
+                const view = item.getAttribute('data-view');
+                switchView(view);
+            });
+        });
+        closeModal.addEventListener('click', () => {
+            restaurantModal.classList.add('hidden');
+            document.body.style.overflow = 'auto';
+        });
+        favoriteBtn.addEventListener('click', () => {
+            const id = parseInt(favoriteBtn.getAttribute('data-id'));
+            if (id) toggleFavorite(id);
+        });
+        favoritesBtn.addEventListener('click', () => {
+            switchView('favorites');
+        });
+        userBtn.addEventListener('click', () => {
+            loginModal.classList.remove('hidden');
+            document.body.style.overflow = 'hidden';
+        });
+        closeLogin.addEventListener('click', () => {
+            loginModal.classList.add('hidden');
+            document.body.style.overflow = 'auto';
+        });
+        document.getElementById('login-btn').addEventListener('click', () => {
+            const email = document.getElementById('login-email').value;
+            const password = document.getElementById('login-password').value;
+            // Simple check for demo purposes
+            if (email && password) {
+                loginModal.classList.add('hidden');
+                document.body.style.overflow = 'auto';
+                alert('Connecté avec succès!');
+            } else {
+                alert('Veuillez entrer un email et un mot de passe');
+            }
+        });
+        searchBtnMobile.addEventListener('click', () => {
+            searchModal.classList.remove('hidden');
+            document.body.style.overflow = 'hidden';
+        });
+        closeSearch.addEventListener('click', () => {
+            searchModal.classList.add('hidden');
+            document.body.style.overflow = 'auto';
+        });
+        document.getElementById('partner-redirect').addEventListener('click', () => {
+            const url = document.getElementById('partner-redirect').getAttribute('data-url');
+            alert(`Redirection vers l'application partenaire: ${url}`);
+            // In a real app: window.location.href = url;
+        });
+        // Current location button
+        currentLocationBtn.addEventListener('click', () => {
+            if (navigator.geolocation) {
+                navigator.geolocation.getCurrentPosition(
+                    (position) => {
+                        const userLocation = {
+                            lat: position.coords.latitude,
+                            lng: position.coords.longitude
+                        };
+                        // Update user marker
+                        userMarker.setPosition(userLocation);
+                        // Center map on user location
+                        map.setCenter(userLocation);
+                        // Update distances
+                        updateDistances(userLocation);
+                    },
+                    () => {
+                        alert('Impossible d\'obtenir votre position');
+                    }
+                );
+            } else {
+                alert('La géolocalisation n\'est pas supportée par votre navigateur');
+            }
+        });
+        // Hide splash screen after animation
+        setTimeout(() => {
+            document.querySelector('.splash-screen').style.display = 'none';
+        }, 2500);
+        // Initialize
+        renderPizzerias();
+        updateFavoritesCount();
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=ticoyoyo/test-mobile" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1,3 @@

+Objectif Créer une application mobile/web destinée au référencement national des pizzerias, avec une géolocalisation dynamique permettant à tout utilisateur de visualiser les pizzerias les plus proches et d'accéder à leur fiche détaillée. Les pizzerias partenaires seront mises en avant et bénéficieront d'une redirection directe vers leur propre application. Fonctionnalités utilisateur - Accueil avec carte interactive basée sur la géolocalisation de l'utilisateur. - Liste des pizzerias triées par distance. - Recherche avancée (ville, nom, spécialités...). - Fiche de chaque pizzeria :  * Non partenaires : fiche informative simple (adresse, horaires, téléphone).  * Partenaires : bouton pour redirection vers leur application dédiée. - Mise en avant automatique des pizzerias partenaires (badge, tri, top liste). - Système de favoris : possibilité d'enregistrer ses pizzerias préférées. - Filtres par spécialités, horaires, partenaires, etc. Fonctionnalités administrateur - Dashboard avec vue d'ensemble des consultations, redirections, ajouts récents. - Gestion des pizzerias : ajout, modification, suppression des fiches. - Statut de chaque pizzeria : Référencée ou Partenaire. - Gestion des liens d'intégration pour les pizzerias partenaires (URL, redirection). - Statistiques détaillées : clics, top recherches, villes les plus actives. - Système de mise en avant : affichage premium, top partenaires, filtres sponsorisés. Objectif commercial et stratégie - Offrir aux utilisateurs un outil centralisé pour découvrir toutes les pizzerias. - Créer un levier commercial pour démarcher les pizzerias : elles sont déjà visibles. - Proposer aux pizzerias référencées de devenir partenaires avec une app personnalisée. - Booster les partenaires avec une meilleure visibilité dans l'application mère
+change to mobile app
+le map est vide