penyasuaian UI dan penambahan menu

src/app/content/hemat-app/calculator/reduction/reduction.component.html

@@ -0,0 +1,38 @@
+<div class="app-content content bg-maintenance-image">
+    <div class="content-wrapper">
+      <div class="content-body">
+        <section class="flexbox-container">
+            <div class="col-12 d-flex align-items-center justify-content-center">
+              <div class="col-md-4 col-10 box-shadow-2 p-0">
+                <div class="card border-grey border-lighten-3 px-1 py-1 box-shadow-3 m-0">
+                  <div class="card-body">
+                    <span class="card-title text-center">
+                      <img src="../../../../assets/images/logo/logo-dark-lg.png" class="img-fluid mx-auto d-block pt-2"
+                        width="250" alt="logo">
+                    </span>
+                  </div>
+                  <div class="card-body text-center">
+                    <h3>Coming Soon</h3>
+                    <p>We're sorry for the inconvenience.
+                      <br> Please check back later.</p>
+                    <div class="mt-2"><i class="la la-cog spinner font-large-2"></i></div>
+                  </div>
+                  <hr>
+                  <!-- <p class="socialIcon card-text text-center pt-2 pb-2">
+                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-facebook"><span
+                        class="la la-facebook"></span></a>
+                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-twitter"><span
+                        class="la la-twitter"></span></a>
+                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-linkedin"><span
+                        class="la la-linkedin font-medium-4"></span></a>
+                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-github"><span
+                        class="la la-github font-medium-4"></span></a>
+                  </p> -->
+                </div>
+              </div>
+            </div>
+          </section>
+      </div>
+    </div>
+  </div>
+  

src/app/content/hemat-app/calculator/reduction/reduction.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ReductionComponent } from './reduction.component';
+
+describe('ReductionComponent', () => {
+  let component: ReductionComponent;
+  let fixture: ComponentFixture<ReductionComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ReductionComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ReductionComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/content/hemat-app/calculator/reduction/reduction.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-reduction',
+  templateUrl: './reduction.component.html',
+  styleUrls: ['./reduction.component.css']
+})
+export class ReductionComponent {
+
+}