import CategorySection from "@/components/home/CategorySection"; import NewlyAddedProducts from "@/components/home/NewlyAddedProducts"; import FeaturedProducts from "@/components/home/FeaturedProducts"; import RecomandedProducts from "@/components/home/RecommandedProducts"; import React from "react"; import { notification } from "antd"; import Image from "next/image"; import axios from "axios"; import { useRouter } from "next/router"; import { useDispatch, useSelector } from "react-redux"; import { RootState } from "@/Redux/store"; import { setFilteredProducts, setProducts } from "@/Redux/productFiltersSlice"; import { incrementNotificationCount } from "../Redux/notificationSlice"; import { initializeApp } from "firebase/app"; import { getMessaging, onMessage } from "firebase/messaging"; import ImageCarousel from "@/components/home/ImageCarousel"; import Link from "next/link"; import style from "@/styles/common/banner.module.css"; import Head from "next/head"; import { userActivity } from "@/components/commonFunctions/userActivity"; import ReviewCarousel from "@/components/home/Review"; const firebaseApiKey = process.env.FIREBASE_API_KEY; const firebaseConfig = { apiKey: firebaseApiKey, authDomain: "jazzagain1.firebaseapp.com", projectId: "jazzagain1", storageBucket: "jazzagain1.appspot.com", messagingSenderId: "927463586136", appId: "1:927463586136:web:41358cf68645cbe762cd2d", }; const app = initializeApp(firebaseConfig); export default function Home() { const _loggedIn_user = useSelector((state: RootState) => state.user.user); const Home = () => { userActivity( _loggedIn_user?._id, "website", "Home ", { pageVisit: `/`, }, navigator.userAgent ); }; const category = () => { userActivity( _loggedIn_user?._id, "website", "category ", { pageVisit: `/`, }, navigator.userAgent ); }; const Banner = () => { userActivity( _loggedIn_user?._id, "website", "Banner ", { pageVisit: `/`, }, navigator.userAgent ); }; const Downloadapp = () => { userActivity( _loggedIn_user?._id, "website", "Download app ", { pageVisit: `https://play.google.com/store/search?q=jazzagain&c=apps&hl=en`, }, navigator.userAgent ); }; const Downloadios = () => { userActivity( _loggedIn_user?._id, "website", "Download ios ", { pageVisit: `/https://apps.apple.com/in/app/jazzagain/id6476974335`, }, navigator.userAgent ); }; const router = useRouter(); const dispatch = useDispatch(); const [data, setData] = React.useState([]); React.useEffect(() => { const getLatestData = async () => { try { const response = await axios.get( "https://api.jazzagain.com/public/index.php/api/getLatestProducts" ); setData(response.data.products.data); } catch (error) { console.error("Error:", error); } }; getLatestData(); }, []); React.useEffect(() => { const messaging = getMessaging(app); onMessage(messaging, (payload) => { console.log("Message received. ", payload); openNotification( payload?.notification?.title, payload?.notification?.body ); }); }, []); const openNotification = (title: any, body: any) => { notification.open({ message: title, description: body, placement: "bottomRight", }); }; return ( <>