diff --git a/src/app/confirmationpage/confirmationpage.html b/src/app/confirmationpage/confirmationpage.html
new file mode 100644
index 0000000..bd14767
--- /dev/null
+++ b/src/app/confirmationpage/confirmationpage.html
@@ -0,0 +1 @@
+<p>confirmationpage works!</p>
diff --git a/src/app/confirmationpage/confirmationpage.scss b/src/app/confirmationpage/confirmationpage.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/confirmationpage/confirmationpage.spec.ts b/src/app/confirmationpage/confirmationpage.spec.ts
new file mode 100644
index 0000000..9346a73
--- /dev/null
+++ b/src/app/confirmationpage/confirmationpage.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Confirmationpage } from './confirmationpage';
+
+describe('Confirmationpage', () => {
+  let component: Confirmationpage;
+  let fixture: ComponentFixture<Confirmationpage>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Confirmationpage]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Confirmationpage);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/confirmationpage/confirmationpage.ts b/src/app/confirmationpage/confirmationpage.ts
new file mode 100644
index 0000000..0381987
--- /dev/null
+++ b/src/app/confirmationpage/confirmationpage.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-confirmationpage',
+  imports: [],
+  templateUrl: './confirmationpage.html',
+  styleUrl: './confirmationpage.scss',
+})
+export class Confirmationpage {
+
+}
diff --git a/src/app/ordersummarypage/ordersummarypage.html b/src/app/ordersummarypage/ordersummarypage.html
new file mode 100644
index 0000000..a2250fb
--- /dev/null
+++ b/src/app/ordersummarypage/ordersummarypage.html
@@ -0,0 +1 @@
+<p>ordersummarypage works!</p>
diff --git a/src/app/ordersummarypage/ordersummarypage.scss b/src/app/ordersummarypage/ordersummarypage.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/ordersummarypage/ordersummarypage.spec.ts b/src/app/ordersummarypage/ordersummarypage.spec.ts
new file mode 100644
index 0000000..d49e4a3
--- /dev/null
+++ b/src/app/ordersummarypage/ordersummarypage.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Ordersummarypage } from './ordersummarypage';
+
+describe('Ordersummarypage', () => {
+  let component: Ordersummarypage;
+  let fixture: ComponentFixture<Ordersummarypage>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Ordersummarypage]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Ordersummarypage);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/ordersummarypage/ordersummarypage.ts b/src/app/ordersummarypage/ordersummarypage.ts
new file mode 100644
index 0000000..e7c6b80
--- /dev/null
+++ b/src/app/ordersummarypage/ordersummarypage.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-ordersummarypage',
+  imports: [],
+  templateUrl: './ordersummarypage.html',
+  styleUrl: './ordersummarypage.scss',
+})
+export class Ordersummarypage {
+
+}
diff --git a/src/app/paymentpage/paymentpage.html b/src/app/paymentpage/paymentpage.html
new file mode 100644
index 0000000..5112c50
--- /dev/null
+++ b/src/app/paymentpage/paymentpage.html
@@ -0,0 +1 @@
+<p>paymentpage works!</p>
diff --git a/src/app/paymentpage/paymentpage.scss b/src/app/paymentpage/paymentpage.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/paymentpage/paymentpage.spec.ts b/src/app/paymentpage/paymentpage.spec.ts
new file mode 100644
index 0000000..99352c0
--- /dev/null
+++ b/src/app/paymentpage/paymentpage.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Paymentpage } from './paymentpage';
+
+describe('Paymentpage', () => {
+  let component: Paymentpage;
+  let fixture: ComponentFixture<Paymentpage>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Paymentpage]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Paymentpage);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/paymentpage/paymentpage.ts b/src/app/paymentpage/paymentpage.ts
new file mode 100644
index 0000000..ad9b8f0
--- /dev/null
+++ b/src/app/paymentpage/paymentpage.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-paymentpage',
+  imports: [],
+  templateUrl: './paymentpage.html',
+  styleUrl: './paymentpage.scss',
+})
+export class Paymentpage {
+
+}
diff --git a/src/app/productconfigpage/productconfigpage.html b/src/app/productconfigpage/productconfigpage.html
new file mode 100644
index 0000000..45b5058
--- /dev/null
+++ b/src/app/productconfigpage/productconfigpage.html
@@ -0,0 +1 @@
+<p>productconfigpage works!</p>
diff --git a/src/app/productconfigpage/productconfigpage.scss b/src/app/productconfigpage/productconfigpage.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/productconfigpage/productconfigpage.spec.ts b/src/app/productconfigpage/productconfigpage.spec.ts
new file mode 100644
index 0000000..ebacbdc
--- /dev/null
+++ b/src/app/productconfigpage/productconfigpage.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Productconfigpage } from './productconfigpage';
+
+describe('Productconfigpage', () => {
+  let component: Productconfigpage;
+  let fixture: ComponentFixture<Productconfigpage>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Productconfigpage]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Productconfigpage);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/productconfigpage/productconfigpage.ts b/src/app/productconfigpage/productconfigpage.ts
new file mode 100644
index 0000000..07ca136
--- /dev/null
+++ b/src/app/productconfigpage/productconfigpage.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-productconfigpage',
+  imports: [],
+  templateUrl: './productconfigpage.html',
+  styleUrl: './productconfigpage.scss',
+})
+export class Productconfigpage {
+
+}
diff --git a/src/app/productspage/productspage.html b/src/app/productspage/productspage.html
new file mode 100644
index 0000000..cd2bdb3
--- /dev/null
+++ b/src/app/productspage/productspage.html
@@ -0,0 +1 @@
+<p>productspage works!</p>
diff --git a/src/app/productspage/productspage.scss b/src/app/productspage/productspage.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/productspage/productspage.spec.ts b/src/app/productspage/productspage.spec.ts
new file mode 100644
index 0000000..5da78a9
--- /dev/null
+++ b/src/app/productspage/productspage.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Productspage } from './productspage';
+
+describe('Productspage', () => {
+  let component: Productspage;
+  let fixture: ComponentFixture<Productspage>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Productspage]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Productspage);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/productspage/productspage.ts b/src/app/productspage/productspage.ts
new file mode 100644
index 0000000..6b5fcf5
--- /dev/null
+++ b/src/app/productspage/productspage.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-productspage',
+  imports: [],
+  templateUrl: './productspage.html',
+  styleUrl: './productspage.scss',
+})
+export class Productspage {
+
+}
diff --git a/src/app/userdatapage/userdatapage.html b/src/app/userdatapage/userdatapage.html
new file mode 100644
index 0000000..a050e70
--- /dev/null
+++ b/src/app/userdatapage/userdatapage.html
@@ -0,0 +1 @@
+<p>userdatapage works!</p>
diff --git a/src/app/userdatapage/userdatapage.scss b/src/app/userdatapage/userdatapage.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/userdatapage/userdatapage.spec.ts b/src/app/userdatapage/userdatapage.spec.ts
new file mode 100644
index 0000000..4679e36
--- /dev/null
+++ b/src/app/userdatapage/userdatapage.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Userdatapage } from './userdatapage';
+
+describe('Userdatapage', () => {
+  let component: Userdatapage;
+  let fixture: ComponentFixture<Userdatapage>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Userdatapage]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Userdatapage);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/userdatapage/userdatapage.ts b/src/app/userdatapage/userdatapage.ts
new file mode 100644
index 0000000..6872c15
--- /dev/null
+++ b/src/app/userdatapage/userdatapage.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-userdatapage',
+  imports: [],
+  templateUrl: './userdatapage.html',
+  styleUrl: './userdatapage.scss',
+})
+export class Userdatapage {
+
+}