I can see from the image you want:

1. A modal that appears when clicking "Get Started" with "Welcome to VartaSync" title and two options (Log In / Sign Up)
2. A split-screen Login page with dark left panel showing dashboard visuals
3. A split-screen Sign Up page with similar styling

Let me first explore the current codebase structure.

Now I understand the structure. I need to:

1. Create an auth modal component that shows when "Get Started" is clicked
2. Create Login and Sign Up page components
3. Modify the page.tsx to handle the auth flow

Let me create the auth components:

Now let me update the page.tsx to handle the new auth flow:

I've implemented the authentication flow as shown in your image. Here's what was added:

1. Auth Modal - When clicking "Get Started", a centered modal appears with "Welcome to VartaSync" title, showing two options (Log In and Sign Up) with icons and descriptions, matching the green accent theme.
2. Login Page - A split-screen design with a dark left panel featuring dashboard analytics visualization (performance stats, chart bars) and a white right panel with the login form including email/password fields, Google/Microsoft social login buttons, and a "Forgot password?" link.
3. Sign Up Page - Similar split-screen layout with voice waveform visualization on the dark left panel and a sign up form on the right with Full Name, Email, and Password fields plus social login options.

All pages maintain the VartaSync green accent color (#00ff88) and follow the existing design language. Users can navigate between login/signup pages and return to the landing page via the back button.