import React, { ReactElement, useEffect } from 'react'; import Head from 'next/head'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { useAppSelector, useAppDispatch } from '../stores/hooks'; import LayoutGuest from '../layouts/Guest'; import { getPageTitle } from '../config'; import BaseButton from '../components/BaseButton'; import { logoutUser, findMe } from '../stores/authSlice'; export default function Starter() { const router = useRouter(); const dispatch = useAppDispatch(); const { currentUser, token } = useAppSelector((state) => state.auth); // Hydrate auth state if token exists but currentUser doesn't useEffect(() => { if (token && !currentUser) { dispatch(findMe()); } }, [token, currentUser, dispatch]); const handleLogout = () => { dispatch(logoutUser()); router.push('/login'); }; // If not authenticated, show a minimal landing with Login CTA if (!token) { return (
{getPageTitle('The Power Suite')}

Zetas in Corporate America: The Power Suite

A private executive directory connecting Power Suite members across industries, regions, and leadership levels.

); } // Option C Landing Page for Authenticated Users return (
{getPageTitle('Home')}

Zetas in Corporate America: The Power Suite

A private executive directory connecting Power Suite members across industries, regions, and leadership levels.

Enter Executive Directory
Update My Profile Reconfirm My Profile
); } Starter.getLayout = function getLayout(page: ReactElement) { return {page}; };