diff --git a/Front-end/src/pages/Home.jsx b/Front-end/src/pages/Home.jsx
index 83dfd9d..5e1499f 100644
--- a/Front-end/src/pages/Home.jsx
+++ b/Front-end/src/pages/Home.jsx
@@ -1,129 +1,852 @@
-import React, { useState, useEffect } from 'react';
-import { Search, MapPin, Calendar, Bus, ArrowRight, LogIn, UserPlus } from 'lucide-react';
+import React, { useState, useEffect } from "react";
+import {
+ UserPlus,
+ LogIn,
+ BadgePlus,
+ RadioTower,
+ Search,
+ Cloud,
+ CloudRain,
+ Droplets,
+ Wind,
+ Thermometer,
+ Sun,
+ Moon,
+ MapPin,
+ CalendarClock,
+ ArrowRight,
+ BellRing,
+ LayoutDashboard,
+ TowerControl,
+} from "lucide-react";
import { useAuth } from "../AuthContext";
+function EnhancedWeatherHome() {
+ const [searchQuery, setSearchQuery] = useState("");
+ const [activeFilter, setActiveFilter] = useState("all");
+ const [currentTime, setCurrentTime] = useState(new Date());
+ const { user, token } = useAuth();
-function Home() {
- const [searchQuery, setSearchQuery] = useState('');
- const [activeFilter, setActiveFilter] = useState('all');
- const [name, setName] = useState([]);
- const { token, logout } = useAuth();
- const { user } = useAuth();
+ const isDayTime = currentTime.getHours() > 6 && currentTime.getHours() < 20;
+
+ useEffect(() => {
+ const timer = setInterval(() => {
+ setCurrentTime(new Date());
+ }, 60000);
+
+ return () => clearInterval(timer);
+ }, []);
+
+ const formatDate = (date) => {
+ const options = { weekday: "long", day: "numeric", month: "long" };
+ return date.toLocaleDateString("fr-FR", options);
+ };
+
+ const hourlyForecast = [
+ {
+ time: "Maintenant",
+ temp: "21°",
+ icon:
Email : {user.sub}
-Rôle : {user.role}
-Rôle : {user.id}
+- Découvrez tout ce que votre ville a à offrir - des événements locaux aux horaires de transport, le tout en un seul endroit. +
+ Prévisions précises et personnalisées pour vous aider à planifier + votre journée en toute sérénité.
-- Découvrez les meilleurs endroits de votre ville, qu'il s'agisse de restaurants, de parcs ou de lieux culturels. -
- - Explorer les lieux- Restez informé des derniers événements, festivals et rassemblements communautaires dans votre région. -
- - Voir les événements- Accédez en temps réel aux horaires et aux itinéraires des bus, des trains et des autres transports publics. -
- - Vérifier les horaires+ {formatDate(currentTime)} +
++ Partiellement nuageux +
++ Ressenti +
++ Humidité +
++ Vent +
++ Précipitations +
++ Lever du soleil +
++ Coucher du soleil +
++ {item.time} +
+ {item.icon} ++ {item.temp} +
++ Consultez l'ensemble des objets connectés ainsi que leurs + données dans l'ensemble de la France +
+ + Voir les objets+ Avoir un compte sur notre site permet de consulter + l'intégralité des objets connectés météorologiques dans + l'ensemble de la France +
+ + S'inscrire+ Heureux de vous retrouver ! Retrouvez votre compte tel que + vous l'avez laissez ! +
+ + Se connecter+ Accédez aux données en temps réel des objets connectés + météorologiques, modifiez leurs paramètres et consultez + l'historique des mesures.{" "} +
+ + Explorer les objets+ Intégrez facilement un nouvel objet connecté en renseignant + ses informations et en configurant ses paramètres pour une + gestion optimale. +
+ + Ajouter un objet{" "} ++ Vous pourrez gérer les utilisateurs du site mais aussi les objets connectés +
+ + Tableau d'Administration+ Ce module vous permet de gérer les capteurs et stations connectés de France de manière simple et efficace. +
+ + Gestion des objets{" "} +