"use client"
import Navbar from '../components/Common/Navbar';
import HeroSection from '../components/Landing/HeroSection';
import MissionSection from '../components/Landing/MissionSection';
// import DoctorRegistration from '../components/Landing/DoctorRegistration';
import PatientAccess from '../components/Landing/PatientAccess';
import PackagesSection from '../components/Landing/PackagesSection';
import Footer from '../components/Common/Footer';
// import PatientWorkflowSection from '../components/Landing/PatientWorkflowSection';
// import DoctorWorkflowSection from '../components/Landing/DoctorWorkflowSection';
import HowitWorks from '../components/Landing/HowitWorks';
import { useEffect } from 'react';
import { useAuthStore } from '@/stores/authStore';
export default function Home() {
  useEffect(() => {
    const unsubscribe = useAuthStore.subscribe(
      (state) => console.log('Store changed:', state)
    )
    return unsubscribe
  }, [])
  return (
    <>
      <Navbar />
      <HeroSection />
      <MissionSection />
      <HowitWorks />
      {/* <DoctorRegistration />
      <PatientAccess /> */}
      <PatientAccess />
      <PackagesSection />
      {/* <PatientWorkflowSection/>
      <DoctorWorkflowSection/>       */}
      <Footer />
    </>
  );
}
