src/app/app-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { InfopageComponent } from './infopage/infopage.component';
import { ValidationpageComponent } from './validationpage/validationpage.component';
import { RecordpageComponent } from './recordpage/recordpage.component';
import { CaseDetailsPageComponent } from './case-details-page/case-details-page.component';
import { QuestionSummaryPageComponent } from './question-summary-page/question-summary-page.component';
import { CaseDetailsSummaryPageComponent } from './case-details-summary-page/case-details-summary-page.component';
import { ViewDetailsPageComponent } from './view-details-page/view-details-page.component';

const routes: Routes = [
  { 
    path: '', 
    loadComponent: () => import('./homepage/homepage.component').then(m => m.HomepageComponent) 
  },
  { path: 'infopage', component: InfopageComponent },
  { path: 'infopage/:id', component: InfopageComponent },
  { 
    path: 'py-detect', 
    loadComponent: () => import('./py-detect/py-detect.component').then(m => m.PyDetectComponent) 
  },
  { path: 'validationpage', component: ValidationpageComponent },
  { path: 'record', component: RecordpageComponent },
  { path: 'case-details', component: CaseDetailsPageComponent },
  { path: 'case-details/:id', component: CaseDetailsPageComponent },
  { path: 'case-details-summary-page', component: CaseDetailsSummaryPageComponent },
  { path: 'case-details-summary-page/:id', component: CaseDetailsSummaryPageComponent },
  { path: 'question-summary', component: QuestionSummaryPageComponent },
  { path: 'view-details', component: ViewDetailsPageComponent },
  { path: 'view-details/:index', component: ViewDetailsPageComponent },
  { path: '', redirectTo: '/case-detail', pathMatch: 'full' },

  {
    path: 'auth/signin', loadComponent: () =>
      import('./homepage/sign-in/sign-in.component').then(m => m.SignInComponent)
  },
  {
    path: 'auth/signup', loadComponent: () =>
      import('./homepage/sign-up/sign-up.component').then(m => m.SignUpComponent)
  },
  // Terms & Privacy
  { path: 'legal/terms', loadComponent: () => import('./legal/terms.component').then(m => m.TermsComponent) },
  { path: 'legal/privacy', loadComponent: () => import('./legal/privacy.component').then(m => m.PrivacyComponent) },

  { path: '**', redirectTo: '' }
];

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