import { Routes } from '@angular/router';
import { HeroComponent } from './pages/hero/hero.component';

export const routes: Routes = [
  {
    path: '',
    loadComponent: () =>
      import('./pages/hero/hero.component').then((c) => c.HeroComponent),
  },

  {
    path: 'about',
    loadComponent: () =>
      import('./pages/about/about.component').then((c) => c.AboutComponent),
  },
  {
    path: 'contact',
    loadComponent: () =>
      import('./pages/contact/contact.component').then(
        (c) => c.ContactComponent,
      ),
  },
  {
    path: 'projects',
    loadComponent: () =>
      import('./pages/projects/projects.component').then(
        (c) => c.ProjectsComponent,
      ),
  },
  {
    path: 'experience',
    loadComponent: () =>
      import('./pages/experience/experience.component').then(
        (c) => c.ExperienceComponent,
      ),
  },
  { path: '**', redirectTo: '' }, // Wildcard route for 404 handling
];
