created the routes in the app.routes

Author: mystackbox

src/app/app.config.ts

@@ -2,8 +2,15 @@ import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
-import { provideClientHydration, withEventReplay } from '@angular/platform-browser';
+import {
+  provideClientHydration,
+  withEventReplay,
+} from '@angular/platform-browser';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes), provideClientHydration(withEventReplay())]
+  providers: [
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(routes),
+    provideClientHydration(withEventReplay()),
+  ],
 };

src/app/app.routes.ts

@@ -1,3 +1,21 @@
 import { Routes } from '@angular/router';
+import { MasterpageComponent } from './layout/masterpage/masterpage.component';
+import { HomeComponent } from './features/home/pages/home/home.component';
+import { AboutUsComponent } from './features/about-us/pages/about-us/about-us.component';
+import { OurServicesComponent } from './features/our-services/pages/our-services/our-services.component';
+import { ContactUsComponent } from './features/contact-us/pages/contact-us/contact-us.component';
 
-export const routes: Routes = [];
+export const routes: Routes = [
+     {
+    path: '',
+    component: MasterpageComponent, // Master page
+    children: [
+      { path: '', component: HomeComponent, title: 'Home' },
+      { path: 'about', component: AboutUsComponent, title: 'About Us' },
+      { path: 'services', component: OurServicesComponent, title: 'Our Services' },
+      { path: 'contactus', component: ContactUsComponent, title: 'Contact Us' },
+      // Add other routes here
+    ]
+  },
+  { path: '**', redirectTo: '' } // Catch-all route
+];