feat: many changes

packages/base/Configuration/Sets/SitePackage/PageTsConfig/BackendLayouts/default.tsconfig

@@ -8,35 +8,18 @@ mod {
                 title = Default
                 config {
                     backend_layout {
-                        colCount = 12
+                        colCount = 1
-                        rowCount = 2
+                        rowCount = 1
                         rows {
                             1 {
                                 columns {
                                     1 {
                                         name = LLL:EXT:base/Resources/Private/Language/locallang_be.xlf:backend_layout.column.normal
                                         colPos = 0
-                                        colspan = 12
                                         identifier = main
                                     }
                                 }
                             }
-                            2 {
-                                columns {
-                                    1 {
-                                        name = Footer Left
-                                        colPos = 90
-                                        colspan = 6
-                                        identifier = footer-left
-                                    }
-                                    2 {
-                                        name = Footer Right
-                                        colPos = 91
-                                        colspan = 6
-                                        identifier = footer-right
-                                    }
-                                }
-                            }
                         }
                     }
                 }

packages/base/Configuration/Sets/SitePackage/page.tsconfig

@@ -9,7 +9,7 @@ RTE {
 TCEFORM {
   tt_content {
     CType {
-      keepItems = cloonar_header,cloonar_text,cloonar_textimage,news_newsliststicky,news_pi1,cloonar_hero,cloonar_stats
+      keepItems = cloonar_text,cloonar_textimage,cloonar_hero,form_formframework
     }
   }
 }

packages/base/ContentBlocks/ContentElements/hero/templates/frontend.html

@@ -3,7 +3,7 @@
 <f:section name="Header" />
 
 <f:section name="Main">
-  <section class="bg-white md:bg-hero-gradient">
+  <section class="bg-white md:bg-hero-gradient mb-16">
     <div class="container mx-auto px-6 py-12 md:py-24 bg-white md:bg-hero-inner">
       <div class="md:flex md:items-center">
 
@@ -69,7 +69,7 @@
           </div>
 
           <!-- Heading -->
-          <h1 class="text-3xl md:text-5xl font-extrabold">
+          <h1>
             {data.header}
           </h1>
 

packages/base/ContentBlocks/ContentElements/text/templates/frontend.html

@@ -1,8 +1,8 @@
 <f:layout name="Default" />
 <f:section name="Main">
-    <div class="fade-in-on-scroll">
+    <div class="fade-in-on-scroll py-16">
         <f:if condition="{data.header}">
-            <f:then><h2 class="font-hajime text-primary font-normal leading-none text-3xl md:text-5xl mb-4">{data.header}</h2></f:then>
+            <f:then><h2>{data.header}</h2></f:then>
         </f:if>
         <f:if condition="{data.bodytext}">
             <f:then>

packages/base/ContentBlocks/ContentElements/textimage/templates/frontend.html

@@ -3,7 +3,7 @@
 <f:section name="Main">
   <f:variable name="imageSizeClass" value="md:w-1/2" />
   <f:variable name="textSizeClass" value="md:w-1/2" />
-  <f:variable name="gapClass" value="gap-8" />
+  <f:variable name="gapClass" value="gap-8 md:gap-16" />
 
   <f:if condition="{data.imagesize} == 1"> <!-- Size 25% -> map to 40% for layout -->
     <f:variable name="imageSizeClass" value="md:w-2/5" />
@@ -11,7 +11,7 @@
     <f:variable name="gapClass" value="gap-8 md:gap-16 lg:gap-32" />
   </f:if>
 
-  <div class="flex flex-col {gapClass} fade-in-on-scroll {f:if(condition: '{data.imageorient} == 26', then: 'md:flex-row-reverse', else: 'md:flex-row')}">
+  <div class="flex flex-col {gapClass} py-16 fade-in-on-scroll {f:if(condition: '{data.imageorient} == 26', then: 'md:flex-row-reverse', else: 'md:flex-row')}">
     <div class="flex items-center justify-center {imageSizeClass}">
       <f:if condition="{data.image}">
         <f:then>
@@ -39,7 +39,7 @@
               cropVariant="default"
               width="538c"
               alt="{data.image.0.alternative}"
-              class="max-w-full h-auto rounded-lg block"
+              class="max-w-full h-auto block"
             />
           </figure>
         </f:then>
@@ -50,8 +50,7 @@
     </div>
     <div class="{textSizeClass}">
       <f:if condition="{data.header}">
-        <h2 class="font-hajime text-primary font-normal leading-none text-3xl md:text-5xl mb-2">{data.header}</h2>
+        <h2>{data.header}</h2>
-        <h3 class="text-xl md:text-2xl font-semibold mb-4">{data.subheader}</h3>
       </f:if>
       <f:if condition="{data.bodytext}">
         <div class="prose lg:prose-lg">

packages/base/Resources/Private/PageView/Partials/Navigation/Main.html

@@ -1,4 +1,4 @@
-<nav class="main-nav group sticky top-0 z-50 bg-repeat" id="mainNav">
+<nav class="py-1 main-nav group sticky top-0 z-50 bg-repeat" id="mainNav">
     <div class="container flex items-center h-full mx-auto px-4">
         <a href="/" class="nav-logo">
             <f:image src="EXT:base/Resources/Public/Images/logo.png" alt="Logo" class="block max-h-[50px] h-auto w-auto" />

packages/base/Resources/Public/Scss/abstracts/_fonts.scss

@@ -1,64 +1,76 @@
 // Update font file names and ensure no spaces for better compatibility.
 @font-face {
-  font-family: 'Hajime Sans';
+  font-family: 'Barlow';
-  src: url('../Fonts/Hajime-Sans.woff2') format('woff2');
+  src: url('../Fonts/Barlow-Medium.woff2') format('woff2');
-  font-weight: 400;
+  font-weight: 500;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Barlow';
-  src: url('../Fonts/Inter.woff2') format('woff2');
+  src: url('../Fonts/Barlow-Bold.woff2') format('woff2');
-  font-weight: 100 900; // Adjust as needed for variable font range
+  font-weight: 700;
   font-style: normal;
   font-display: swap;
 }
 
 body {
-  font-family: 'Inter', sans-serif;
+  font-family: 'Barlow', sans-serif;
   font-weight: 500;
+  font-size: 14px;
+
+  @media (min-width: $breakpoint-md) {
+    font-size: 18px;
+  }
 }
 
-h1, h2 {
+h1, h2, h3, h4, h5, h6 {
-  font-family: 'Hajime Sans', sans-serif;
+  font-family: 'Barlow', sans-serif;
-  color: var(--bs-primary);
+  color: var(--color-primary);
-  font-weight: 400;
+  font-weight: 700;
   line-height: 1;
 }
 
 h1 {
   font-size: 3rem;
 
-  @media (min-width: $breakpoint-md) {
+  /* @media (min-width: $breakpoint-md) { */
-    font-size: 4.5rem;
+  /*   font-size: 4.5rem; */
-  }
+  /* } */
 }
 
 h2 {
   font-size: 2rem;
 
-  @media (min-width: $breakpoint-md) {
+  /* @media (min-width: $breakpoint-md) { */
-    font-size: 3rem;
+  /*   font-size: 3rem; */
-  }
+  /* } */
 }
 
 h3 {
-  font-size: 1.125rem;
+  font-size: 1.75rem;
-  font-weight: 600;
 
-  @media (min-width: $breakpoint-md) {
+  /* @media (min-width: $breakpoint-md) { */
-    font-size: 1.5rem;
+  /*   font-size: 1.5rem; */
-  }
+  /* } */
 }
 
 h4 {
   font-size: 1.125rem;
-  font-weight: 600;
 
-  @media (min-width: $breakpoint-md) {
+  /* @media (min-width: $breakpoint-md) { */
-    font-size: 1.5rem;
+  /*   font-size: 1.5rem; */
-  }
+  /* } */
+}
+
+h5 {
+  font-size: 0.875rem;
+}
+
+h6 {
+  font-size: 0.875rem;
+  font-weight: 500;
 }
 
 p {
@@ -71,11 +83,11 @@ a {
     font-weight: 700;
 
     &:hover {
-      color: var(--bs-primary-light)
+      color: var(--bs-primary)
     }
 }
 
 button, .btn {
-  font-family: 'Hajime Sans', sans-serif;
+  font-family: 'Barlow', sans-serif;
-  font-weight: 400;
+  font-weight: 700;
 }

packages/base/Resources/Public/Scss/base/_container.scss

@@ -1,6 +1,6 @@
 .container {
   margin: auto;
-  padding: 3rem 1rem;
+  /* padding: 3rem 1rem; */
 
   @include respond($breakpoint-sm) {
     max-width: 540px;

packages/base/Resources/Public/Scss/main.scss

@@ -9,11 +9,11 @@
 @import 'abstracts/icons';
 @import 'abstracts/fade-in';
 @import 'base/base';
-@import 'components/navigation';
+/* @import 'components/navigation'; */
-@import 'components/images';
+/* @import 'components/images'; */
-@import 'components/news';
+/* @import 'components/news'; */
-@import "components/news_detail";
+/* @import "components/news_detail"; */
-@import 'components/footer';
+/* @import 'components/footer'; */
 @import 'components/buttons';
 @import 'layouts/home-page';