Merge branch 'feature/add-typewriting-code' into develop

package.json

@@ -44,14 +44,14 @@
     "@types/node": "^12.11.1",
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.0",
+    "cypress": "latest",
     "eslint": "^8.49.0",
     "jasmine-core": "~3.10.0",
     "karma": "~6.3.0",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage": "~2.0.3",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "~1.7.0",
-    "typescript": "~5.1.6",
-    "cypress": "latest"
+    "typescript": "~5.1.6"
   }
 }

src/app/app.module.ts

@@ -3,11 +3,15 @@ import { BrowserModule } from '@angular/platform-browser'
 
 import { AppRoutingModule } from './app-routing.module'
 import { AppComponent } from './app.component'
+import { Error404Component } from './errors/error404/error404.component'
+import { FaqComponent } from './pages/faq/faq.component'
 import { HomeComponent } from './pages/home/home.component'
-import { HeaderComponent } from './partials/header/header.component'
 import { FooterComponent } from './partials/footer/footer.component'
-import { Error404Component } from './errors/error404/error404.component';
-import { FaqComponent } from './pages/faq/faq.component'
+import { HeaderComponent } from './partials/header/header.component'
+import { LiveCodeHeroComponent } from './partials/live-code-hero/live-code-hero.component';
+import { AdminPanelHeroComponent } from './partials/admin-panel-hero/admin-panel-hero.component';
+import { ApiHeroComponent } from './partials/api-hero/api-hero.component';
+import { SdkFeaturesComponent } from './partials/sdk-features/sdk-features.component'
 
 @NgModule({
   declarations: [
@@ -16,7 +20,11 @@ import { FaqComponent } from './pages/faq/faq.component'
     HeaderComponent,
     FooterComponent,
     Error404Component,
-    FaqComponent
+    FaqComponent,
+    LiveCodeHeroComponent,
+    AdminPanelHeroComponent,
+    ApiHeroComponent,
+    SdkFeaturesComponent
   ],
   imports: [BrowserModule, AppRoutingModule],
   providers: [],

src/app/pages/faq/faq.component.ts

@@ -11,25 +11,21 @@ export class FaqComponent {
 
   faqs: { question: string; answer: SafeHtml }[] = [
     {
-      question: 'Who is CASE addressed to ?',
+      question: 'What is CASE ?',
       answer: this.sanitizer.bypassSecurityTrustHtml(`
-      <p>CASE is addressed to any developer that wants to build quickly a solid CRUD app.</p>
-      <p>A CASE app can be included in projects of different sizes, as a whole or connected to other apps.</p>`)
+      <p>CASE is a Typescript lightweight BaaS (Backend As A Service) that provides a complete backend for your web application.</p>
+      `)
     },
     {
-      question: 'How can I custom [insert element here] ?',
-      answer: this.sanitizer.bypassSecurityTrustHtml(
-        `<p>If it does not appear in the <a href="https://docs.case.app" target="_blank">docs</a>, you can't.</p>
-        <p>If you think that this customization should be possible, you can fill a <a href="https://github.com/casejs/case/discussions/new?category=feature-request" target="_blank">feature request</a>.</p>
-        <p>Nevertheless, it is important to acknowledge that CASE's philosophy is to keep things as simple and as standardized as possible. CASE will probably not fit well in projects with a high need for customization.</p>`
-      )
+      question: 'Who is CASE addressed to ?',
+      answer: this.sanitizer.bypassSecurityTrustHtml(`
+      <p>CASE is addressed to any developer that wants to build quickly a backend for his or her web app.</p>
+      <p>A CASE app can be included in projects of different sizes, as a whole or connected to other apps.</p>`)
     },
     {
-      question: 'Can I use [insert cool tech here] ?',
+      question: 'Can I use this framework ?',
       answer: this.sanitizer.bypassSecurityTrustHtml(`
-      <p>CASE works currently with TypeScript and SQLite and will probably not change soon.</p>
-      <p>If you need to add a custom package or custom script to trigger at some point, checkout the <a href="https://docs.case.app/custom-logic" target="_blank">related doc</a>.
-      </p>`)
+      <p>CASE offers a JS client library that can be used with any JS client framework or vanilla JS. If you do not want to use it, you can use directly the REST API.</p>`)
     },
     {
       question: 'Where can I find help ?',