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';

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: '', 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)
  },

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

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