feat: add main component as app entry page

src/app/app.routes.ts

@@ -1,3 +1,10 @@
 import { Routes } from '@angular/router';
+import { Main } from './pages/main/main';
 
-export const routes: Routes = [];
+export const routes: Routes = [
+  {
+    path: '',
+    component: Main,
+    pathMatch: 'full',
+  },
+];

src/app/pages/main/main.html

@@ -0,0 +1,4 @@
+<app-card
+    bgColor="var(--secondary)"
+><app-contact-form class="form"></app-contact-form>
+</app-card>

src/app/pages/main/main.scss

@@ -0,0 +1,13 @@
+app-card {
+  margin-top: 2rem;
+  width: 100%;
+}
+
+app-contact-form {
+  width: 100%;
+}
+
+.form {
+  display: inline-block;
+  padding: 3rem;
+}

src/app/pages/main/main.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Main } from './main';
+import { STRINGS_INJECTOR } from '../../app.config';
+import { strings } from '../../strings';
+
+describe('Main', () => {
+  let component: Main;
+  let fixture: ComponentFixture<Main>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Main],
+      providers: [{ provide: STRINGS_INJECTOR, useValue: strings }],
+    }).compileComponents();
+    fixture = TestBed.createComponent(Main);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/main/main.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { Card } from '../../components/card/card';
+import { ContactForm } from '../../components/contact-form/contact-form';
+
+@Component({
+  selector: 'app-main',
+  imports: [Card, ContactForm],
+  templateUrl: './main.html',
+  styleUrl: './main.scss',
+})
+export class Main {}