introducing innnerContent component

src/assets/css/App.scss

@@ -14,6 +14,7 @@
 @import "./components/layout/Logo.scss";
 @import "./components/layout/Page-container.scss";
 @import "./components/layout/EditorInnerContent.scss";
+@import "./components/layout/InnerContent.scss";
 @import "./components/layout/Footer.scss";
 
 @import "./components/ui/CountrySelect.scss";

src/assets/css/components/layout/InnerContent.scss

@@ -0,0 +1,26 @@
+.inner-content {
+	@apply w-full px-4 md:px-8 pt-32 xl:p-32 pb-0;
+	width: 100%;
+	box-sizing: border-box;
+
+	.page-title {
+		@apply flex flex-col lg:flex-row gap-8 lg:items-end mb-12 text-white;
+		&__title {
+			@apply w-fit text-center;
+		}
+		&__span-construction {
+			@apply bg-construction text-slate-900 w-fit font-bold text-zuume 
+				h-fit px-4 py-2 text-3xl font-bold text-zuume;
+			transform: rotate(-2deg) skew(-1deg);
+			white-space: nowrap;
+		}
+	}
+
+	h1 {
+		@apply text-8xl tracking-wide;
+		line-height: 0.8;
+	}
+	h2 {
+		@apply text-6xl mt-16;
+	}
+}