Merge branch 'feature/fix-style-issues' into develop

src/app/components/FAQ.tsx

@@ -14,19 +14,18 @@ export const FAQ: React.FC = () => {
 
   const faqs: FAQItem[] = [
     {
-      question: 'Is Manifest a framework?',
-      answer:
-        'No, Manifest is a self-hostable Backend-as-a-Service (BaaS). It is a service that enables developers to easily build a backend, providing the essential building blocks to get started.'
+      question: 'What is a headless CMS ?',
+      answer: `A classical CMS manages the backend and the frontend part. A Headless CMS removes the frontend so you are free to use your own one, using an API to connect to it. Manifest also covers the "back-office" / "admin panel" as it can be seen as part of the "backend"`
     },
     {
-      question: 'Is Manifest full-stack?',
+      question: 'Is Manifest a low-code / no-code tool ?',
       answer:
-        'No, you will still need to develop your frontend. Manifest covers the backend of your app/website only (considering the built-in admin panel as part of the backend/back-office).'
+        "No. It just works like just any other file in your codebase. It's code, simple code."
     },
     {
       question: 'Is Manifest for me?',
       answer:
-        'If you know a bit of software development, whatever your programming language is, you will have no problem using Manifest.'
+        'It does not matter if you are junior or senior developer, if you code in JS, PHP or Python. You can be frontend, backend or fullstack, a mobile developer, indie hacker or devsigner. If you know a bit of software development, you will have no problem using Manifest.'
     },
     {
       question: 'Can I use Manifest in production?',

src/app/components/LiveCodeHero.tsx

@@ -227,7 +227,9 @@ entities:
               <div className="tab-ide">
                 <i className="fa-solid fa-exclamation has-text-primary-light is-italic"></i>
                 <span>backend.yml</span>
-                <span>manifest/backend.yml</span>
+                <span className="is-size-8 pt-1 has-text-grey-light">
+                  manifest/backend.yml
+                </span>
                 <i className="fa-solid fa-xmark"></i>
               </div>
               <div className="toolbar has-text-grey">

src/app/globals.scss

@@ -948,6 +948,10 @@ body {
   backdrop-filter: saturate(175%) blur(6px);
 }
 
+.p-64 {
+  padding: 64px;
+}
+
 .navbar.has-background-transparent {
   background-color: transparent;
 }
@@ -1291,6 +1295,9 @@ button,
   mix-blend-mode: multiply;
   background-size: contain;
 }
+.has-background-pearl {
+  background-color: #fdfbfd;
+}
 .has-background-wheel {
   position: absolute;
   top: 0;
@@ -1514,7 +1521,8 @@ main .content a:not(.button):not(.icon-text) {
   }
 }
 
-.tag.is-small {
+.tag.is-small,
+.is-size-8 {
   font-size: $size-8;
 }
 
@@ -2201,3 +2209,21 @@ main .content a:not(.button):not(.icon-text) {
 #embed-editor {
   background-color: utilities.$white-bis;
 }
+
+.is-object-fit-cover {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+.is-object-fit-contain {
+  object-fit: contain;
+  width: 100%;
+  height: 100%;
+}
+.is-object-position-left {
+  object-position: left;
+}
+
+.is-object-position-bottom {
+  object-position: bottom;
+}

src/app/layout.tsx

@@ -8,15 +8,15 @@ import './globals.scss'
 const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: 'Manifest - A Whole Backend That Fits Into 1 YAML file',
+  title: 'Manifest - The 1-file Headless CMS',
   description:
-    'Complete Backend with Admin Panel, REST API, Auth, Storage and more. All in one YAML file.',
+    'Instant Micro-backend with Admin Panel, REST API, Auth, Storage and more. All in one YAML file.',
   openGraph: {
     type: 'website',
     url: 'https://manifest.build',
-    title: 'A Whole Backend That Fits Into 1 YAML file',
+    title: 'Manifest - The 1-file Headless CMS',
     description:
-      'Complete Backend with Admin Panel, REST API, Auth, Storage and more. All in one YAML file.',
+      'Instant Micro-backend with Admin Panel, REST API, Auth, Storage and more. All in one YAML file.',
     siteName: 'Manifest',
     images: [
       {