diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts
index b690393..1b31135 100644
--- a/frontend/src/app/app.module.ts
+++ b/frontend/src/app/app.module.ts
@@ -11,11 +11,15 @@ import {MapComponent} from './map/map.component';
 import {RulesComponent} from './rules/rules.component';
 import {CopyIpComponent} from './copy-ip/copy-ip.component';
 import {FooterComponent} from './footer/footer.component';
+import {TermsComponent} from './terms/terms.component';
+import {PrivacyComponent} from './privacy/privacy.component';
 
 const routes: Routes = [
   {path: '', component: HomeComponent},
   {path: 'map', component: MapComponent},
   {path: 'rules', component: RulesComponent},
+  {path: 'terms', component: TermsComponent},
+  {path: 'privacy', component: PrivacyComponent},
 ];
 
 @NgModule({
@@ -26,7 +30,9 @@ const routes: Routes = [
     HomeComponent,
     ThemeComponent,
     MapComponent,
-    RulesComponent
+    RulesComponent,
+    TermsComponent,
+    PrivacyComponent
   ],
   imports: [
     BrowserModule,
diff --git a/frontend/src/app/privacy/privacy.component.html b/frontend/src/app/privacy/privacy.component.html
new file mode 100644
index 0000000..5c15d48
--- /dev/null
+++ b/frontend/src/app/privacy/privacy.component.html
@@ -0,0 +1 @@
+<p>privacy works!</p>
diff --git a/frontend/src/app/privacy/privacy.component.scss b/frontend/src/app/privacy/privacy.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/app/privacy/privacy.component.spec.ts b/frontend/src/app/privacy/privacy.component.spec.ts
new file mode 100644
index 0000000..3cacafb
--- /dev/null
+++ b/frontend/src/app/privacy/privacy.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PrivacyComponent } from './privacy.component';
+
+describe('PrivacyComponent', () => {
+  let component: PrivacyComponent;
+  let fixture: ComponentFixture<PrivacyComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [PrivacyComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(PrivacyComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/frontend/src/app/privacy/privacy.component.ts b/frontend/src/app/privacy/privacy.component.ts
new file mode 100644
index 0000000..23aaecb
--- /dev/null
+++ b/frontend/src/app/privacy/privacy.component.ts
@@ -0,0 +1,11 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'app-privacy',
+  standalone: false,
+  templateUrl: './privacy.component.html',
+  styleUrl: './privacy.component.scss'
+})
+export class PrivacyComponent {
+
+}
diff --git a/frontend/src/app/rules/rules.component.ts b/frontend/src/app/rules/rules.component.ts
index d28cac7..446ad4d 100644
--- a/frontend/src/app/rules/rules.component.ts
+++ b/frontend/src/app/rules/rules.component.ts
@@ -7,5 +7,5 @@ import {Component} from '@angular/core';
   styleUrl: './rules.component.scss'
 })
 export class RulesComponent {
-
+  scrollService: any;
 }
diff --git a/frontend/src/app/terms/terms.component.html b/frontend/src/app/terms/terms.component.html
new file mode 100644
index 0000000..7a8f256
--- /dev/null
+++ b/frontend/src/app/terms/terms.component.html
@@ -0,0 +1 @@
+<p>terms works!</p>
diff --git a/frontend/src/app/terms/terms.component.scss b/frontend/src/app/terms/terms.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/app/terms/terms.component.spec.ts b/frontend/src/app/terms/terms.component.spec.ts
new file mode 100644
index 0000000..cdb0489
--- /dev/null
+++ b/frontend/src/app/terms/terms.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TermsComponent } from './terms.component';
+
+describe('TermsComponent', () => {
+  let component: TermsComponent;
+  let fixture: ComponentFixture<TermsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TermsComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(TermsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/frontend/src/app/terms/terms.component.ts b/frontend/src/app/terms/terms.component.ts
new file mode 100644
index 0000000..bd0fa19
--- /dev/null
+++ b/frontend/src/app/terms/terms.component.ts
@@ -0,0 +1,11 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'app-terms',
+  standalone: false,
+  templateUrl: './terms.component.html',
+  styleUrl: './terms.component.scss'
+})
+export class TermsComponent {
+
+}