import React, { Fragment, useEffect } from "react";
import Banner from "./Banner";
import SearchBar from "./SearchBar";
import LetDiscover from "./LetDiscover";
import BrowseExperiences from "./BrowseExperiences";
import GiftAnExperience from "./GiftAnExperience";
import Testimonial from "./Testimonial";
import SignUpToExperienceOurPlatform from "./SignUpToExperienceOurPlatform";
import { useDispatch, useSelector } from "react-redux";

const Home = () => {
  const { categories } = useSelector(state => state.categories);
  const { testimonial } = useSelector(sate => sate.testimonial);
  console.log("categories", categories )
  console.log("testimonial", testimonial )
  const dispatch = useDispatch();
  useEffect(() => {
    // dispatch(getHomePage())
  }, [dispatch]);
  return (
    <Fragment>
      <main>
          <Banner />
          <SearchBar />
          <LetDiscover categories={categories} />
          <BrowseExperiences />
          <GiftAnExperience />
          <Testimonial testimonial={testimonial} />
          <SignUpToExperienceOurPlatform />
      </main>
    </Fragment>
  );
};

export default Home;