Added a lot of components

src/app/pages/about/about.page.html

@@ -0,0 +1,8 @@
+<iov-page>
+  <iov-section [title]="'Working smart, living hard'"
+               [titleColor]="'dark'"
+               [backgroundImageUrl]="'/assets/section-smart.png'"></iov-section>
+  <p>Since beginning my journey as a freelance designer over 11 years ago, I've done remote work for agencies, consulted for startups, and collaborated with talented people to create digital products for both business and consumer use. I'm quietly confident, naturally curious, and perpetually working on improving my chops one design problem at a time.
+    Designer
+    I value simple content structure, clean design patterns, and thoughtful interactions.</p>
+</iov-page>

src/app/pages/about/about.page.spec.ts

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

src/app/pages/about/about.page.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import {SectionComponent} from "../../section/section.component";
+import {PageComponent} from "../../page/page.component";
+
+@Component({
+  selector: 'iov-about-page',
+  standalone: true,
+  imports: [
+    SectionComponent,
+    PageComponent
+  ],
+  templateUrl: './about.page.html',
+  styleUrl: './about.page.scss'
+})
+export class AboutPage {
+
+}

src/app/pages/blog/blog.page.html

@@ -0,0 +1 @@
+<p>blog works!</p>

src/app/pages/blog/blog.page.spec.ts

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

src/app/pages/blog/blog.page.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'iov-blog-page',
+  standalone: true,
+  imports: [],
+  templateUrl: './blog.page.html',
+  styleUrl: './blog.page.scss'
+})
+export class BlogPage {
+
+}

src/app/pages/contact-me/contact-me.page.html

@@ -0,0 +1 @@
+<p>contact-me works!</p>

src/app/pages/contact-me/contact-me.page.spec.ts

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

src/app/pages/contact-me/contact-me.page.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'iov-contact-me-page',
+  standalone: true,
+  imports: [],
+  templateUrl: './contact-me.page.html',
+  styleUrl: './contact-me.page.scss'
+})
+export class ContactMePage {
+
+}

src/app/pages/home/home.page.html

@@ -0,0 +1,13 @@
+<div class="bg-secondary mx-auto">
+  <iov-hero></iov-hero>
+</div>
+
+<iov-arrow-scroll-down></iov-arrow-scroll-down>
+
+<iov-section>
+  <p class="text-center text-base">
+    Lorem ipsum dolor sit amet, consectet adipiscing elit. Nulla ac dui euismod, aliquam nunc quis, tincidunt nisl. Donec euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, quis aliquam nunc nisl quis nunc. Nulla facilisi. Sed euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, quis aliquam nunc nisl quis nunc. Nulla facilisi. Sed euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, quis aliquam nunc nisl quis nunc. Nulla facilisi. Sed euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, quis aliquam nunc nisl quis nunc. Nulla facilisi. Sed euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, quis aliquam nunc nisl quis nunc. Nulla facilisi. Sed euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, quis aliquam nunc nisl quis nunc. Nulla facilisi. Sed euismod, nisl eget aliquam ultricies, nunc nisl aliquet nunc, quis aliquam nunc nisl quis nunc. Nulla facilisi.</p>
+  <br>
+</iov-section>
+
+

src/app/pages/home/home.page.spec.ts

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

src/app/pages/home/home.page.ts

@@ -0,0 +1,25 @@
+import { Component } from '@angular/core';
+import {HeroComponent} from "../../hero/hero.component";
+import {SectionComponent} from "../../section/section.component";
+import {PageComponent} from "../../page/page.component";
+import {FooterComponent} from "../../footer/footer.component";
+import {CardComponent} from "../../card/card.component";
+import {ArrowScrollDownComponent} from "../../arrow-scroll-down/arrow-scroll-down.component";
+
+@Component({
+  selector: 'iov-home-page',
+  standalone: true,
+  imports: [
+    HeroComponent,
+    SectionComponent,
+    PageComponent,
+    FooterComponent,
+    CardComponent,
+    ArrowScrollDownComponent
+  ],
+  templateUrl: './home.page.html',
+  styleUrl: './home.page.scss'
+})
+export class HomePage {
+
+}

src/app/pages/portfolio/portfolio.page.html

@@ -0,0 +1,7 @@
+<iov-page>
+  <iov-section [title]="'Portfolio'"
+               [backgroundImageUrl]="'/assets/section-hobby.png'">
+  </iov-section>
+
+  <p>My works</p>
+</iov-page>

src/app/pages/portfolio/portfolio.page.spec.ts

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

src/app/pages/portfolio/portfolio.page.ts

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import {SectionComponent} from "../../section/section.component";
+import {PageComponent} from "../../page/page.component";
+import {FooterComponent} from "../../footer/footer.component";
+
+@Component({
+  selector: 'iov-portfolio-page',
+  standalone: true,
+  imports: [
+    SectionComponent,
+    PageComponent,
+    FooterComponent
+  ],
+  templateUrl: './portfolio.page.html',
+  styleUrl: './portfolio.page.scss'
+})
+export class PortfolioPage {
+
+}

src/app/pages/projects/projects.page.html

@@ -0,0 +1,7 @@
+<iov-page>
+  <iov-section [title]="'Projects, draft and ideas'"
+               [backgroundImageUrl]="'/assets/section-hobby.png'">
+  </iov-section>
+
+  <p>My projects bla bla bla</p>
+</iov-page>

src/app/pages/projects/projects.page.spec.ts

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

src/app/pages/projects/projects.page.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import {SectionComponent} from "../../section/section.component";
+import {PageComponent} from "../../page/page.component";
+
+@Component({
+  selector: 'iov-projects-page',
+  standalone: true,
+  imports: [
+    SectionComponent,
+    PageComponent
+  ],
+  templateUrl: './projects.page.html',
+  styleUrl: './projects.page.scss'
+})
+export class ProjectsPage {
+
+}