frontend/src/pages/AuthPage.js

import React, { useState } from 'react';
import Login from '../components/Login';
import Signup from '../components/Signup';
import GuestIntakeModal from '../components/GuestIntakeModal';

const AuthPage = ({ onAuthSuccess }) => {
  const [isLogin, setIsLogin] = useState(true);
  const [showGuestIntake, setShowGuestIntake] = useState(false);

  const handleNavigateToLogin = () => setIsLogin(true);
  const handleNavigateToSignup = () => setIsLogin(false);

  return (
    <>

      {isLogin ? (

        <Login

          onNavigateToSignup={handleNavigateToSignup}

          onNavigateToHome={onAuthSuccess}

          onExploreAsGuest={() => setShowGuestIntake(true)}

        />

      ) : (

        <Signup

          onNavigateToLogin={handleNavigateToLogin}

          onNavigateToHome={onAuthSuccess}

          onExploreAsGuest={() => setShowGuestIntake(true)}

        />

      )}

      {showGuestIntake && (

        <GuestIntakeModal

          onClose={() => setShowGuestIntake(false)}

          onSuccess={(user, token) => {

            setShowGuestIntake(false);

            onAuthSuccess(user, token);

          }}

        />

      )}

    </>
  );
};

export default AuthPage;