src/app/app-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { ChatComponent } from './chat/chat.component';
import { HomeComponent } from './home/home.component';
import { ListenComponent } from './listen/listen.component';

import { GenerateQuestionsComponent } from './generate-questions/generate-questions.component';
import { VoiceComponent } from './voice/voice.component';
import { WritingComponent } from './writing/writing.component';
import { VocabularyBuilderComponent } from './vocabulary-builder/vocabulary-builder.component';
import { FindwordComponent } from './findword/findword.component';
import { ReadingComponent } from './reading/reading.component';
import { AuthenticationComponent } from './authentication/authentication.component';
import { authenticationGuard } from './authentication/authentication.guard';  // Use correct import

import { AuthComponent } from './auth/auth.component';
import { authGuard } from './auth/auth.guard';
import { rootRedirectGuard } from './auth/root-redirect.guard';
import { RootRedirectComponent } from './root-redirect/root-redirect.component';


// Define and export routes
export const routes: Routes = [
  //{ path: '', redirectTo: 'authentication', pathMatch: 'full' },
  { path: '', component: RootRedirectComponent, canActivate: [rootRedirectGuard], pathMatch: 'full' },

  { path: 'home', component: HomeComponent, canActivate: [authGuard] },
  { path: 'chat', component: ChatComponent, canActivate: [authGuard] },
  { path: 'generate-questions', component: GenerateQuestionsComponent, canActivate: [authGuard] },
  { path: 'voice', component: VoiceComponent, canActivate: [authGuard] },
  { path: 'listen', component: ListenComponent, canActivate: [authGuard] },
  { path: 'writing', component: WritingComponent, canActivate: [authGuard] },
  { path: 'vocabulary-builder', component: VocabularyBuilderComponent, canActivate: [authGuard] },
  { path: 'findword', component: FindwordComponent, canActivate: [authGuard] },
  { path: 'reading', component: ReadingComponent, canActivate: [authGuard] },
  { path: 'authentication', component: AuthenticationComponent },
  { path: 'auth', component: AuthComponent },
  { path: '**', redirectTo: 'auth' },

  //{ path: 'generate-questions', component: GenerateQuestionsComponent },
  //{ path: 'chat', component: ChatComponent},
  //{ path: 'findword', component: FindwordComponent },
  //{ path: 'reading', component: ReadingComponent},


];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }