diff --git a/public/editor-client/src/api/index.ts b/public/editor-client/src/api/index.ts
index b53628f339..36117423e8 100644
--- a/public/editor-client/src/api/index.ts
+++ b/public/editor-client/src/api/index.ts
@@ -1,11 +1,11 @@
-import { Arr, Obj, Str } from "@brizy/readers";
 import { Config, getConfig } from "@/config";
+import { DefaultBlock, PagesAPI } from "@/types/DefaultTemplate";
+import { ConfigDCItem } from "@/types/DynamicContent";
 import { GlobalBlock } from "@/types/GlobalBlocks";
 import { Page } from "@/types/Page";
 import { Rule } from "@/types/PopupConditions";
 import { Project } from "@/types/Project";
 import { ResponseWithBody } from "@/types/Response";
-import { ConfigDCItem } from "@/types/DynamicContent";
 import {
   CreateSavedBlock,
   CreateSavedLayout,
@@ -15,8 +15,9 @@ import {
   SavedLayoutMeta
 } from "@/types/SavedBlocks";
 import { ScreenshotData } from "@/types/Screenshots";
-import { Dictionary } from "../types/utils";
 import { t } from "@/utils/i18n";
+import { Arr, Json, Obj, Str } from "@brizy/readers";
+import { Dictionary } from "../types/utils";
 import { Literal } from "../utils/types";
 import {
   GetCollections,
@@ -1262,3 +1263,34 @@ export const updateGlobalBlocks = async (
 };
 
 //#endregion
+
+// region Default Pages
+export const getDefaultPages = async (
+  url: string
+): Promise<{
+  blocks: PagesAPI[];
+  categories: Record<string, string>;
+}> => {
+  const res = await fetch(`${url}/api/get-pages-chunk`).then((r) => r.json());
+
+  return {
+    blocks: res.collections,
+    categories: res.categories
+  };
+};
+
+export const getDefaultPage = async (
+  url: string,
+  slug: string
+): Promise<{
+  items: DefaultBlock[];
+}> => {
+  const data = await fetch(`${url}/api/get-page-data?page_slug=${slug}`).then(
+    (r) => r.json()
+  );
+
+  return Json.read(data[0].pageData) as {
+    items: DefaultBlock[];
+  };
+};
+// endregion
diff --git a/public/editor-client/src/config.ts b/public/editor-client/src/config.ts
index 9176f937e6..e0c9a9b8ae 100644
--- a/public/editor-client/src/config.ts
+++ b/public/editor-client/src/config.ts
@@ -12,6 +12,7 @@ interface DefaultTemplates {
   popupsUrl: string;
   storiesUrl: string;
   layoutsUrl: string;
+  templatesUrl: string;
 }
 
 interface Actions {
@@ -74,6 +75,7 @@ interface API {
   fileUrl: string;
   templates: DefaultTemplates;
   openAIUrl?: string;
+  templatesImageUrl: string;
   imagePatterns: ImagePatterns;
 }
 export interface Config {
@@ -104,6 +106,10 @@ const templatesReader = parseStrict<Record<string, unknown>, DefaultTemplates>({
   storiesUrl: pipe(
     mPipe(Obj.readKey("storiesUrl"), Str.read),
     throwOnNullish("Invalid API Config: stories")
+  ),
+  templatesUrl: pipe(
+    mPipe(Obj.readKey("templatesUrl"), Str.read),
+    throwOnNullish("Invalid API Config: templates")
   )
 });
 
@@ -137,6 +143,10 @@ const apiReader = parseStrict<PLUGIN_ENV["api"], API>({
     throwOnNullish("Invalid API: templates")
   ),
   openAIUrl: optional(pipe(mPipe(Obj.readKey("openAIUrl"), Str.read))),
+  templatesImageUrl: pipe(
+    mPipe(Obj.readKey("templatesImageUrl"), Str.read),
+    throwOnNullish("Invalid API: Image templates")
+  ),
   imagePatterns: pipe(
     mPipe(
       Obj.readKey("media"),
diff --git a/public/editor-client/src/defaultTemplates/index.ts b/public/editor-client/src/defaultTemplates/index.ts
index 5090642a89..a257467d14 100644
--- a/public/editor-client/src/defaultTemplates/index.ts
+++ b/public/editor-client/src/defaultTemplates/index.ts
@@ -1,3 +1,4 @@
+import { getDefaultPage, getDefaultPages } from "@/api";
 import { Config } from "../config";
 import {
   BlocksArray,
@@ -11,6 +12,8 @@ import {
   KitsWithThumbs,
   Layouts,
   LayoutsWithThumbs,
+  Pages,
+  PagesDefaultTemplate,
   Popups,
   PopupsWithThumbs,
   Stories,
@@ -18,6 +21,7 @@ import {
 } from "../types/DefaultTemplate";
 import { t } from "../utils/i18n";
 import { tempConverterKit } from "./tempComverters";
+import { convertPages, convertToCategories } from "./utils";
 
 const defaultKits = (
   config: Config
@@ -288,4 +292,43 @@ const defaultLayouts = (
   };
 };
 
-export { defaultKits, defaultStories, defaultLayouts, defaultPopups };
+const defaultPages = (
+  config: Config
+): PagesDefaultTemplate<Pages, BlocksArray<DefaultBlock>> => {
+  const { templatesUrl } = config.api.templates;
+  const { templatesImageUrl } = config.api;
+
+  return {
+    async getMeta(res, rej) {
+      try {
+        const { blocks, categories } = await getDefaultPages(templatesUrl);
+
+        res({
+          blocks: convertPages(blocks, templatesImageUrl),
+          categories: convertToCategories(categories)
+        });
+      } catch (e) {
+        rej(t("Failed to load meta.json"));
+      }
+    },
+    async getData(res, rej, { slug }) {
+      try {
+        const pageData = await getDefaultPage(templatesUrl, slug);
+
+        res({
+          blocks: [...pageData.items]
+        });
+      } catch (e) {
+        rej(t("Failed to load resolves for selected DefaultTemplate"));
+      }
+    }
+  };
+};
+
+export {
+  defaultKits,
+  defaultStories,
+  defaultLayouts,
+  defaultPopups,
+  defaultPages
+};
diff --git a/public/editor-client/src/defaultTemplates/utils.ts b/public/editor-client/src/defaultTemplates/utils.ts
index 2cfe123df0..aff9c498b5 100644
--- a/public/editor-client/src/defaultTemplates/utils.ts
+++ b/public/editor-client/src/defaultTemplates/utils.ts
@@ -1,387 +1,34 @@
-import { flatten, uniq, upperFirst } from "lodash";
-import {
-  APIPopup,
-  BlockWithThumbs,
-  Categories,
-  Kit,
-  KitType,
-  Style
-} from "../types/DefaultTemplate";
-import { pipe } from "../utils/fp/pipe";
-
-type CatTypes = Kit | APIPopup;
-
-export const getUniqueKitCategories = (collections: CatTypes[]): Categories[] =>
-  pipe(
-    (collections: CatTypes[]) =>
-      collections.map((collection: CatTypes) => collection.categories),
-    flatten,
-    uniq,
-    (cats) =>
-      cats.map((cat) => ({
-        title: upperFirst(cat),
-        slug: cat,
-        id: cat
-      }))
-  )(collections);
-
-export const getUniqueKitTypes = (collections: Kit[]): KitType[] =>
-  pipe(
-    (collections: Kit[]) => collections.map((collection) => collection.theme),
-    flatten,
-    uniq,
-    (uni) =>
-      uni.map((u) => ({
-        title: upperFirst(u),
-        id: u,
-        name: u,
-        icon: "nc-light"
-      }))
-  )(collections);
-
-export const converterKit = (
-  kit: Kit[],
-  url: string,
-  kitId: string
-): {
-  blocks: BlockWithThumbs[];
-  categories: Categories[];
-  types: KitType[];
-} => {
-  const categories = getUniqueKitCategories(kit);
-  const types = getUniqueKitTypes(kit);
-
-  const blocks: BlockWithThumbs[] = kit.map(
-    ({
-      slug,
-      categories,
-      pro,
-      thumbnail,
-      keywords,
-      thumbnailWidth,
-      thumbnailHeight
-    }) => ({
-      id: slug,
-      cat: [categories],
-      title: slug,
-      type: types[0].name,
-      keywords: keywords ?? "",
-      thumbnailHeight,
-      thumbnailWidth,
-      thumbnailSrc: `${url}${thumbnail}`,
-      pro: pro === "yes",
-      kitId
-    })
-  );
-
-  return {
-    blocks,
-    categories,
-    types
-  };
-};
-
-export const converterPopup = (
-  kit: APIPopup[],
-  url: string,
-  kitId: string
-): {
-  blocks: BlockWithThumbs[];
-  categories: Categories[];
-} => {
-  const categories = getUniqueKitCategories(kit);
-
-  const blocks: BlockWithThumbs[] = kit.map(
+import { trim, upperFirst } from "lodash";
+import { Categories, PagesAPI, PagesTemplate } from "../types/DefaultTemplate";
+
+export const convertPages = (
+  collections: PagesAPI[],
+  thumbUrl: string
+): PagesTemplate[] =>
+  collections.map(
     ({
-      id,
       title,
       categories,
-      pro,
-      thumbnail,
       thumbnailWidth,
-      thumbnailHeight
-    }) => ({
-      id: id,
-      cat: [categories],
-      title: title,
       thumbnailHeight,
-      thumbnailWidth,
-      thumbnailSrc: `${url}${thumbnail}`,
-      pro: pro === "true",
-      keywords: "popup2",
-      position: 1,
-      type: 0,
-      kitId
-    })
+      thumbnail,
+      slug
+    }) => {
+      return {
+        title: title,
+        slug: slug,
+        cat: categories.split(",").map(trim),
+        thumbnailWidth,
+        thumbnailHeight,
+        thumbnailSrc: `${thumbUrl}${thumbnail}`
+      };
+    }
   );
 
-  return {
-    blocks,
-    categories
-  };
-};
-
-export const getStyles = (): Array<Style> => [
-  {
-    colorPalette: [
-      { id: "color1", hex: "#A170D9" },
-      { id: "color2", hex: "#1C1C1C" },
-      { id: "color3", hex: "#05CAB6" },
-      { id: "color4", hex: "#B8E6E1" },
-      { id: "color5", hex: "#F5D4D1" },
-      { id: "color6", hex: "#EBEBEB" },
-      { id: "color7", hex: "#666666" },
-      { id: "color8", hex: "#FFFFFF" }
-    ],
-    fontStyles: [
-      {
-        deletable: "off",
-        id: "paragraph",
-        title: "Paragraph",
-        fontFamily: "overpass",
-        fontFamilyType: "google",
-        fontSize: 16,
-        fontSizeSuffix: "px",
-        fontWeight: 400,
-        lineHeight: 1.9,
-        letterSpacing: 0,
-        tabletFontSize: 15,
-        tabletFontSizeSuffix: "px",
-        tabletFontWeight: 400,
-        tabletLineHeight: 1.6,
-        tabletLetterSpacing: 0,
-        mobileFontSize: 15,
-        mobileFontSizeSuffix: "px",
-        mobileFontWeight: 400,
-        mobileLineHeight: 1.6,
-        mobileLetterSpacing: 0
-      },
-      {
-        deletable: "off",
-        id: "subtitle",
-        title: "Subtitle",
-        fontFamily: "overpass",
-        fontFamilyType: "google",
-        fontSize: 17,
-        fontSizeSuffix: "px",
-        fontWeight: 400,
-        lineHeight: 1.8,
-        letterSpacing: 0,
-        tabletFontSize: 17,
-        tabletFontSizeSuffix: "px",
-        tabletFontWeight: 400,
-        tabletLineHeight: 1.5,
-        tabletLetterSpacing: 0,
-        mobileFontSize: 16,
-        mobileFontSizeSuffix: "px",
-        mobileFontWeight: 400,
-        mobileLineHeight: 1.5,
-        mobileLetterSpacing: 0
-      },
-      {
-        deletable: "off",
-        id: "abovetitle",
-        title: "Above Title",
-        fontFamily: "overpass",
-        fontFamilyType: "google",
-        fontSize: 13,
-        fontSizeSuffix: "px",
-        fontWeight: 700,
-        lineHeight: 1.5,
-        letterSpacing: 1.1,
-        tabletFontSize: 13,
-        tabletFontSizeSuffix: "px",
-        tabletFontWeight: 700,
-        tabletLineHeight: 1.5,
-        tabletLetterSpacing: 1,
-        mobileFontSize: 13,
-        mobileFontSizeSuffix: "px",
-        mobileFontWeight: 700,
-        mobileLineHeight: 1.5,
-        mobileLetterSpacing: 1
-      },
-      {
-        deletable: "off",
-        id: "heading1",
-        title: "Heading 1",
-        fontFamily: "overpass",
-        fontFamilyType: "google",
-        fontSize: 46,
-        fontSizeSuffix: "px",
-        fontWeight: 700,
-        lineHeight: 1.3,
-        letterSpacing: -1.5,
-        tabletFontSize: 38,
-        tabletFontSizeSuffix: "px",
-        tabletFontWeight: 700,
-        tabletLineHeight: 1.2,
-        tabletLetterSpacing: -1,
-        mobileFontSize: 36,
-        mobileFontSizeSuffix: "px",
-        mobileFontWeight: 700,
-        mobileLineHeight: 1.3,
-        mobileLetterSpacing: -1
-      },
-      {
-        deletable: "off",
-        id: "heading2",
-        title: "Heading 2",
-        fontFamily: "overpass",
-        fontFamilyType: "google",
-        fontSize: 36,
-        fontSizeSuffix: "px",
-        fontWeight: 700,
-        lineHeight: 1.3,
-        letterSpacing: -1.5,
-        tabletFontSize: 30,
-        tabletFontSizeSuffix: "px",
-        tabletFontWeight: 700,
-        tabletLineHeight: 1.2,
-        tabletLetterSpacing: -1,
-        mobileFontSize: 28,
-        mobileFontSizeSuffix: "px",
-        mobileFontWeight: 700,
-        mobileLineHeight: 1.3,
-        mobileLetterSpacing: -1
-      },
-      {
-        deletable: "off",
-        id: "heading3",
-        title: "Heading 3",
-        fontFamily: "overpass",
-        fontFamilyType: "google",
-        fontSize: 28,
-        fontSizeSuffix: "px",
-        fontWeight: 700,
-        lineHeight: 1.4,
-        letterSpacing: -1.5,
-        tabletFontSize: 27,
-        tabletFontSizeSuffix: "px",
-        tabletFontWeight: 700,
-        tabletLineHeight: 1.3,
-        tabletLetterSpacing: -1,
-        mobileFontSize: 22,
-        mobileFontSizeSuffix: "px",
-        mobileFontWeight: 700,
-        mobileLineHeight: 1.3,
-        mobileLetterSpacing: -0.5
-      },
-      {
-        deletable: "off",
-        id: "heading4",
-        title: "Heading 4",
-        fontFamily: "overpass",
-        fontFamilyType: "google",
-        fontSize: 22,
-        fontSizeSuffix: "px",
-        fontWeight: 700,
-        lineHeight: 1.5,
-        letterSpacing: -0.5,
-        tabletFontSize: 22,
-        tabletFontSizeSuffix: "px",
-        tabletFontWeight: 700,
-        tabletLineHeight: 1.4,
-        tabletLetterSpacing: -0.5,
-        mobileFontSize: 20,
-        mobileFontSizeSuffix: "px",
-        mobileFontWeight: 700,
-        mobileLineHeight: 1.4,
-        mobileLetterSpacing: 0
-      },
-      {
-        deletable: "off",
-        id: "heading5",
-        title: "Heading 5",
-        fontFamily: "overpass",
-        fontFamilyType: "google",
-        fontSize: 20,
-        fontSizeSuffix: "px",
-        fontWeight: 700,
-        lineHeight: 1.6,
-        letterSpacing: 0,
-        tabletFontSize: 17,
-        tabletFontSizeSuffix: "px",
-        tabletFontWeight: 700,
-        tabletLineHeight: 1.7,
-        tabletLetterSpacing: 0,
-        mobileFontSize: 17,
-        mobileFontSizeSuffix: "px",
-        mobileFontWeight: 700,
-        mobileLineHeight: 1.8,
-        mobileLetterSpacing: 0
-      },
-      {
-        deletable: "off",
-        id: "heading6",
-        title: "Heading 6",
-        fontFamily: "overpass",
-        fontFamilyType: "google",
-        fontSize: 16,
-        fontSizeSuffix: "px",
-        fontWeight: 700,
-        lineHeight: 1.5,
-        letterSpacing: 0,
-        tabletFontSize: 16,
-        tabletFontSizeSuffix: "px",
-        tabletFontWeight: 700,
-        tabletLineHeight: 1.5,
-        tabletLetterSpacing: 0,
-        mobileFontSize: 16,
-        mobileFontSizeSuffix: "px",
-        mobileFontWeight: 700,
-        mobileLineHeight: 1.5,
-        mobileLetterSpacing: 0
-      },
-      {
-        deletable: "off",
-        id: "button",
-        title: "Button",
-        fontFamily: "overpass",
-        fontFamilyType: "google",
-        fontSize: 15,
-        fontSizeSuffix: "px",
-        fontWeight: 700,
-        lineHeight: 1.6,
-        letterSpacing: 0,
-        tabletFontSize: 17,
-        tabletFontSizeSuffix: "px",
-        tabletFontWeight: 700,
-        tabletLineHeight: 1.6,
-        tabletLetterSpacing: 0,
-        mobileFontSize: 15,
-        mobileFontSizeSuffix: "px",
-        mobileFontWeight: 700,
-        mobileLineHeight: 1.6,
-        mobileLetterSpacing: 0
-      }
-    ],
-    id: "bahcadtpvdhdphmhymrsgrwobyzhxcdzytyx",
-    title: "Overpass"
-  }
-];
-
-export const fetchAllElements = async <T>(
-  url: string,
-  id: string,
-  itemsPerPage: number
-): Promise<T[]> => {
-  let allElements: T[] = [];
-
-  const firstPageResponse = await fetch(
-    `${url}?project_id=${id}&per_page=${itemsPerPage}`
-  ).then((r) => r.json());
-
-  const lastPage = firstPageResponse.paginationInfo.lastPage;
-
-  allElements = allElements.concat(firstPageResponse.collections);
-
-  for (let currentPage = 2; currentPage <= lastPage; currentPage++) {
-    const nextPageResponse = await fetch(
-      `${url}?project_id=${id}&per_page=${itemsPerPage}&page_number=${currentPage}`
-    ).then((r) => r.json());
-
-    allElements = allElements.concat(nextPageResponse.collections);
-  }
-
-  return allElements;
-};
+export function convertToCategories(obj: Record<string, string>): Categories[] {
+  return Object.entries(obj).map(([_, title]) => ({
+    id: upperFirst(title),
+    slug: title.toLowerCase(),
+    title: upperFirst(title)
+  }));
+}
diff --git a/public/editor-client/src/index.ts b/public/editor-client/src/index.ts
index acb8f5ed65..7854b82305 100644
--- a/public/editor-client/src/index.ts
+++ b/public/editor-client/src/index.ts
@@ -9,6 +9,7 @@ import { addFile } from "./customFile/addFile";
 import {
   defaultKits,
   defaultLayouts,
+  defaultPages,
   defaultPopups,
   defaultStories
 } from "./defaultTemplates";
@@ -57,6 +58,7 @@ const api = {
   defaultPopups: defaultPopups(config),
   defaultStories: defaultStories(config),
   defaultLayouts: defaultLayouts(config),
+  defaultPages: defaultPages(config),
   collectionItems: {
     searchCollectionItems,
     getCollectionItemsIds
diff --git a/public/editor-client/src/types/DefaultTemplate.ts b/public/editor-client/src/types/DefaultTemplate.ts
index c9d3ca17e8..c9f8ba7256 100644
--- a/public/editor-client/src/types/DefaultTemplate.ts
+++ b/public/editor-client/src/types/DefaultTemplate.ts
@@ -1,3 +1,4 @@
+import { Literal } from "../utils/types";
 import { Response } from "./Response";
 
 export interface DefaultBlock {
@@ -131,6 +132,10 @@ interface FontStyle {
   tabletLineHeight: number;
 }
 
+export type CustomTemplatePage = TemplatePageWithThumbs & {
+  [key: string]: string;
+};
+
 // region Kits
 export interface KitCategories {
   id: number;
@@ -185,6 +190,61 @@ export type Kit = {
 };
 // endregion
 
+// region Layouts Type
+export interface LayoutTemplate {
+  blank?: boolean;
+  name: string;
+  cat: Array<Literal>;
+  color: string;
+  pagesCount: number;
+  pro: boolean;
+  keywords: string;
+}
+
+export interface LayoutTemplateWithThumbs extends LayoutTemplate {
+  thumbnailSrc: string;
+  thumbnailWidth: number;
+  thumbnailHeight: number;
+}
+
+export interface LayoutsDefaultTemplate<T1, T2, T3> {
+  label?: string;
+  getMeta: (res: Response<T1>, rej: Response<string>) => void;
+  getData: (
+    res: Response<T2>,
+    rej: Response<string>,
+    page: CustomTemplatePage
+  ) => void;
+  getPages: (res: Response<T3>, rej: Response<string>, id: string) => void;
+}
+
+export interface LayoutsPages {
+  pages: CustomTemplatePage[];
+  styles: Style[];
+}
+
+export interface LayoutsPageAPI {
+  title: string;
+  slug: string;
+  thumbs: string;
+  thumbnailWidth: number;
+  thumbnailHeight: number;
+}
+
+export interface LayoutsAPI {
+  title: string;
+  pro: string;
+  categories: string;
+  pagesCount: string;
+  slug: string;
+  thumbnail: string;
+  thumbnailWidth: number;
+  thumbnailHeight: number;
+  keywords: string;
+  color: string;
+}
+// endregion
+
 // region Popups
 export interface DefaultTemplatePopup<T1, T2> {
   label?: string;
@@ -215,3 +275,37 @@ export interface PopupsWithThumbs extends Omit<Popups, "blocks"> {
   blocks: Array<BlockWithThumbs>;
 }
 // endregion
+
+// region Pages
+export interface PagesAPI {
+  title: string;
+  slug: string;
+  categories: string;
+  thumbnail: string;
+  thumbnailWidth: number;
+  thumbnailHeight: number;
+}
+export interface PagesDefaultTemplate<T1, T2> {
+  label?: string;
+  getMeta: (res: Response<T1>, rej: Response<string>) => void;
+  getData: (
+    res: Response<T2>,
+    rej: Response<string>,
+    page: CustomTemplatePage
+  ) => void;
+}
+
+export interface Pages {
+  blocks: Array<PagesTemplate>;
+  categories: Pick<Categories, "id" | "title">[];
+}
+
+export interface PagesTemplate {
+  title: string;
+  slug: string;
+  cat: Array<Literal>;
+  thumbnailSrc: string;
+  thumbnailWidth: number;
+  thumbnailHeight: number;
+}
+// endregion
diff --git a/public/editor-client/src/types/global.d.ts b/public/editor-client/src/types/global.d.ts
index 65d1c87534..1d044f8f17 100644
--- a/public/editor-client/src/types/global.d.ts
+++ b/public/editor-client/src/types/global.d.ts
@@ -12,6 +12,8 @@ import {
   KitItem,
   KitsWithThumbs,
   LayoutsWithThumbs,
+  Pages,
+  PagesDefaultTemplate,
   PopupsWithThumbs,
   StoriesWithThumbs
 } from "./DefaultTemplate";
@@ -152,6 +154,7 @@ export interface VISUAL_CONFIG {
       StoriesWithThumbs,
       BlocksArray<DefaultBlock> | DefaultBlock
     >;
+    defaultPages?: PagesDefaultTemplate<Pages, BlocksArray<DefaultBlock>>;
 
     //Collection Items
     collectionItems?: {