import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';

import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';
import { ContactComponent } from './contact/contact.component';
import { ShopComponent } from './shop/shop.component';
import { SuitsComponent } from './suits/suits.component';


@NgModule({
  imports: [
    RouterModule.forChild([
      { path: '', redirectTo: '/home', pathMatch: 'full' },
      { path: 'home', component: HomeComponent, data: { title: 'Home | Scotchiversal' } },
      { path: 'about', component: AboutComponent, data: { title: 'About | Scotchiversal' } },
      { path: 'contact', component: ContactComponent, data: { title: 'Contact | Scotchiversal' } },
      { path: 'shop', component: ShopComponent, data: { title: 'Shop | Scotchiversal' } },
      { path: 'suits', component: SuitsComponent, data: { title: 'Suits | Scotchiversal' } }
    ])
  ],
})
export class AppRoutingModule { }