[ { "framework": "Next.js with App Router", "starterProject": "Website and Blog with Tailwind (recommended to start)", "language": "TypeScript", "repoUrl": "https://github.com/reactbricks/reactbricks-starters", "repoPath": "apps/nextjs-app", "startYarnCommand": "yarn dev", "startPnpmCommand": "pnpm dev", "startNpmCommand": "npm run dev", "envVariables": { "apiKey": "API_KEY", "appId": "NEXT_PUBLIC_APP_ID", "appEnv": "NEXT_PUBLIC_ENVIRONMENT", "apiPrefix": "NEXT_PUBLIC_API_PREFIX", "otherVariables": [ { "cliRequired": false, "name": "NEXT_PUBLIC_RECAPTCHA_KEY", "value": "" } ] }, "advancedOptions": [ { "question": "Do you want to include email bricks? (Enterprise Plan required)", "note": "Enabling Email bricks...", "actions": [ { "kind": "UNCOMMENT_MARKERS", "markers": [ "<>" ] }, { "kind": "ADD_DEPENDENCIES", "dependencies": { "@react-email/components": "^0.0.42", "@reactbricks/email-ui-rsc": "*" } } ] } ], "envFile": ".env.local", "importRbUI": false, "defaultImages": [ { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "93gRipzXWAhi_Ix", "croppedImageHashId": "2igQrXpNVVXS2mT", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/2igQrXpNVVXS2mT.svg", "mediaFolderName": "Logos", "name": "logo_weather_channel", "title": "Logo Weather Channel", "alt": "Logo Weather Channel", "copyright": "", "source": "Upload", "width": "300", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":300},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "v7qnylE-KEhFZt7", "croppedImageHashId": "RzbsxdMiWWXw9PD", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/RzbsxdMiWWXw9PD.webp", "mediaFolderName": "Stock", "name": "dashboard", "title": "Macbook pro displaying computer icons", "alt": "Macbook pro displaying computer icons", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":608},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "DtwjUCJ39kWeJ6K", "croppedImageHashId": "chsiXtbyYLV2QnJ", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/chsiXtbyYLV2QnJ.svg", "mediaFolderName": "Icons", "name": "best-ux-editors", "title": "Best UX for editors", "alt": "Best UX for editors", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "N-dutXemlPNtMIT", "croppedImageHashId": "byS_6LmbjCoHJEp", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/byS_6LmbjCoHJEp.webp", "mediaFolderName": "Landscapes", "name": "seaside", "title": "Boat on seashore", "alt": "Boat on seashore", "copyright": null, "source": null, "width": "720", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":720,\"height\":720},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "VJjIyg_Io6pKZsl", "croppedImageHashId": "-O3TpA5eJMJHY8g", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/-O3TpA5eJMJHY8g.svg", "mediaFolderName": "Icons", "name": "twitter-icon", "title": "Twitter icon", "alt": "Twitter icon", "copyright": null, "source": null, "width": "248", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":182,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "xFXGxKecJKsuyWG", "croppedImageHashId": "fE8V1z9ht5Jh30P", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/fE8V1z9ht5Jh30P.svg", "mediaFolderName": "Avatars", "name": "luisa-green", "title": "Luisa Green", "alt": "Luisa Green", "copyright": null, "source": null, "width": "102", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "wSXOLrIAmhWPOpc", "croppedImageHashId": "ipRseb4KW1saucz", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/ipRseb4KW1saucz.webp", "mediaFolderName": "Landscapes", "name": "sea", "title": "Aerial photography of large body of water and shoreline", "alt": "Aerial photography of large body of water and shoreline", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "lVCG9BoGKIFIxsb", "croppedImageHashId": "wtfPYDp6fbt6k65", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/wtfPYDp6fbt6k65.svg", "mediaFolderName": "Logos", "name": "logo_casavo", "title": "Logo Casavo", "alt": "Logo Casavo", "copyright": "", "source": "Upload", "width": "993", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":60},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "BqovOXx9LuSmSBT", "croppedImageHashId": "LXbCuWcMlfgGUZc", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/LXbCuWcMlfgGUZc.webp", "mediaFolderName": "Landscapes", "name": "beach", "title": "Beach", "alt": "Palm tree near seashore", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "EjPxXmrZZ_qiSPU", "croppedImageHashId": "3vqEKqWng1EIK3-", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/3vqEKqWng1EIK3-.svg", "mediaFolderName": "Logos", "name": "react-bricks", "title": "React Bricks", "alt": "React Bricks", "copyright": null, "source": null, "width": "800", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "y-W7rQcApLnr4wy", "croppedImageHashId": "FWyn5yBPh3z6qFN", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/FWyn5yBPh3z6qFN.svg", "mediaFolderName": "Logos", "name": "logo_capbase", "title": "Logo Capbase", "alt": "Logo Capbase", "copyright": null, "source": null, "width": "1000", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1000,\"height\":300},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "BAY5I-2XNodLaTc", "croppedImageHashId": "HLrekpig0SHeG3Q", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/HLrekpig0SHeG3Q.svg", "mediaFolderName": "Icons", "name": "comments", "title": "Comments", "alt": "Comments", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "ptXCUjOXpdtNErX", "croppedImageHashId": "YDOEeyDKxKDlx3q", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/YDOEeyDKxKDlx3q.svg", "mediaFolderName": "Icons", "name": "enterprise-ready", "title": "Enterprise-ready", "alt": "Enterprise-ready", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "xBUextC_j4erxcx", "croppedImageHashId": "YI-c1lPxdNG09eX", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/YI-c1lPxdNG09eX.svg", "mediaFolderName": "Logos", "name": "logo_neoskop", "title": "Logo Neoskop", "alt": "Logo Neoskop", "copyright": null, "source": null, "width": "145", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":83},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "CIoAefChdT2kBl3", "croppedImageHashId": "RDSLkm_WVhxx7UO", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/RDSLkm_WVhxx7UO.svg", "mediaFolderName": "Logos", "name": "logo_everfund", "title": "Logo Everfund", "alt": "Logo Everfund", "copyright": null, "source": null, "width": "2698", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":65},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "Mmx9IqDAjuPqzEe", "croppedImageHashId": "VgzkSplWPmQ7wS0", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/VgzkSplWPmQ7wS0.svg", "mediaFolderName": "Logos", "name": "logo_woosmap", "title": "Logo Woosmap", "alt": "Logo Woosmap", "copyright": null, "source": null, "width": "997", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":60},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "G2qm8_U4ZoKkj7R", "croppedImageHashId": "MJamGw9Yc6W2MM_", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/MJamGw9Yc6W2MM_.svg", "mediaFolderName": "Logos", "name": "logo_deel", "title": "Logo Deel", "alt": "Logo Deel", "copyright": "", "source": "Upload", "width": "183", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":105},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "XPwRzNWn-VSHOZd", "croppedImageHashId": "cXs2_qmIztWlbjX", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/cXs2_qmIztWlbjX.svg", "mediaFolderName": "Logos", "name": "react", "title": "React", "alt": "React", "copyright": null, "source": null, "width": "23", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":169,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "6UrStGPV2CM5sOO", "croppedImageHashId": "xw-N240eaJWCKL2", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/xw-N240eaJWCKL2.svg", "mediaFolderName": "Icons", "name": "react-components", "title": "React components", "alt": "React components", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "BK1p-9c9e93qY8v", "croppedImageHashId": "hlef3DSmujv8FMZ", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/hlef3DSmujv8FMZ.webp", "mediaFolderName": "Landscapes", "name": "sea", "title": "Empty seashore", "alt": "Empty seashore", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "YUkWE6_LHXaNxBG", "croppedImageHashId": "KWCregj6Jm_817i", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/KWCregj6Jm_817i.svg", "mediaFolderName": "Icons", "name": "give-a-talk", "title": "Globr", "alt": "Globe", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "oBOPcw-Lj3nfCgJ", "croppedImageHashId": "MBz1YfmSrVYIE9k", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/MBz1YfmSrVYIE9k.svg", "mediaFolderName": "Logos", "name": "logo_banca_mediolanum", "title": "Logo Banca Mediolanum", "alt": "Logo Banca Mediolanum", "copyright": "", "source": "Upload", "width": "268", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":268,\"height\":63},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "yBvKVCrcRUno0R8", "croppedImageHashId": "SdGu6n6vDH6s9t_", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/SdGu6n6vDH6s9t_.webp", "mediaFolderName": "Avatars", "name": "maik-jablonski", "title": "Maik Jablonski", "alt": "Maik Jablonski", "copyright": null, "source": null, "width": "450", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":450,\"height\":450},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "uvJMBMnTlGdw-GH", "croppedImageHashId": "2RuCMiGNwZIO9kA", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/2RuCMiGNwZIO9kA.webp", "mediaFolderName": "Landscapes", "name": "sea", "title": "Crystal clear water near coconut trees under the sun", "alt": "Crystal clear water near coconut trees under the sun", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "HzjO61OMBGEzZ1a", "croppedImageHashId": "4QNWMVskHbfvm58", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/4QNWMVskHbfvm58.svg", "mediaFolderName": "Icons", "name": "best-ux-editors", "title": "Best UX for editors", "alt": "Arrow with bulls eye", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "uVILfCQ9dAfhF2I", "croppedImageHashId": "AXzsjw5t5L4mk_z", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/AXzsjw5t5L4mk_z.svg", "mediaFolderName": "Avatars", "name": "catherine", "title": "Catherine", "alt": "Catherine", "copyright": null, "source": null, "width": "102", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "CBxQsqPGmciMMzo", "croppedImageHashId": "bFLCrKI_7piXkGh", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/bFLCrKI_7piXkGh.svg", "mediaFolderName": "Icons", "name": "discord-icon", "title": "Discord icon", "alt": "Discord icon", "copyright": null, "source": null, "width": "800", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "OWA4xgOyDz0NrUW", "croppedImageHashId": "UW2RGBH3DKyX3s6", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/UW2RGBH3DKyX3s6.svg", "mediaFolderName": "Logos", "name": "nextjs", "title": "Next.js", "alt": "Next.js", "copyright": null, "source": null, "width": "800", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "UeGTZawh12mz8rh", "croppedImageHashId": "FL-9fIA4IEFSCoN", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/FL-9fIA4IEFSCoN.svg", "mediaFolderName": "Avatars", "name": "matteo-frana", "title": "Matteo Frana", "alt": "Matteo Frana", "copyright": null, "source": null, "width": "102", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "WMk5dhvluHk6rW1", "croppedImageHashId": "Vnew8YOLupgch7I", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/Vnew8YOLupgch7I.svg", "mediaFolderName": "Icons", "name": "youtube-icon", "title": "Youtube icon", "alt": "Youtube icon", "copyright": null, "source": null, "width": "159", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":159,\"height\":110},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "pS1H_GfPCVRis4_", "croppedImageHashId": "vjDW6iYYg0_SxP3", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/vjDW6iYYg0_SxP3.svg", "mediaFolderName": "Logos", "name": "tailwind", "title": "Tailwind CSS", "alt": "Tailwind CSS", "copyright": null, "source": null, "width": "1000", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1000,\"height\":1000},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "XQr3-OxqHfS_FF6", "croppedImageHashId": "ff-CsHruYe5dIWU", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/ff-CsHruYe5dIWU.svg", "mediaFolderName": "Icons", "name": "design-system", "title": "Design system", "alt": "Design system", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "Qq9vuF1tOB2ZaQP", "croppedImageHashId": "QATmzaziFdSQo-r", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/QATmzaziFdSQo-r.webp", "mediaFolderName": "Stock", "name": "visual-editing-cms", "title": "View is better than preview", "alt": "View is better than preview", "copyright": null, "source": null, "width": "1500", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1500,\"height\":1000},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "kOu5mVImpzEQySH", "croppedImageHashId": "_pDoJGgPgfsf1un", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/_pDoJGgPgfsf1un.webp", "mediaFolderName": "Avatars", "name": "laurie-voss", "title": "Laurie Voss", "alt": "Laurie Voss", "copyright": null, "source": null, "width": "96", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":96,\"height\":96},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "Cfgu2PKqAfZPENX", "croppedImageHashId": "FuuSjL4bhR9J5lw", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/FuuSjL4bhR9J5lw.svg", "mediaFolderName": "Avatars", "name": "alvin", "title": "Alvin", "alt": "Alvin", "copyright": null, "source": "", "width": "102", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "LQA15E4KFCuOGPW", "croppedImageHashId": "jhkbCmYZ0kOzgKE", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/jhkbCmYZ0kOzgKE.webp", "mediaFolderName": "Stock", "name": "dashboard", "title": null, "alt": "person writing on white paper", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":716},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "8IVBHGtmEigAhwA", "croppedImageHashId": "ZQRlmLdG1NUke8E", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/ZQRlmLdG1NUke8E.svg", "mediaFolderName": "Icons", "name": "react-components", "title": "React components", "alt": "React components", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "F_W6AsJISqVmsOF", "croppedImageHashId": "Xu81Gei6Nf0W67d", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/Xu81Gei6Nf0W67d.svg", "mediaFolderName": "Icons", "name": "enterprise-ready", "title": null, "alt": "Enterprise-ready", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "yDIr4N7fc40024t", "croppedImageHashId": "MKIOj-c_D6Dkxyw", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/MKIOj-c_D6Dkxyw.svg", "mediaFolderName": "Logos", "name": "logo-react-bricks", "title": "Logo React Bricks", "alt": "Logo React Bricks", "copyright": null, "source": null, "width": "980", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "iBxWeVUzpoENmOf", "croppedImageHashId": "beJF8OfLvIt5PXX", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/beJF8OfLvIt5PXX.webp", "mediaFolderName": "Avatars", "name": "stefan-nagey", "title": "Stefan Nagey", "alt": "Stefan Nagey", "copyright": null, "source": null, "width": "100", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":100,\"height\":100},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "MnlEsnpBiFf_GTr", "croppedImageHashId": "nPi9K3_25EJo1AA", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/nPi9K3_25EJo1AA.svg", "mediaFolderName": "Logos", "name": "gatsby", "title": "Gatsby", "alt": "Gatsby", "copyright": null, "source": null, "width": "28", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "oh_jhbQRoPIWF2z", "croppedImageHashId": "Xrm1aPBLxaHpQwI", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/Xrm1aPBLxaHpQwI.svg", "mediaFolderName": "Icons", "name": "content-creators-ux-cms", "title": "Pictures", "alt": "Great for content creators and developers", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" } ], "defaultContent": [ { "type": "page", "name": "About us", "slug": "about-us", "meta": "{\"title\":\"About us\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"9a3b4858-234c-47be-9db3-71bfbd7902ae\",\"type\":\"hero-unit\",\"props\":{\"bg\":{\"color\":\"#fff\",\"className\":\"bg-white dark:bg-gray-900\"},\"size\":\"large\",\"textGradient\":\"CARIBBEAN_BLUE\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"About us\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We could not find any CMS on the market that would make us and our customers happy. So we created it!\"}]}],\"badge\":[{\"id\":\"57ac4157-c311-4b3c-be24-b46b6a47f6b2\",\"type\":\"badge\",\"props\":{\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"REACT BRICKS\"}]}],\"textAlign\":\"center\",\"badgeColor\":{\"color\":\"#ec4899\",\"className\":\"text-pink-500 dark:text-pink-400\"}}}],\"buttons\":[],\"highlightTextColor\":{\"color\":\"#6b7280\",\"className\":\"text-gray-500 dark:text-white\"},\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"}}},{\"id\":\"66c4d83c-88e9-493c-aef7-6a9a249cffc0\",\"type\":\"team\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"withTitle\":true,\"bigCenteredTitle\":false,\"title\":\"Meet our team\",\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We are a group of passionate people with the mission to make content editing fun. For everybody.\"}]}],\"members\":[{\"id\":\"78598902-3daa-4bd3-8f7e-51a81e815de5\",\"type\":\"team-item\",\"props\":{\"memberName\":\"Alvin Payne\",\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Frontend Developer\"}]}],\"twitter\":\"reactbricks\",\"github\":\"\",\"linkedin\":\"rb_alvin_payne\",\"picture\":{\"hashId\":\"Cfgu2PKqAfZPENX\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Alvin\",\"seoName\":\"alvin\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"187d50ac-abda-4b54-89f9-b272b49af8b9\",\"type\":\"team-item\",\"props\":{\"memberName\":\"Catherine Smith\",\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Backend Developer\"}]}],\"twitter\":\"reactbricks\",\"github\":\"rb_catherine_smith\",\"linkedin\":\"rb_catherine_smith\",\"picture\":{\"hashId\":\"uVILfCQ9dAfhF2I\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/AXzsjw5t5L4mk_z.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/AXzsjw5t5L4mk_z.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Catherine\",\"seoName\":\"catherine\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"d4be049b-feef-4c2b-ad7e-7190feadb257\",\"type\":\"team-item\",\"props\":{\"memberName\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"John Benton\"}]}],\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Founder and CEO\"}]}],\"twitter\":\"reactbricks\",\"github\":\"\",\"linkedin\":\"rb_john_benton\",\"picture\":{\"hashId\":\"UeGTZawh12mz8rh\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FL-9fIA4IEFSCoN.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FL-9fIA4IEFSCoN.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Matteo Frana\",\"seoName\":\"matteo-frana\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"9eefc8b8-0033-4872-bf2b-9988db63d0bf\",\"type\":\"team-item\",\"props\":{\"memberName\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Luisa Green\"}]}],\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Sales Executive\"}]}],\"twitter\":\"\",\"github\":\"\",\"linkedin\":\"rb_john_benton\",\"picture\":{\"hashId\":\"xFXGxKecJKsuyWG\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/fE8V1z9ht5Jh30P.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/fE8V1z9ht5Jh30P.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Luisa Green\",\"seoName\":\"luisa-green\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"5a03827d-d447-46eb-995e-262297117483\",\"type\":\"cards\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"full\",\"borderBottom\":\"full\",\"withTitle\":true,\"bigCenteredTitle\":false,\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Join our community\"}]}],\"subtitle\":\"Join our community of over 6,500 React developers: let's change the way people edit websites!\",\"cards\":[{\"id\":\"61b1a0b0-a802-445c-a6fb-1b34606e076f\",\"type\":\"card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"withLink\":true,\"icon\":{\"hashId\":\"WMk5dhvluHk6rW1\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Vnew8YOLupgch7I.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Vnew8YOLupgch7I.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":110,\"width\":159,\"alt\":\"Youtube icon\",\"seoName\":\"youtube-icon\",\"crop\":{\"x\":0,\"y\":0,\"width\":159,\"height\":110},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"YouTube channel\",\"description\":\"Watch insider previews, feature demos, and interviews.\",\"linkText\":\"Watch now\",\"linkPath\":\"https://www.youtube.com/@reactbricks\"}},{\"id\":\"6dd34662-c47b-4d08-b7c5-4e9a9e0ac9dd\",\"type\":\"card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"withLink\":true,\"icon\":{\"hashId\":\"VJjIyg_Io6pKZsl\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/-O3TpA5eJMJHY8g.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/-O3TpA5eJMJHY8g.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":204,\"width\":248,\"alt\":\"Twitter icon\",\"seoName\":\"twitter-icon\",\"crop\":{\"x\":0,\"y\":0,\"width\":182,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"Twitter\",\"description\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Get the latest event updates about React Bricks.\"}]}],\"linkText\":\"Follow us now\",\"linkPath\":\"https://twitter.com/ReactBricks\"}},{\"id\":\"16e81337-9079-48e2-bbef-c6788dc79afc\",\"type\":\"card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"withLink\":true,\"icon\":{\"hashId\":\"CBxQsqPGmciMMzo\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/bFLCrKI_7piXkGh.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/bFLCrKI_7piXkGh.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":800,\"width\":800,\"alt\":\"Discord icon\",\"seoName\":\"discord-icon\",\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Discord server\"}]}],\"description\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Join our community on Discord to share ideas and ask for help.\"}]}],\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Join now\"}]}],\"linkPath\":\"https://discord.com/invite/8mBXKQUmyV\"}},{\"id\":\"ab9066fa-d9c5-4bc0-86ea-1240a966da5c\",\"type\":\"card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"withLink\":true,\"icon\":{\"hashId\":\"YUkWE6_LHXaNxBG\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/KWCregj6Jm_817i.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/KWCregj6Jm_817i.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Globe\",\"seoName\":\"give-a-talk\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Give a talk\"}]}],\"description\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"If you'd like to give a talk about React Bricks, we are happy to support you.\"}]}],\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Download example slides\"}]}]}}],\"width\":\"small\"}},{\"id\":\"4d98b56d-a6e4-4d4a-b70d-61936804e8da\",\"type\":\"title\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"medium\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Our locations\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Seaside views are the best for software development.\"}]}],\"bigCentered\":true,\"extraboldTitle\":false}},{\"id\":\"1b02feca-05ad-41b1-8a10-c9e1e1c374d0\",\"type\":\"image-carousel\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"slidesToShow\":\"3\",\"slidesToScroll\":1,\"adaptAspectRatio\":true,\"autoplay\":true,\"speed\":3,\"gap\":\"15px\",\"images\":[{\"id\":\"c98fbe46-8dd8-431f-9d84-ec52cd2454ab\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"N-dutXemlPNtMIT\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/byS_6LmbjCoHJEp.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-720.webp 720w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/byS_6LmbjCoHJEp.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/byS_6LmbjCoHJEp.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-720.jpg 720w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":720,\"width\":720,\"alt\":\"boat on seashore\",\"seoName\":\"seaside\",\"crop\":{\"x\":0,\"y\":0,\"width\":720,\"height\":720},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"e43af0a7-c16b-4b12-8aed-98541aef800d\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"BK1p-9c9e93qY8v\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/hlef3DSmujv8FMZ.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/hlef3DSmujv8FMZ.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/hlef3DSmujv8FMZ.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1080,\"width\":1080,\"alt\":\"empty seashore\",\"seoName\":\"sea\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"70f1b8d0-b759-489b-ac5b-1896158fcc52\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"wSXOLrIAmhWPOpc\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ipRseb4KW1saucz.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/ipRseb4KW1saucz.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ipRseb4KW1saucz.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1080,\"width\":1080,\"alt\":\"aerial photography of large body of water and shoreline\",\"seoName\":\"sea\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"9ad07994-79ee-4437-b2d0-829377deee9e\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"uvJMBMnTlGdw-GH\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/2RuCMiGNwZIO9kA.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/2RuCMiGNwZIO9kA.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/2RuCMiGNwZIO9kA.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1080,\"width\":1080,\"alt\":\"crystal clear water near coconut trees under the sun\",\"seoName\":\"sea\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"37e0b95c-3e10-4889-b80e-e8c2f58dcdb7\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"BqovOXx9LuSmSBT\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/LXbCuWcMlfgGUZc.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/LXbCuWcMlfgGUZc.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/LXbCuWcMlfgGUZc.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1080,\"width\":1080,\"alt\":\"palm tree near seashore\",\"seoName\":\"\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}],\"width\":\"medium\"}},{\"id\":\"f08c7303-f558-42df-8ac2-780f09d95a37\",\"type\":\"small-logo-grid\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"10\",\"paddingBottom\":\"10\",\"borderTop\":\"full\",\"borderBottom\":\"full\",\"width\":\"small\",\"targetBlank\":true,\"badge\":[{\"id\":\"06f5dabf-b25d-4212-bb2e-490cfc2501ad\",\"type\":\"badge\",\"props\":{\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Technologies\"}]}],\"textAlign\":\"center\",\"badgeColor\":{\"color\":\"#6b7280\",\"className\":\"text-gray-500 dark:text-white\"}}}],\"logos\":[{\"id\":\"7616be98-6e98-4a75-8c96-6ae2b360db39\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"XPwRzNWn-VSHOZd\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/cXs2_qmIztWlbjX.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/cXs2_qmIztWlbjX.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":20,\"width\":23,\"alt\":\"React\",\"seoName\":\"react\",\"crop\":{\"x\":0,\"y\":0,\"width\":169,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://react.dev/\"}},{\"id\":\"ca1edcc2-79cd-4b9f-a58c-ead0e671cfac\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"OWA4xgOyDz0NrUW\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/UW2RGBH3DKyX3s6.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/UW2RGBH3DKyX3s6.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":800,\"width\":800,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://nextjs.org/\"}},{\"id\":\"6fd65cf0-db5a-4fcb-afb7-0ce6a79304bf\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"MnlEsnpBiFf_GTr\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/nPi9K3_25EJo1AA.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/nPi9K3_25EJo1AA.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":28,\"width\":28,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://www.gatsbyjs.com/\"}},{\"id\":\"4cb63293-1567-412f-888f-1425fe189a56\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"EjPxXmrZZ_qiSPU\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/3vqEKqWng1EIK3-.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/3vqEKqWng1EIK3-.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":800,\"width\":800,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://remix.run/\"}},{\"id\":\"a1d72715-67f0-461f-b749-5718f3cac605\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"pS1H_GfPCVRis4_\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/vjDW6iYYg0_SxP3.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/vjDW6iYYg0_SxP3.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1000,\"width\":1000,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":1000,\"height\":1000},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://tailwindcss.com/\"}}]}},{\"id\":\"85821ab4-3885-4965-a2e2-14383d352169\",\"type\":\"newsletter-hero\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"none\",\"borderBottom\":\"boxed\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Stay in the loop with our newsletter!\"}]}],\"textGradient\":\"MORNING_LIGHT\",\"description\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Sent every \"},{\"text\":\"2 weeks\",\"bold\":true},{\"text\":\", no spam.\"}]}],\"text\":\"Join thousands of developers who want to change the way people edit website.\",\"privacy\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"By submitting the form you accept our \"},{\"type\":\"link\",\"url\":\"https://reactbricks.com/legal/privacy\",\"children\":[{\"text\":\"Privacy policy\"}]}]}],\"buttonText\":\"Subscribe\"}},{\"id\":\"a2bbb6e5-0777-40d4-b3e1-ee6a91a13670\",\"type\":\"team-2-cols\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"withTitle\":true,\"bigCenteredTitle\":false,\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Contributors\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We are a group of passionate people with the mission to make content editing fun. For everybody.\"}]}],\"members\":[{\"id\":\"6f3b5c97-d8d7-4821-afdb-e62c03c5e49b\",\"type\":\"team-item2-cols-item\",\"props\":{\"title\":\"Thick as a brick\",\"name\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"John Smith\"}]}],\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Frontend Developer\"}]}],\"twitter\":\"reactbricks\",\"linkedin\":\"rb_john_smith\",\"picture\":{\"hashId\":\"Cfgu2PKqAfZPENX\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Alvin\",\"seoName\":\"alvin\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"3a79ffd7-04cb-4ea6-9ba5-c97c98bf4a72\",\"type\":\"team-item2-cols-item\",\"props\":{\"title\":\"Thick as a brick\",\"name\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Anna Taylor\"}]}],\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Backend Developer\"}]}],\"twitter\":\"reactbricks\",\"linkedin\":\"rb_anna_taylor\",\"picture\":{\"hashId\":\"xFXGxKecJKsuyWG\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/fE8V1z9ht5Jh30P.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/fE8V1z9ht5Jh30P.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Luisa Green\",\"seoName\":\"luisa-green\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"github\":\"rb_anna_taylor\"}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2022-03-03T17:28:09.000Z", "tags": [] }, { "type": "page", "name": "Contacts", "slug": "contacts", "meta": "{\"title\":\"Contacts\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"3c002a64-85c3-4098-9ea8-982823d79e16\",\"type\":\"hero-unit\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"size\":\"large\",\"textGradient\":\"NONE\",\"highlightTextColor\":{\"color\":\"#ec4899\",\"className\":\"text-pink-500 dark:text-pink-400\"},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Contacts\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Let's shape together the best possible content editing experience for your team.\"}]}],\"badge\":[],\"buttons\":[]}},{\"id\":\"3ed66da0-4280-4722-adf8-dbd9f77652ae\",\"type\":\"ContactsForm\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"full\",\"borderBottom\":\"full\",\"address\":\"4556 Brendan Ferry\\nLos Angeles, CA 90210\",\"phoneNumber\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"+1 (555) 423-5786\"}]}],\"email\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"hello@example.com\"}]}],\"title\":\"Contact us\",\"subtitle\":\"Do you have a project in mind? We are happy to talk with you to understand your needs, prepare a quote for you and make it happen!\",\"form\":[{\"id\":\"982b85e3-9223-42fa-b55f-b8e05740c325\",\"type\":\"form-builder\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"buttonPosition\":\"justify-center\",\"formElements\":[{\"id\":\"7021711c-ccad-41a8-badc-2d4e623c962f\",\"type\":\"form-input\",\"props\":{\"fieldName\":\"firstname\",\"isRequired\":false,\"inputType\":\"text\",\"columns\":\"1\",\"label\":\"First Name\",\"requiredError\":\"\",\"pattern\":\"\",\"patternError\":\"\"}},{\"id\":\"2dcb41b7-504c-4e2d-b996-5ca134ee6d9d\",\"type\":\"form-input\",\"props\":{\"fieldName\":\"lastname\",\"isRequired\":false,\"inputType\":\"text\",\"columns\":\"1\",\"label\":\"Last Name\",\"requiredError\":\"\",\"pattern\":\"\",\"patternError\":\"\"}},{\"id\":\"cf430be3-4d94-4cfc-80df-d07e758aac72\",\"type\":\"form-input\",\"props\":{\"fieldName\":\"email\",\"isRequired\":true,\"inputType\":\"email\",\"columns\":\"2\",\"label\":\"Email\",\"requiredError\":\"Email is required\",\"pattern\":\"\",\"patternError\":\"\"}},{\"id\":\"4ea78a7d-ef93-43c5-9e22-f0549340da79\",\"type\":\"form-text-area\",\"props\":{\"columns\":\"2\",\"fieldName\":\"message\",\"label\":\"Message\",\"isRequired\":false,\"requiredError\":\"\",\"pattern\":\"\",\"patternError\":\"\"}},{\"id\":\"304e9e38-5964-4710-a239-5cc736ea07d1\",\"type\":\"form-checkbox\",\"props\":{\"label\":\"I accept the processing of my data\",\"columns\":\"2\",\"isRequired\":true,\"fieldName\":\"privacy\",\"requiredError\":\"Please, accept our privacy terms\",\"pattern\":\"\",\"patternError\":\"\"}}],\"formButtons\":[{\"id\":\"754cb05e-a4ea-4912-91e1-e59fcec3ce01\",\"type\":\"button\",\"props\":{\"type\":\"button\",\"text\":\"Send\",\"href\":\"\",\"isTargetBlank\":false,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\"}}]}}]}},{\"id\":\"88b704d6-6c8b-451a-a799-7e4d8b06438c\",\"type\":\"contact-offices\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"20\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"withTitle\":true,\"bigCenteredTitle\":false,\"title\":\"Our offices\",\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We have offices in the US and in Europe. Call on us for a coffee β˜•οΈ\"}]}],\"offices\":[{\"id\":\"a93d1ce7-7081-4aaf-ad8f-cc691b3a70dd\",\"type\":\"contact-office\",\"props\":{\"contactTitle\":\"San Francisco\",\"contactAddress\":\"3319 Harrison Street\\nSan Francisco, CA\",\"city\":\"San Francisco\",\"address\":\"3319 Harrison Street\\nSan Francisco, CA\"}},{\"id\":\"59f3fe52-982c-4bfd-88a6-6eeedd8c531c\",\"type\":\"contact-office\",\"props\":{\"contactTitle\":\"San Francisco\",\"contactAddress\":\"3319 Harrison Street\\nSan Francisco, CA\",\"city\":\"New York\",\"address\":\"2153 Shinn Street\\nNew York, NY\"}},{\"id\":\"11f347ba-5d0f-49a0-bff7-a086bb8f6a19\",\"type\":\"contact-office\",\"props\":{\"contactTitle\":\"San Francisco\",\"contactAddress\":\"3319 Harrison Street\\nSan Francisco, CA\",\"city\":\"Milan\",\"address\":\"Via Manzoni, 25\\nMilan\"}},{\"id\":\"7bb1f6d6-9c6e-4b34-9349-1b3e414b5458\",\"type\":\"contact-office\",\"props\":{\"contactTitle\":\"San Francisco\",\"contactAddress\":\"3319 Harrison Street\\nSan Francisco, CA\",\"city\":\"London\",\"address\":\"1272 Old House Drive\\nLondon\"}}]}},{\"id\":\"5b6907bc-368e-425f-8429-03e4b86288fe\",\"type\":\"title\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Coming near Bergamo?\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Let's have a coffee together!\"}]}],\"bigCentered\":false,\"extraboldTitle\":false}},{\"id\":\"91648396-5db9-4713-8e16-cea762303747\",\"type\":\"map\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"8\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"lat\":\"45.6782509\",\"lng\":\"9.5669407\",\"zoom\":\"6\",\"width\":\"small\"}},{\"id\":\"d0933bb7-b66d-4c86-b79a-543987c42c25\",\"type\":\"testimonial-3-cols\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"testimonials\":[{\"id\":\"e5386d03-4b5d-40b5-a602-1ff85663b8eb\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"React Bricks allowed us to quickly create a beautiful website that drives business goals and is easy to maintain.\",\"authorName\":\"Stefan Nagey\",\"authorJobTitle\":\"Senior Dir. Engineering @ Deel\",\"avatarImage\":{\"hashId\":\"JGgFuuUjYy8-BmW\",\"src\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/original/XBaIYM56B1E9CnP.webp\",\"srcSet\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/src_set/XBaIYM56B1E9CnP-100.webp 100w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/placeholder/XBaIYM56B1E9CnP.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/original/XBaIYM56B1E9CnP.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/src_set/XBaIYM56B1E9CnP-100.jpg 100w\",\"fallbackType\":\"image/jpeg\",\"height\":100,\"width\":100,\"alt\":\"Stefan Nagey\",\"seoName\":\"stefan-nagey\",\"crop\":{\"x\":0,\"y\":0,\"width\":100,\"height\":100},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"2206b420-272d-477d-bfa3-ff66b70d3483\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"I've wanted to see something like this for a long time. This is how web development was always supposed to be.\",\"authorName\":\"Laurie Voss\",\"authorJobTitle\":\"Data Analyst @ Netlify\",\"avatarImage\":{\"hashId\":\"qgsLosqdnhXcPTV\",\"src\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/original/ZoA1z-4vZoIp4Qz.webp\",\"srcSet\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/src_set/ZoA1z-4vZoIp4Qz-96.webp 96w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/placeholder/ZoA1z-4vZoIp4Qz.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/original/ZoA1z-4vZoIp4Qz.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/src_set/ZoA1z-4vZoIp4Qz-96.jpg 96w\",\"fallbackType\":\"image/jpeg\",\"height\":96,\"width\":96,\"alt\":\"Laurie Voss\",\"seoName\":\"laurie-voss\",\"crop\":{\"x\":0,\"y\":0,\"width\":96,\"height\":96},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"9a5874f2-ba75-4d22-abaa-64168cdf546c\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"The developer experience is great and our editors are happy as well! React Bricks fits perfectly to our needs.\",\"authorName\":\"Maik Jablonski\",\"authorJobTitle\":\"Managing Director @ Neoskop\",\"avatarImage\":{\"hashId\":\"mJRci6EjMQWVvki\",\"src\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/original/mBgw3Aeaim4uhKF.webp\",\"srcSet\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/src_set/mBgw3Aeaim4uhKF-450.webp 450w,\\nhttps://assets.reactbricks.com/FIdZytT5nilgFmV/images/src_set/mBgw3Aeaim4uhKF-400.webp 400w,\\nhttps://assets.reactbricks.com/FIdZytT5nilgFmV/images/src_set/mBgw3Aeaim4uhKF-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/placeholder/mBgw3Aeaim4uhKF.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/original/mBgw3Aeaim4uhKF.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/FIdZytT5nilgFmV/images/src_set/mBgw3Aeaim4uhKF-450.jpg 450w,\\nhttps://assets.reactbricks.com/FIdZytT5nilgFmV/images/src_set/mBgw3Aeaim4uhKF-400.jpg 400w,\\nhttps://assets.reactbricks.com/FIdZytT5nilgFmV/images/src_set/mBgw3Aeaim4uhKF-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":450,\"width\":450,\"alt\":\"Maik Jablonski\",\"seoName\":\"maik-jablonski\",\"crop\":{\"x\":0,\"y\":0,\"width\":450,\"height\":450},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-12T16:48:20.000Z", "tags": [] }, { "type": "page", "name": "Home", "slug": "/", "meta": "{\"title\":\"Home\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"fac8c8b6-dcd1-4434-b230-6451b9ed8953\",\"type\":\"hero-unit-2\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"20\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"textGradient\":\"NONE\",\"highlightTextColor\":{\"color\":\"#84cc16\",\"className\":\"text-lime-500 dark:text-lime-400\"},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Great \"},{\"text\":\"DX\",\"highlight\":true},{\"text\":\" for Developers, great \"},{\"text\":\"UX\",\"highlight\":true},{\"text\":\" for Content editors.\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Forget grey fields, welcome visual editing. \"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"No back-and-forth between the CMS and your editor: it's just React! πŸŽ‰\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Leverage React components and define what’s editable, ensuring the integrity of your design system.\"}]}],\"buttons\":[{\"id\":\"0cfa5a9d-c0bc-4934-b096-55492780ab81\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":\"Tutorial\",\"href\":\"https://reactbricks.com/learn\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\",\"classNameGhost\":\"text-sky-600 dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"simpleAnchorLink\":false}},{\"id\":\"a9c646f3-93f8-4293-aa14-c10ab98a81a7\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":\"View the Docs\",\"href\":\"https://docs.reactbricks.com/\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\",\"classNameGhost\":\"text-sky-600 dark:text-white\"},\"variant\":\"outline\",\"padding\":\"normal\",\"simpleAnchorLink\":false}}]}},{\"id\":\"e337bc1c-8f4a-4051-bbbc-6fc9dc0957ed\",\"type\":\"customers\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"grayscale\":true,\"customers\":[{\"id\":\"b8fd1fc4-54e4-4b54-ab99-0b3ef5854743\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"Mmx9IqDAjuPqzEe\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/VgzkSplWPmQ7wS0.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/VgzkSplWPmQ7wS0.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":198,\"width\":997,\"alt\":\"Woosmap\",\"seoName\":\"woosmap\",\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":60},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"af81bf41-a49c-4b99-ab2f-c191c974a86b\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"oBOPcw-Lj3nfCgJ\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MBz1YfmSrVYIE9k.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MBz1YfmSrVYIE9k.svg\",\"height\":62.870651,\"width\":268.47372,\"alt\":\"Logo Banca Mediolanum\",\"seoName\":\"logo_banca_mediolanum\",\"crop\":{\"x\":0,\"y\":0,\"width\":268,\"height\":63},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"caac16c0-8928-47e2-8ae7-65b04f5f0ef2\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"93gRipzXWAhi_Ix\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/2igQrXpNVVXS2mT.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/2igQrXpNVVXS2mT.svg\",\"height\":300.01999,\"width\":300,\"alt\":\"Logo Weather Channel\",\"seoName\":\"logo_weather_channel\",\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":300},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"7a5186e2-60ca-4984-b2c0-1ee80f6f68c2\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"G2qm8_U4ZoKkj7R\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MJamGw9Yc6W2MM_.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MJamGw9Yc6W2MM_.svg\",\"height\":64.035,\"width\":182.91,\"alt\":\"Logo Deel\",\"seoName\":\"logo_deel\",\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":105},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"ea9e98d0-5c0a-4327-9e45-89882d7e0acd\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"lVCG9BoGKIFIxsb\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/wtfPYDp6fbt6k65.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/wtfPYDp6fbt6k65.svg\",\"height\":198.72,\"width\":992.54,\"alt\":\"Logo Casavo\",\"seoName\":\"logo_casavo\",\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":60},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"4a52ecc9-b270-4042-b152-4afd927aa4e2\",\"type\":\"text-image\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Let's make content editing fun, again!\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Tired of monotonous \"},{\"text\":\"gray forms\",\"bold\":true},{\"text\":\" in traditional headless CMS? Frustrated by platforms like WordPress, Wix, or WebFlow that compromise design integrity?\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"React Bricks is the solution: \"},{\"bold\":true,\"text\":\"we blended a visual editing interface with robust, code-enforced constraints.\"}]}],\"imageSource\":{\"hashId\":\"LQA15E4KFCuOGPW\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/jhkbCmYZ0kOzgKE.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-800.webp 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/jhkbCmYZ0kOzgKE.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/jhkbCmYZ0kOzgKE.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-800.jpg 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":716,\"width\":1080,\"alt\":\"person writing on white paper\",\"seoName\":\"dashboard\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":716},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"mediaType\":\"image\",\"imageSide\":\"right\",\"bigImage\":false,\"mobileImageTop\":false,\"mobileIcon\":false,\"hasShadow\":false,\"isRounded\":false,\"extraBoldTitle\":true,\"bigText\":true,\"heroSizeTitle\":false,\"bulletListItems\":[],\"videoFile\":{\"name\":\"Visual editing.mp4\",\"size\":1403.649,\"url\":\"https://files.reactbricks.com/8fc05a80-c2e8-45d3-81b7-f42bb81629de/Visual editing.mp4\"}}},{\"id\":\"3f2d254f-f1b2-4729-9ce1-a5b7852be1a5\",\"type\":\"features\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"colsNumber\":\"3\",\"features\":[{\"id\":\"8eb4aaf5-8e4c-4542-92ad-b4c7adb8e46f\",\"type\":\"feature-item\",\"props\":{\"title\":\"The best experience for editors\",\"text\":\"Your marketing team hates gray forms. Give them the easiest UX.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"DtwjUCJ39kWeJ6K\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/chsiXtbyYLV2QnJ.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/chsiXtbyYLV2QnJ.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Best UX for editors\",\"seoName\":\"best-ux-editors\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"431ae157-225f-499a-ace3-6d60aef9707e\",\"type\":\"feature-item\",\"props\":{\"title\":\"React components for devs\",\"text\":\"Leverage React to create amazing visually editable content blocks.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"6UrStGPV2CM5sOO\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/xw-N240eaJWCKL2.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/xw-N240eaJWCKL2.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"5bbb9af9-b129-4c63-b75d-4432c80b8ceb\",\"type\":\"feature-item\",\"props\":{\"title\":\"Enterprise ready\",\"text\":\"Collaboration, localization, granular permissions, SSO, top support: we got you covered.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"F_W6AsJISqVmsOF\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xu81Gei6Nf0W67d.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xu81Gei6Nf0W67d.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"af6b2d4c-e31b-408b-b85c-1555cbed7d16\",\"type\":\"testimonial\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"20\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"quote\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"React Bricks allowed us to quickly create a beautiful website that drives business goals and is easy to maintain. No one from the marketing team would ever go back!\"}]}],\"authorName\":\"Matteo Frana\",\"authorJobTitle\":\"Founder @ React Bricks\",\"avatarImage\":{\"hashId\":\"Cfgu2PKqAfZPENX\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Alvin\",\"seoName\":\"alvin\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"logoImage\":{\"hashId\":\"yDIr4N7fc40024t\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MKIOj-c_D6Dkxyw.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MKIOj-c_D6Dkxyw.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":980,\"width\":980,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"2b0b5d03-ec83-4e16-b535-64d13a2dabfe\",\"type\":\"pokemon\",\"props\":{\"pokemonName\":\"pikachu\"}},{\"id\":\"4028f61a-5f62-4051-85ee-222b866fe8d3\",\"type\":\"features\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"full\",\"borderBottom\":\"full\",\"colsNumber\":\"2\",\"features\":[{\"id\":\"1adb9b82-3d42-41b8-b4d7-e4badb401819\",\"type\":\"feature-item\",\"props\":{\"title\":\"The best experience for editors\",\"text\":\"Your marketing team hates gray forms. Give them the easiest UX.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"oh_jhbQRoPIWF2z\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xrm1aPBLxaHpQwI.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xrm1aPBLxaHpQwI.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"Great for content creators and developers\",\"seoName\":\"content-creators-ux-cms\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"caa7a356-8643-45b2-a966-77ed443eb572\",\"type\":\"feature-item\",\"props\":{\"title\":\"React components for devs\",\"text\":\"Leverage React to create amazing visually editable content blocks.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"6UrStGPV2CM5sOO\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/xw-N240eaJWCKL2.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/xw-N240eaJWCKL2.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"366e5ca5-344c-4b18-9c8b-2b572acffe03\",\"type\":\"feature-item\",\"props\":{\"title\":\"Your design system\",\"text\":\"Deploy your pixel-perfect design system and be sure nobody can break it..\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"XQr3-OxqHfS_FF6\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ff-CsHruYe5dIWU.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ff-CsHruYe5dIWU.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Design system\",\"seoName\":\"design-system\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"76c901e7-9924-4ad9-adef-2a525844c11e\",\"type\":\"feature-item\",\"props\":{\"title\":\"Enterprise ready\",\"text\":\"Collaboration, localization, granular permissions, SSO, top support: we got you covered.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"F_W6AsJISqVmsOF\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xu81Gei6Nf0W67d.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xu81Gei6Nf0W67d.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"70d078b2-f58b-4de5-8a84-e586eb7532a2\",\"type\":\"text-image\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"title\":\"Add magic to your components\",\"text\":\"With little changes you can turn your React design system into visually editable content blocks your marketing will love.\",\"imageSource\":{\"hashId\":\"v7qnylE-KEhFZt7\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/RzbsxdMiWWXw9PD.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-800.webp 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/RzbsxdMiWWXw9PD.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/RzbsxdMiWWXw9PD.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-800.jpg 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":608,\"width\":1080,\"alt\":\"macbook pro displaying computer icons\",\"seoName\":\"dashboard\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":608},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"mediaType\":\"image\",\"imageSide\":\"right\",\"bigImage\":true,\"mobileImageTop\":false,\"mobileIcon\":false,\"hasShadow\":true,\"isRounded\":true,\"extraBoldTitle\":false,\"bigText\":false,\"heroSizeTitle\":true,\"bulletListItems\":[],\"buttons\":[{\"id\":\"caf95dd3-0ecc-430c-bf15-36ab9b6dfc55\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Learn more\"}]}],\"href\":\"https://reactbricks.com/\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#ec4899\",\"classNameSolid\":\"bg-pink-500 text-white hover:bg-pink-600\",\"classNameOutline\":\"border border-pink-600 text-pink-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"isBigButton\":false,\"simpleAnchorLink\":false}},{\"id\":\"6aeeff01-b384-4f93-bee2-15b1290e8159\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Sign up\"}]}],\"href\":\"https://reactbricks.com/sign-up\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#ec4899\",\"classNameSolid\":\"bg-pink-500 text-white hover:bg-pink-600\",\"classNameOutline\":\"border border-pink-600 text-pink-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"isBigButton\":false,\"simpleAnchorLink\":false}}],\"badge\":[{\"id\":\"55646416-a1ab-4710-bb4d-65e113909443\",\"type\":\"badge\",\"props\":{\"text\":\"Design system\",\"textAlign\":\"center\",\"badgeColor\":{\"color\":\"#84cc16\",\"className\":\"text-lime-500 dark:text-lime-400\"}}}],\"logos\":[]}},{\"id\":\"0a8f2139-4d5b-428d-ad13-1a08213d74a7\",\"type\":\"big-feature\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"title\":\"Easy like Wix, but your own.\",\"text\":\"A great user experience for Content creators, React components for Developers.\",\"image\":{\"hashId\":\"oh_jhbQRoPIWF2z\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xrm1aPBLxaHpQwI.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xrm1aPBLxaHpQwI.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"Great for content creators and developers\",\"seoName\":\"content-creators-ux-cms\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"991092f8-4c15-414f-80ff-07b87113a0d2\",\"type\":\"testimonial-3-cols\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"20\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"testimonials\":[{\"id\":\"5812e0d5-a33c-4c43-81da-45096b198889\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"React Bricks allowed us to quickly create a beautiful website that drives business goals and is easy to maintain.\",\"authorName\":\"Stefan Nagey\",\"authorJobTitle\":\"Senior Dir. Engineering @ Deel\",\"avatarImage\":{\"hashId\":\"iBxWeVUzpoENmOf\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/beJF8OfLvIt5PXX.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/beJF8OfLvIt5PXX-100.webp 100w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/beJF8OfLvIt5PXX.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/beJF8OfLvIt5PXX.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/beJF8OfLvIt5PXX-100.jpg 100w\",\"fallbackType\":\"image/jpeg\",\"height\":100,\"width\":100,\"alt\":\"Stefan Nagey\",\"seoName\":\"stefan-nagey\",\"crop\":{\"x\":0,\"y\":0,\"width\":100,\"height\":100},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"5df35d71-52cd-4cb6-acf8-81c58e759a4b\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"I've wanted to see something like this for a long time. This is how web development was always supposed to be.\",\"authorName\":\"Laurie Voss\",\"authorJobTitle\":\"Data Analyst @ Netlify\",\"avatarImage\":{\"hashId\":\"kOu5mVImpzEQySH\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/_pDoJGgPgfsf1un.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/_pDoJGgPgfsf1un-96.webp 96w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/_pDoJGgPgfsf1un.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/_pDoJGgPgfsf1un.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/_pDoJGgPgfsf1un-96.jpg 96w\",\"fallbackType\":\"image/jpeg\",\"height\":96,\"width\":96,\"alt\":\"Laurie Voss\",\"seoName\":\"laurie-voss\",\"crop\":{\"x\":0,\"y\":0,\"width\":96,\"height\":96},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"846eaea6-9e35-4f23-a031-314ab3377145\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"The developer experience is great and our editors are happy as well! React Bricks fits perfectly to our needs.\",\"authorName\":\"Maik Jablonski\",\"authorJobTitle\":\"Managing Director @ Neoskop\",\"avatarImage\":{\"hashId\":\"yBvKVCrcRUno0R8\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/SdGu6n6vDH6s9t_.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-450.webp 450w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/SdGu6n6vDH6s9t_.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/SdGu6n6vDH6s9t_.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-450.jpg 450w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":450,\"width\":450,\"alt\":\"Maik Jablonski\",\"seoName\":\"maik-jablonski\",\"crop\":{\"x\":0,\"y\":0,\"width\":450,\"height\":450},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"23ed22e8-fb41-4786-9607-4c97be59d82c\",\"type\":\"text-image\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"The new paradigm in content editing\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Content editing should be easy and fun. For everyone.\"}]}],\"imageSource\":{\"hashId\":\"LQA15E4KFCuOGPW\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/jhkbCmYZ0kOzgKE.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-800.webp 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/jhkbCmYZ0kOzgKE.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/jhkbCmYZ0kOzgKE.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-800.jpg 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":716,\"width\":1080,\"alt\":\"person writing on white paper\",\"seoName\":\"dashboard\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":716},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"mediaType\":\"image\",\"imageSide\":\"right\",\"bigImage\":false,\"mobileImageTop\":false,\"mobileIcon\":false,\"hasShadow\":false,\"isRounded\":false,\"extraBoldTitle\":true,\"bigText\":true,\"heroSizeTitle\":false,\"bulletListItems\":[{\"id\":\"2fcb8af0-3f7c-475a-834c-f01c9787e5ab\",\"type\":\"bullet-list-item\",\"props\":{\"bulletColor\":{\"color\":\"#ec4899\",\"className\":\"bg-pink-500 text-white\"},\"text\":\"Marketing\"}},{\"id\":\"653980be-285b-4d8a-b146-d8f9269f311b\",\"type\":\"bullet-list-item\",\"props\":{\"bulletColor\":{\"color\":\"#0ea5e9\",\"className\":\"bg-sky-500 text-white\"},\"text\":\"Developers\"}},{\"id\":\"aa995e4c-2733-42be-842c-2e4b978ceb91\",\"type\":\"bullet-list-item\",\"props\":{\"bulletColor\":{\"color\":\"#22c55e\",\"className\":\"bg-green-500 text-white\"},\"text\":\"Designers\"}},{\"id\":\"61fa2a90-d7c6-44d5-8150-d108c726ddeb\",\"type\":\"bullet-list-item\",\"props\":{\"bulletColor\":{\"color\":\"#f59e0b\",\"className\":\"bg-amber-500 text-white\"},\"text\":\"Enterprise\"}}]}},{\"id\":\"101eb7b0-4d77-4b86-a131-6dcdcf7993f8\",\"type\":\"link-cards\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"withTitle\":true,\"bigCenteredTitle\":true,\"title\":\"Why you will love React Bricks\",\"subtitle\":\"We created React Bricks as a \\\"one stop shop\\\" to make everybody happy.\",\"cards\":[{\"id\":\"dddf9a7d-00b7-4226-bef1-3a1d1e816f23\",\"type\":\"link-card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"icon\":{\"hashId\":\"HzjO61OMBGEzZ1a\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/4QNWMVskHbfvm58.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/4QNWMVskHbfvm58.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"Best UX for editors\",\"seoName\":\"best-ux-editors\",\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"Visual editing\",\"text\":\"The best UX on the market.\",\"linkPath\":\"https://reactbricks.com/visual-editing-cms\"}},{\"id\":\"19f9aa93-01d5-436a-81f2-8363e91b4a95\",\"type\":\"link-card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"icon\":{\"hashId\":\"8IVBHGtmEigAhwA\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ZQRlmLdG1NUke8E.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ZQRlmLdG1NUke8E.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"React components\",\"text\":\"Add visual magic to your components.\",\"linkPath\":\"https://reactbricks.com/react-cms\"}},{\"id\":\"45a767dd-6fc8-4b30-948f-6ec9b838df42\",\"type\":\"link-card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"icon\":{\"hashId\":\"BAY5I-2XNodLaTc\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/HLrekpig0SHeG3Q.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/HLrekpig0SHeG3Q.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"logo\",\"seoName\":\"\",\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Multilanguage\"}]}],\"text\":\"Internationalization? Built in.\",\"linkPath\":\"https://reactbricks.com/features/multilanguage-i18n-cms\"}},{\"id\":\"c73f267e-95f4-4bfa-9c6a-06dde6a3753a\",\"type\":\"link-card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"icon\":{\"hashId\":\"ptXCUjOXpdtNErX\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/YDOEeyDKxKDlx3q.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/YDOEeyDKxKDlx3q.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"Scheduled publishing\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Publish at midnight? Roger.\"}]}],\"linkPath\":\"https://reactbricks.com/features/cms-scheduled-publishing\"}}],\"width\":\"small\"}},{\"id\":\"578ba9e1-2902-49de-8f3b-48dd2bea839a\",\"type\":\"faqs-2-cols\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"full\",\"borderBottom\":\"none\",\"faqs\":[{\"id\":\"6958ac49-8281-47df-a634-461cdf266a81\",\"type\":\"faq\",\"props\":{\"question\":\"Why you should change your CMS today?\",\"answer\":\"Because you care about your content creators and you are looking for a top developer experience, with a future-proof solution.\"}},{\"id\":\"07be3a69-93c6-4d21-8d57-69cf979cbf16\",\"type\":\"faq\",\"props\":{\"question\":\"Can I create an e-commerce with React Bricks?\",\"answer\":\"Sure! E-commerce solutions usually have a poor content management system for the product details page: let's change this with juicy visual editing!\"}}],\"width\":\"small\"}},{\"id\":\"bffd3c15-3242-47af-bac1-37fe084feea6\",\"type\":\"call-to-action\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"20\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"text\":\"React Bricks is great for developers and marketing teams.\",\"buttons\":[{\"id\":\"9750cae5-737a-4df3-a29e-91df4d4f2c77\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":\"Discover more\",\"href\":\"https://reactbricks.com\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"simpleAnchorLink\":false}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-06T13:53:44.000Z", "tags": [] }, { "type": "page", "name": "Pricing", "slug": "pricing", "meta": "{\"title\":\"Pricing\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"cc949a28-b6c4-4897-abe5-0da35ee6ef80\",\"type\":\"hero-unit\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"none\",\"borderBottom\":\"full\",\"size\":\"large\",\"textGradient\":\"NONE\",\"highlightTextColor\":{\"color\":\"#0ea5e9\",\"className\":\"text-sky-500 dark:text-sky-400\"},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Plans & Pricing\",\"highlight\":true}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Transparent pricing with no hidden limits.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Your content creators deserve the best authoring experience on the market.\"}]}],\"badge\":[],\"buttons\":[],\"backgroundImage\":{\"fallbackSrc\":\"https://images.reactbricks.com/original/b438575d-f0e2-4f5d-94a7-bb30fb238962.png\",\"fallbackSrcSet\":\"https://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-1600.png 1600w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-1200.png 1200w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-800.png 800w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-400.png 400w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-200.png 200w\",\"fallbackType\":\"image/png\",\"src\":\"https://images.reactbricks.com/original/b438575d-f0e2-4f5d-94a7-bb30fb238962.webp\",\"placeholderSrc\":\"https://images.reactbricks.com/placeholder/b438575d-f0e2-4f5d-94a7-bb30fb238962.jpg\",\"srcSet\":\"https://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-1600.webp 1600w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-1200.webp 1200w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-800.webp 800w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-400.webp 400w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-200.webp 200w\",\"width\":2000,\"height\":1000,\"alt\":\"backgroundImage\",\"seoName\":\"\"}}},{\"id\":\"2351c004-cef4-4ab2-82e9-d5e8e8c78864\",\"type\":\"pricing\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"plans\":[{\"id\":\"e336e15d-7232-4113-94a3-ac6571187a0b\",\"type\":\"pricing-plan\",\"props\":{\"popularTagText\":\"Most popular\",\"withPopularTag\":false,\"pricingColor\":{\"color\":\"#06b6d4\",\"mainDivClassName\":\"border-t-cyan-500\",\"popularTagClassName\":\"bg-cyan-500\",\"planNameClassName\":\"text-cyan-500\",\"buttonClassName\":\"text-cyan-600 dark:text-cyan-500 border-cyan-500 hover:bg-cyan-500\",\"featureTagClassName\":\"bg-cyan-200 text-cyan-800\"},\"planName\":\"Entry\",\"planDescription\":\"For startups and teams starting using React Bricks.\",\"planPrice\":\"$ 99\",\"planConditions\":\"per app / month\",\"buttonText\":\"Get started\",\"buttonLinkPath\":\"/\",\"featuresTitle\":\"Everything in Community, plus:\",\"features\":[{\"id\":\"093c726c-ddb5-45ae-b355-9f8c646836bc\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"5 users included\",\"withTag\":false,\"tag\":\"Add-on\"}},{\"id\":\"092bfefd-8303-4deb-be0f-680bbfeebf28\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"Up to 100 pages\",\"withTag\":false,\"tag\":\"Add-on\"}},{\"id\":\"f6b58762-729a-441e-b596-fbeb74bff4c8\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"Media library\",\"withTag\":true,\"tag\":\"Soon\"}}]}},{\"id\":\"6bb6b642-3345-4c0f-aeb3-6090b4e0af96\",\"type\":\"pricing-plan\",\"props\":{\"popularTagText\":\"Most popular\",\"withPopularTag\":true,\"pricingColor\":{\"color\":\"#ec4899\",\"mainDivClassName\":\"border-t-pink-500\",\"popularTagClassName\":\"bg-pink-500\",\"planNameClassName\":\"text-pink-500\",\"buttonClassName\":\"text-pink-600 dark:text-pink-500 border-pink-500 hover:bg-pink-500\",\"featureTagClassName\":\"bg-pink-200 text-pink-800\"},\"planName\":\"Professional\",\"planDescription\":\"For companies needing to scale their content.\",\"planPrice\":\"$ 429\",\"planConditions\":\"per app / month\",\"buttonText\":\"Get started\",\"buttonLinkPath\":\"/\",\"featuresTitle\":\"Everything in Entry, plus:\",\"features\":[{\"id\":\"87498cbe-2569-46d6-b0f5-ac241fd252b8\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"10 users included\",\"withTag\":false,\"tag\":\"Add-on\"}},{\"id\":\"e18862a0-ed8c-444e-9d01-d19ec84da0ca\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"Up to 300 pages\",\"withTag\":false,\"tag\":\"Add-on\"}},{\"id\":\"5d7998d6-1dcc-4b22-859d-99c19924dedc\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"Visually create e-mails\",\"withTag\":true,\"tag\":\"Add-on\"}}]}}]}},{\"id\":\"01cb0829-22d6-4303-8ca4-4bc39ca5c8cb\",\"type\":\"title\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"A table brick\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Example table brick: you can manage rows and columns :)\"}]}],\"bigCentered\":false,\"extraboldTitle\":false}},{\"id\":\"01c025ee-79dd-48fe-8d47-6f9f84cea4c8\",\"type\":\"table\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"striped\":true,\"withHeader\":true,\"borders\":\"horizontal\",\"rows\":[{\"id\":\"8d7aef6a-fae7-43eb-9bb8-df67aa637840\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"eceecaed-c949-4280-83e5-709f9321e03c\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"left\"}},{\"id\":\"adafa3e5-2df5-478f-8286-988de837e794\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Monolithic CMS\",\"textAlign\":\"center\"}},{\"id\":\"6a2e1ca7-e902-4fd1-a062-901ae13929aa\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Headless CMS\",\"textAlign\":\"center\"}},{\"id\":\"185ae9a1-ad3d-4a77-9d58-120e3df136f6\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Webflow\",\"textAlign\":\"center\"}},{\"id\":\"88f51aeb-7623-451a-8092-e67fa4f7d7d2\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"React Bricks\",\"textAlign\":\"center\"}}]}},{\"id\":\"da4936d1-49e7-447a-94c0-b81f982da8f0\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"0e02b9df-4fc4-4ee3-ad95-6002d37184a4\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Easy for editors\",\"textAlign\":\"left\"}},{\"id\":\"ab41316e-a139-40a1-b849-a4006c9c6040\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"It depends\",\"textAlign\":\"center\"}},{\"id\":\"1c4a5472-03e9-4dc2-aee1-84dc25c5d3e7\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"be91e2c1-c0ac-457d-bd5d-e3b73c700471\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Almost\",\"textAlign\":\"center\"}},{\"id\":\"67cca91c-a15f-4d16-aaa1-6e06b93c7693\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}}]}},{\"id\":\"d75365c6-01a9-4fea-b786-24df8e94f810\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"9f502c97-fb5e-4b87-98bc-fd71a3c87487\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Flexible for developers\",\"textAlign\":\"left\"}},{\"id\":\"d66885e9-0891-4f03-aeea-cc885cc52835\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"c79f6d07-d667-4616-acbf-cae68c72f3c2\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}},{\"id\":\"b5604423-3089-484f-a6d5-f80f7cc119c7\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"ba4df8bc-e24c-4bba-a966-8e5c6360ca50\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}}]}},{\"id\":\"85e618db-492b-42d2-adf6-5a8f8531f7f3\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"07c76415-0753-411c-8e80-fcd76b9cc979\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Provides a method\",\"textAlign\":\"left\"}},{\"id\":\"478f3751-ce0d-4607-acf4-26e880fe4d73\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"7442a515-6d07-4ede-b100-dbaa386918e0\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"8fa43367-7973-4948-86b6-3981ee04c08b\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}},{\"id\":\"9c3d53bc-5893-4b04-b6e6-ebd5ff3a4fe0\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}}]}},{\"id\":\"866e744b-e02a-4e57-8cb4-f4291e318f29\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"040bcf3e-917b-4bea-b790-5a62d76b841a\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Safe design system\",\"textAlign\":\"left\"}},{\"id\":\"399d5260-b8b6-4a15-bb73-d2a4cc86ea5e\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"It depends\",\"textAlign\":\"center\"}},{\"id\":\"3ec09f46-5af3-4373-abd4-25e512238ddc\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"6011ba5f-2cbb-4289-bffd-34c9cd59af19\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"cf4e5d66-2f0b-43cf-8d58-1138896a9606\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}}]}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-13T11:09:49.000Z", "tags": [] }, { "type": "blog", "name": "View is better than preview", "slug": "cms-with-visual-editing", "meta": "{\"title\":\"View is better than preview\",\"description\":\"React Bricks is the first headless CMS for Content creators. Simple visual editing like Word or Pages. Just React for Devs.\",\"language\":\"en\",\"image\":{\"fallbackSrc\":\"https://images.reactbricks.com/original/b147b7e7-46a1-4ecb-a769-755c484091dc.jpg\",\"fallbackSrcSet\":\"https://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-1500.jpg 1500w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-1200.jpg 1200w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-800.jpg 800w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-400.jpg 400w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"src\":\"https://images.reactbricks.com/original/b147b7e7-46a1-4ecb-a769-755c484091dc.webp\",\"placeholderSrc\":\"https://images.reactbricks.com/placeholder/b147b7e7-46a1-4ecb-a769-755c484091dc.jpg\",\"srcSet\":\"https://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-1500.webp 1500w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-1200.webp 1200w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-800.webp 800w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-400.webp 400w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-200.webp 200w\",\"width\":1500,\"height\":1000,\"alt\":\"View is better than preview\",\"seoName\":\"visual-editing-cms\"},\"featuredImage\":\"https://images.reactbricks.com/original/b147b7e7-46a1-4ecb-a769-755c484091dc.jpg\"}", "content": "[{\"id\":\"fa9d199f-67a6-4353-ab09-e3b2e521040f\",\"type\":\"big-image\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"image\":{\"hashId\":\"ZQV5ztFFsPR7wda\",\"src\":\"https://assets.reactbricks.com/7-vpXJhESEQC41q/images/original/6xxsQgd2akkoQfC.webp\",\"srcSet\":\"https://assets.reactbricks.com/7-vpXJhESEQC41q/images/src_set/6xxsQgd2akkoQfC-1500.webp 1500w,\\nhttps://assets.reactbricks.com/7-vpXJhESEQC41q/images/src_set/6xxsQgd2akkoQfC-1200.webp 1200w,\\nhttps://assets.reactbricks.com/7-vpXJhESEQC41q/images/src_set/6xxsQgd2akkoQfC-600.webp 600w,\\nhttps://assets.reactbricks.com/7-vpXJhESEQC41q/images/src_set/6xxsQgd2akkoQfC-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/7-vpXJhESEQC41q/images/placeholder/6xxsQgd2akkoQfC.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/7-vpXJhESEQC41q/images/original/6xxsQgd2akkoQfC.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/7-vpXJhESEQC41q/images/src_set/6xxsQgd2akkoQfC-1500.jpg 1500w,\\nhttps://assets.reactbricks.com/7-vpXJhESEQC41q/images/src_set/6xxsQgd2akkoQfC-1200.jpg 1200w,\\nhttps://assets.reactbricks.com/7-vpXJhESEQC41q/images/src_set/6xxsQgd2akkoQfC-600.jpg 600w,\\nhttps://assets.reactbricks.com/7-vpXJhESEQC41q/images/src_set/6xxsQgd2akkoQfC-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1000,\"width\":1500,\"alt\":\"View is better than preview\",\"seoName\":\"visual-editing-cms\",\"crop\":{\"x\":0,\"y\":0,\"width\":1500,\"height\":1000},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"bfa09131-121f-4cde-862d-d6772df7e63d\",\"type\":\"blog-title\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"8\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We need visual editing. Now.\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"React Bricks is the first headless CMS for Content creators. Simple visual editing like Word or Pages.\"}]}]}},{\"id\":\"56f8b694-dfc9-4180-a1aa-2faa22ebed80\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"8\",\"paddingBottom\":\"6\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h2\",\"children\":[{\"text\":\"Why visual editing?\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Visual editing is the most natural interface for content creators\",\"bold\":true},{\"text\":\": it's the interface we use to edit a document in Word or Pages. Developers are used to edit code in one place and see the result in another one, but marketing people and content creators don't like that friction.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Headless CMSs where created mainly to make the developers' life easier, but \"},{\"text\":\"with headless CMSs we lost the visual editing\",\"bold\":true},{\"text\":\" of content that we had with a blank WordPress page, replacing it with ugly gray forms. And we lost the clean and simple concept of \\\"\"},{\"text\":\"Page\",\"bold\":true},{\"text\":\"\\\", too: we take it back!\"}]}]}},{\"id\":\"ce0589fe-3abe-4a30-b9be-4526d4dfb84c\",\"type\":\"video\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"8\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"videoType\":\"file\",\"platform\":\"youtube\",\"videoId\":\"L4NGrMRTY3M\",\"videoFile\":{\"name\":\"Visual editing.mp4\",\"size\":1403.649,\"url\":\"https://files.reactbricks.com/9ed31ec4-8416-47d6-9fd3-ca0dfd958ce0/Visual editing.mp4\"}}},{\"id\":\"4d6cbdcf-1425-4fde-b697-bda328060ff9\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h2\",\"children\":[{\"text\":\"What about Wix or Webflow?\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"On the other end, tools like Wix or Webflow have a great user experience, but they have many other pitfalls that make them unusable for corporate websites:\"}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"Not flexible\",\"bold\":true},{\"text\":\": tools like Wix, which tend to be very easy to use, are not flexible regarding the design system, so that you cannot reproduce the exact corporate design system, but you need to choose one of the proposed templates. Great for a freelancer project, no go for corporate.\"}]}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"Complex\",\"bold\":true},{\"text\":\": More advanced tools like WebFlow are very flexible, but they tend to be complex to use, because the content creator is supposed to know what a margin or a padding are.\"}]}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"Too flexible\",\"bold\":true},{\"text\":\": What's more, it's not the content creator business to create the design and tweak the CSS parameters. For a corporate website, the design system is created by the designers together with the developers and nobody should be able to break the design system. We want to be sure we won't have green text on red background! :)\"}]}]}]}},{\"id\":\"3ef20eb4-cadc-4413-982c-2a6a40fae37a\",\"type\":\"newsletter-subscribe\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":\"Join our newsletter\",\"text\":\"Never miss our release and new blog articles.\",\"text2\":\"6,500 developers and counting\",\"buttonText\":\"Join\",\"mailchimpUrl\":\"https://mailchimp.com/123\",\"provider\":\"MAILCHIMP\",\"resultOkText\":\"\"}},{\"id\":\"dc5c9390-3dd5-46aa-bab7-72308e16e192\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h2\",\"children\":[{\"text\":\"React Bricks approach\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"React Bricks has \"},{\"text\":\"the advantages of both a Headless CMS and a No-code side builder. \\n\",\"bold\":true},{\"text\":\"We know that a corporate website must start with code and we also know that the best user experience for a content creator is visual editing.\"}]}]}},{\"id\":\"497667bc-e1b7-4358-bdd2-6ef3bdc3da5f\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h3\",\"children\":[{\"text\":\"> Code to developers\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Developers create content blocks\",\"bold\":true},{\"text\":\" with code as React components, never leaving the code editor. \"},{\"text\":\"React Bricks adds the visual editing magic\",\"bold\":true},{\"text\":\".\\nIt works with any React framework, with starters for \"},{\"text\":\"Next.js, Gatsby and Remix\",\"bold\":true},{\"text\":\", which help creating a blazing fast website.\\nIt works with \"},{\"text\":\"any CSS framework\",\"bold\":true},{\"text\":\" and you can \"},{\"text\":\"host it where you like\",\"bold\":true},{\"text\":\".\\n\"},{\"type\":\"link\",\"url\":\"https://reactbricks.com/features/react-cms\",\"children\":[{\"text\":\"Read how React Bricks works with React!\"}]},{\"text\":\"\"}]}]}},{\"id\":\"5919af0f-cfbc-4a9a-976b-19c3e0ff553c\",\"type\":\"code\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"10\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"code\":\"import { types, RichText } from 'react-bricks/frontend'\\ninterface HeroUnitProps {\\n padding: string\\n}\\n// This is the React component\\nconst HeroUnit: types.Brick = ({ padding }) => {\\n return (\\n
\\n {/* RichText component from React Bricks */}\\n (\\n

\\n {props.children}\\n

\\n )}\\n placeholder=\\\"Type a title...\\\"\\n propName=\\\"title\\\"\\n allowedFeatures={[types.RichTextFeatures.Bold]}\\n />\\n
\\n )\\n}\\n// Brick Schema\\nHeroUnit.schema = {\\n name: 'hero-unit',\\n label: 'Hero Unit',\\n // Defaults when a new brick is added\\n getDefaultProps: () => ({\\n padding: '2rem',\\n title: 'Thick as a React Brick',\\n }),\\n // Sidebar Edit props (just 1 in this minimal example)\\n // It is possible to group them in collapsible sections\\n sideEditProps: [\\n {\\n name: 'padding',\\n label: 'Padding',\\n type: types.SideEditPropType.Select,\\n selectOptions: {\\n display: types.OptionsDisplay.Select,\\n options: [\\n { value: '2rem', label: 'Small' },\\n { value: '3rem', label: 'Big' },\\n ],\\n },\\n },\\n ],\\n}\\nexport default HeroUnit\",\"language\":\"typescript\",\"dataline\":\"\",\"showLineNumbers\":false}},{\"id\":\"3d60a875-4789-4b7e-8cf5-9f813e7ba7e1\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h3\",\"children\":[{\"text\":\"> Visual UX to Content creators!\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Content creators have a point and click interface:\"}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"They directly edit text and images\",\"bold\":true},{\"text\":\", just clicking on the text and writing, as you do in Word or Pages and clicking on images, uploading and cropping (with set constraints).\"}]}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"They can change properties\",\"bold\":true},{\"text\":\" like background color etc., but only the properties that the developers chose to be editable and with the values that are allowed, with validation rules.\"}]}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"In this way, content creators have \"},{\"text\":\"all the freedom they want and no more than they need\",\"bold\":true},{\"text\":\". Good constraints guide their work without limiting them.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"And that is \"},{\"text\":\"much more inspiring than grey forms\",\"bold\":true},{\"text\":\", right?\"}]}]}},{\"id\":\"6b259554-927c-4deb-9b67-405b482a6410\",\"type\":\"video\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"videoType\":\"streaming\",\"platform\":\"youtube\",\"videoId\":\"L4NGrMRTY3M\"}},{\"id\":\"feda4339-c784-47d3-a904-5620bb046557\",\"type\":\"title\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Our launch Tweet\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Here you can see our Tweet when we first launched in private beta!\\nIn this way we can show our Twitter embed brick ?\"}]}],\"bigCentered\":true,\"extraboldTitle\":false}},{\"id\":\"54d412c8-ee5f-4bab-bd62-aae46f2c911e\",\"type\":\"tweet\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"10\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"id\":\"1237840583982329857\",\"placeholder\":\"Loading Tweet\",\"position\":\"center\",\"cards\":\"hidden\",\"conversation\":\"none\",\"theme\":\"auto\",\"align\":\"center\"}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-14T03:00:00.000Z", "tags": [ "CMS", "React Bricks" ] }, { "type": "layout", "name": "Footer", "slug": "footer", "meta": "{\"title\":\"Footer\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"662e33fb-8f39-4999-8c7c-fc6236fc8ab4\",\"type\":\"footer\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"full\",\"borderBottom\":\"none\",\"logo\":{\"src\":\"https://images.reactbricks.com/original/1c6c7dd2-7ebd-4366-a60f-37a25c1cc90d.svg\",\"placeholderSrc\":\"https://images.reactbricks.com/original/1c6c7dd2-7ebd-4366-a60f-37a25c1cc90d.svg\",\"srcSet\":\"\",\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"width\":1185.4,\"height\":196.58},\"siteUrl\":\"\",\"copyright\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Visual editing CMS for React.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Proudly made in Italy\"}]}],\"columns\":[{\"id\":\"c5e4d918-5fe2-442e-9399-65d2c8a19921\",\"type\":\"footer-column\",\"props\":{\"title\":\"Company\",\"links\":[{\"id\":\"241ba3c3-b115-4f57-ae08-d8acf50faa34\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"About us\",\"linkPath\":\"/\"}},{\"id\":\"1cb9f87b-ff02-47b4-b4ab-14fdb97a34a6\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Why React Bricks?\",\"linkPath\":\"/\"}},{\"id\":\"3dfacdfe-38f3-4fdb-817f-6672a64e7f8a\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Terms of service\",\"linkPath\":\"/\"}},{\"id\":\"f35fd929-9745-4d07-8c6b-32194db99e23\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Privacy\",\"linkPath\":\"/\"}}]}},{\"id\":\"3917ae01-a0a7-435d-a70f-066da148967c\",\"type\":\"footer-column\",\"props\":{\"title\":\"Features\",\"links\":[{\"id\":\"5febf849-e3fe-45d5-bdf0-2488b299f5fd\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Visual editing\",\"linkPath\":\"/\"}},{\"id\":\"7026c7ae-5e9b-40db-a8f0-21421f9661a9\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"React components\",\"linkPath\":\"/\"}},{\"id\":\"ff20d85f-c463-4686-aeb9-50c966cbb318\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprise-ready\",\"linkPath\":\"/\"}},{\"id\":\"9b136e43-ee84-4e6d-b6cf-61ab4b61bba3\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Roadmap\",\"linkPath\":\"/\"}}]}},{\"id\":\"1496523d-212b-42bc-9d82-70464444d30e\",\"type\":\"footer-column\",\"props\":{\"title\":\"Use cases\",\"links\":[{\"id\":\"f7954dae-0efe-4c98-909b-198966da6891\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Content editors\",\"linkPath\":\"/\"}},{\"id\":\"99a87d9e-2ed4-4b2f-a394-85cdba9683f2\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Developers\",\"linkPath\":\"/\"}},{\"id\":\"6d97c69f-656c-4121-bf5c-34501059c142\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprises\",\"linkPath\":\"/\"}}]}},{\"id\":\"21b3631d-1eab-41f3-87c6-2256e38a24ec\",\"type\":\"footer-column\",\"props\":{\"title\":\"Learn\",\"links\":[{\"id\":\"30bd7035-d8d1-4879-bef3-dfa8914284ab\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Tutorial\",\"linkPath\":\"/\"}},{\"id\":\"850e1bfb-e562-44b2-840b-ac2dad9c08a2\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Documentation\",\"linkPath\":\"/\"}},{\"id\":\"bdd145dc-ba8f-468c-af03-fa3236622a85\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Videos\",\"linkPath\":\"/\"}},{\"id\":\"8041e92f-0cac-4369-9d88-660cf377fc0b\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Blog\",\"linkPath\":\"/\"}}]}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-03-15T11:53:10.000Z", "tags": [] }, { "type": "layout", "name": "Header", "slug": "header", "meta": "{\"title\":\"Header\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"5496ac8d-34ed-4f0f-aa2c-966dbb2c48cb\",\"type\":\"header\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"borderBottom\":\"none\",\"menuItems\":[{\"id\":\"d0f20a4d-abfe-4a85-b77a-a380f8442a58\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"/\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Home\"}]}],\"submenuItems\":[]}},{\"id\":\"5ef7d378-4bcc-4a68-b992-bdc99466bf85\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Features\"}]}],\"submenuItems\":[{\"id\":\"b7a4e219-5e37-4718-964e-f826a4f88cca\",\"type\":\"header-menu-sub-item\",\"props\":{\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Pricing\"}]}],\"linkDescription\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Transparent pricing with no hidden limits\"}]}],\"linkPath\":\"/pricing\"}},{\"id\":\"be323677-abc8-4355-82e7-b57c463313b4\",\"type\":\"header-menu-sub-item\",\"props\":{\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Changelog 4.0\"}]}],\"linkDescription\":\"Release notes for all React Bricks versions\",\"linkPath\":\"/\"}}]}},{\"id\":\"256c46c5-e9c2-4fb7-bf2d-558aa90322e3\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"/about-us\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"About us\"}]}]}},{\"id\":\"04d20cd6-c09e-43ee-9139-2f97ea9fc195\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"/blog\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Blog\"}]}]}},{\"id\":\"abf04325-367b-4b81-9876-80f25459adff\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"/contacts\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Contacts\"}]}]}}],\"logo\":{\"src\":\"https://images.reactbricks.com/original/1b573c7f-7744-4bbb-840d-991ad2fbd916.svg\",\"placeholderSrc\":\"https://images.reactbricks.com/original/1b573c7f-7744-4bbb-840d-991ad2fbd916.svg\",\"srcSet\":\"\",\"width\":1185.4,\"height\":196.58,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\"},\"buttons\":[{\"id\":\"13791005-1fd7-4fdc-9838-971df293b060\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Edit content\"}]}],\"href\":\"/admin\",\"isTargetBlank\":false,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"small\",\"simpleAnchorLink\":true}}],\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\"}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-01-05T16:15:45.000Z", "tags": [] } ], "minimalImages": [ { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "TeiafDdxqmN7lIn", "croppedImageHashId": "UKiBHf6_kjQsBYw", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/UKiBHf6_kjQsBYw.svg", "mediaFolderName": null, "name": "enterprise-ready", "title": null, "alt": "Enterprise-ready", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "85kxnY3pesF3B5I", "croppedImageHashId": "5NhY3lAscloXy2Z", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/5NhY3lAscloXy2Z.svg", "mediaFolderName": null, "name": "react-components", "title": null, "alt": "React components", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "koLO8Y5uYTT39pg", "croppedImageHashId": "AQhbzIvwlxWgFAk", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/AQhbzIvwlxWgFAk.svg", "mediaFolderName": null, "name": "best-ux-editors", "title": null, "alt": "Best UX for editors", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "bipe1q9Oj8yvTG4", "croppedImageHashId": "xNskROyDmNG9CSy", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/xNskROyDmNG9CSy.svg", "mediaFolderName": null, "name": "design-system", "title": null, "alt": "Design system", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "ptnuG5bWzSS6x3c", "croppedImageHashId": "RIDwzbS2oKWetOp", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/RIDwzbS2oKWetOp.webp", "mediaFolderName": null, "name": "rocket", "title": null, "alt": "a red and white rocket ship flying through the sky", "copyright": null, "source": null, "width": "608", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":608,\"height\":608},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" } ], "minimalContent": [ { "type": "layout", "name": "Footer", "slug": "footer", "meta": "{\"title\":\"Footer\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"662e33fb-8f39-4999-8c7c-fc6236fc8ab4\",\"type\":\"footer\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"full\",\"borderBottom\":\"none\",\"logo\":{\"src\":\"https:\/\/images.reactbricks.com\/original\/1c6c7dd2-7ebd-4366-a60f-37a25c1cc90d.svg\",\"placeholderSrc\":\"https:\/\/images.reactbricks.com\/original\/1c6c7dd2-7ebd-4366-a60f-37a25c1cc90d.svg\",\"srcSet\":\"\",\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"width\":1185.4,\"height\":196.58},\"siteUrl\":\"\",\"copyright\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Visual editing CMS for React.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Proudly made in Italy\"}]}],\"columns\":[{\"id\":\"c5e4d918-5fe2-442e-9399-65d2c8a19921\",\"type\":\"footer-column\",\"props\":{\"title\":\"Company\",\"links\":[{\"id\":\"241ba3c3-b115-4f57-ae08-d8acf50faa34\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"About us\",\"linkPath\":\"\/\"}},{\"id\":\"1cb9f87b-ff02-47b4-b4ab-14fdb97a34a6\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Why React Bricks?\",\"linkPath\":\"\/\"}},{\"id\":\"3dfacdfe-38f3-4fdb-817f-6672a64e7f8a\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Terms of service\",\"linkPath\":\"\/\"}},{\"id\":\"f35fd929-9745-4d07-8c6b-32194db99e23\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Privacy\",\"linkPath\":\"\/\"}}]}},{\"id\":\"3917ae01-a0a7-435d-a70f-066da148967c\",\"type\":\"footer-column\",\"props\":{\"title\":\"Features\",\"links\":[{\"id\":\"5febf849-e3fe-45d5-bdf0-2488b299f5fd\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Visual editing\",\"linkPath\":\"\/\"}},{\"id\":\"7026c7ae-5e9b-40db-a8f0-21421f9661a9\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"React components\",\"linkPath\":\"\/\"}},{\"id\":\"ff20d85f-c463-4686-aeb9-50c966cbb318\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprise-ready\",\"linkPath\":\"\/\"}},{\"id\":\"9b136e43-ee84-4e6d-b6cf-61ab4b61bba3\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Roadmap\",\"linkPath\":\"\/\"}}]}},{\"id\":\"1496523d-212b-42bc-9d82-70464444d30e\",\"type\":\"footer-column\",\"props\":{\"title\":\"Use cases\",\"links\":[{\"id\":\"f7954dae-0efe-4c98-909b-198966da6891\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Content editors\",\"linkPath\":\"\/\"}},{\"id\":\"99a87d9e-2ed4-4b2f-a394-85cdba9683f2\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Developers\",\"linkPath\":\"\/\"}},{\"id\":\"6d97c69f-656c-4121-bf5c-34501059c142\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprises\",\"linkPath\":\"\/\"}}]}},{\"id\":\"21b3631d-1eab-41f3-87c6-2256e38a24ec\",\"type\":\"footer-column\",\"props\":{\"title\":\"Learn\",\"links\":[{\"id\":\"30bd7035-d8d1-4879-bef3-dfa8914284ab\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Tutorial\",\"linkPath\":\"\/\"}},{\"id\":\"850e1bfb-e562-44b2-840b-ac2dad9c08a2\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Documentation\",\"linkPath\":\"\/\"}},{\"id\":\"bdd145dc-ba8f-468c-af03-fa3236622a85\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Videos\",\"linkPath\":\"\/\"}},{\"id\":\"8041e92f-0cac-4369-9d88-660cf377fc0b\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Blog\",\"linkPath\":\"\/\"}}]}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-03-15T10:53:10.000Z", "tags": [] }, { "type": "layout", "name": "Header", "slug": "header", "meta": "{\"title\":\"Header\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"f587fd39-e96b-4850-b6bb-badcd36392f2\",\"type\":\"header\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"borderBottom\":\"none\",\"menuItems\":[{\"id\":\"accc74b9-1da0-495a-b2ee-9d3f03044e4e\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"\/\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Home\"}]}]}},{\"id\":\"925b9d2a-c507-4e27-8200-853ff4600d01\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"About us\"}]}]}},{\"id\":\"29ac0faf-f8a9-463f-9545-7d0d2cde7fa8\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Features\"}]}],\"submenuItems\":[{\"id\":\"68b9ffe1-2793-4e71-9bff-61daf6d2bf6b\",\"type\":\"header-menu-sub-item\",\"props\":{\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Visual editing\"}]}],\"linkDescription\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"The best visual experience for your content editors\"}]}],\"linkPath\":\"\/\"}}]}}],\"logo\":{\"src\":\"https:\/\/images.reactbricks.com\/original\/881feb54-54af-46d5-8825-31e22ccbac25.webp\",\"placeholderSrc\":\"https:\/\/images.reactbricks.com\/placeholder\/881feb54-54af-46d5-8825-31e22ccbac25.jpg\",\"srcSet\":\"https:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-600.webp 600w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-450.webp 450w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-300.webp 300w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-150.webp 150w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-75.webp 75w\",\"width\":5314,\"height\":1181,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"fallbackSrc\":\"https:\/\/images.reactbricks.com\/original\/881feb54-54af-46d5-8825-31e22ccbac25.png\",\"fallbackSrcSet\":\"https:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-600.png 600w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-450.png 450w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-300.png 300w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-150.png 150w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-75.png 75w\",\"fallbackType\":\"image\/png\"},\"buttons\":[{\"id\":\"39e8f125-072f-4947-9ea9-44aa3117c779\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Edit content\"}]}],\"href\":\"\/admin\",\"isTargetBlank\":false,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"small\",\"simpleAnchorLink\":true}}],\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\"}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-18T10:03:53.000Z", "tags": [] }, { "type": "page", "name": "Home", "slug": "\/", "meta": "{\"title\":\"Home\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"a17a4d4b-ee46-4502-83f5-a325007f6975\",\"type\":\"my-hero-unit\",\"props\":{\"padding\":\"big\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Welcome to React Bricks!\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"To edit the content, click on \\\"Edit content\\\" in the top menu. If you just started the project, see the \"},{\"type\":\"link\",\"url\":\"https:\/\/reactbricks.com\/quick-start-guide\",\"children\":[{\"text\":\"Quick Start Guide\"}]},{\"text\":\"\"}]}],\"icon\":{\"hashId\":\"ptnuG5bWzSS6x3c\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/RIDwzbS2oKWetOp.webp\",\"srcSet\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-400.webp 400w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-300.webp 300w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-200.webp 200w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-100.webp 100w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-50.webp 50w\",\"type\":\"image\/webp\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/placeholder\/RIDwzbS2oKWetOp.jpg\",\"fallbackSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/RIDwzbS2oKWetOp.jpg\",\"fallbackSrcSet\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-400.jpg 400w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-300.jpg 300w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-200.jpg 200w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-100.jpg 100w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-50.jpg 50w\",\"fallbackType\":\"image\/jpeg\",\"height\":608,\"width\":608,\"alt\":\"a red and white rocket ship flying through the sky\",\"seoName\":\"rocket\",\"crop\":{\"x\":0,\"y\":0,\"width\":608,\"height\":608},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"f3f180aa-1b7e-4d7d-a003-ebba656d72f8\",\"type\":\"features\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"colsNumber\":\"2\",\"features\":[{\"id\":\"91b1372b-548c-4e0a-a57e-ab0802c3bd2f\",\"type\":\"feature-item\",\"props\":{\"title\":\"The best experience for editors\",\"text\":\"Your marketing team hates gray forms. Give them the easiest UX.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"koLO8Y5uYTT39pg\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/AQhbzIvwlxWgFAk.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/AQhbzIvwlxWgFAk.svg\",\"height\":1,\"width\":1,\"alt\":\"Best UX for editors\",\"seoName\":\"best-ux-editors\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"5225ca2c-1560-4832-ab2c-d95706ff1697\",\"type\":\"feature-item\",\"props\":{\"title\":\"React components for devs\",\"text\":\"Leverage React to create amazing visually editable content blocks.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"85kxnY3pesF3B5I\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/5NhY3lAscloXy2Z.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/5NhY3lAscloXy2Z.svg\",\"height\":1,\"width\":1,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"30a4a4c0-dca5-4c4f-990f-0373a09ad379\",\"type\":\"feature-item\",\"props\":{\"title\":\"Your design system\",\"text\":\"Deploy your pixel-perfect design system and be sure nobody can break it..\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"bipe1q9Oj8yvTG4\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/xNskROyDmNG9CSy.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/xNskROyDmNG9CSy.svg\",\"height\":1,\"width\":1,\"alt\":\"Design system\",\"seoName\":\"design-system\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"5724468d-a3f6-4789-b773-949b4274ec2e\",\"type\":\"feature-item\",\"props\":{\"title\":\"Enterprise ready\",\"text\":\"Collaboration, localization, granular permissions, SSO, top support: we got you covered.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"TeiafDdxqmN7lIn\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/UKiBHf6_kjQsBYw.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/UKiBHf6_kjQsBYw.svg\",\"height\":1,\"width\":1,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-18T09:17:02.000Z", "tags": [] } ], "pathImages": "public/" }, { "framework": "Next.js with App Router", "starterProject": "Empty project", "language": "TypeScript", "repoUrl": "https://github.com/reactbricks/reactbricks-starters", "repoPath": "apps/nextjs-app", "startYarnCommand": "yarn dev", "startPnpmCommand": "pnpm dev", "startNpmCommand": "npm run dev", "envVariables": { "apiKey": "API_KEY", "appId": "NEXT_PUBLIC_APP_ID", "appEnv": "NEXT_PUBLIC_ENVIRONMENT" }, "envFile": ".env.local", "importRbUI": false, "minimalImages": [ { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "03Y0I_Cqiu6eb0I", "croppedImageHashId": "zEPlcb4qxvNQIso", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/zEPlcb4qxvNQIso.svg", "mediaFolderName": null, "name": "best-ux-editors", "title": null, "alt": "Best UX for editors", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "6iPilZvoLcaQZvG", "croppedImageHashId": "lNgttqJvTg1OqJw", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/lNgttqJvTg1OqJw.svg", "mediaFolderName": null, "name": "design-system", "title": null, "alt": "Design system", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "lXwDRUd7MUhezym", "croppedImageHashId": "FeA6SJQaWKyiiox", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/FeA6SJQaWKyiiox.svg", "mediaFolderName": null, "name": "enterprise-ready", "title": null, "alt": "Enterprise-ready", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "xojkIge-_LqzN7G", "croppedImageHashId": "-6gspMUhUKWsDwe", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/-6gspMUhUKWsDwe.webp", "mediaFolderName": null, "name": "8affc51a-1f0f-41ba-8c07-4fe95650f86b", "title": null, "alt": "a red and white rocket ship flying through the sky", "copyright": null, "source": null, "width": "535", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":535,\"height\":535},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "tgjPPtS2Zmo76Im", "croppedImageHashId": "P7smLEh0jjGOBbI", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/P7smLEh0jjGOBbI.svg", "mediaFolderName": null, "name": "react-components", "title": null, "alt": "React components", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" } ], "minimalContent": [ { "type": "layout", "name": "Footer", "slug": "footer", "meta": "{\"title\":\"Footer\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"cf4b4b95-c582-4262-915d-d3e526026940\",\"type\":\"footer\",\"props\":{\"logo\":{\"src\":\"https:\/\/images.reactbricks.com\/original\/939c47d7-7bbb-461b-b41d-c2a5645b641f.svg\",\"placeholderSrc\":\"https:\/\/images.reactbricks.com\/original\/939c47d7-7bbb-461b-b41d-c2a5645b641f.svg\",\"srcSet\":\"\",\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"width\":1185.4,\"height\":196.58},\"copyright\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Β© React Bricks, Inc.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Proudly made in Italy\"}]}],\"columns\":[{\"id\":\"04e441b5-c6aa-4076-b9b5-cc16cf6423f6\",\"type\":\"footer-column\",\"props\":{\"title\":\"Company\",\"links\":[{\"id\":\"c9f96196-0b08-46c7-95b1-70d87a748a89\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"About us\",\"linkPath\":\"\/\"}},{\"id\":\"ac00d9c8-0dc2-45ce-b88e-53f4b2e0d8f0\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Why React Bricks?\",\"linkPath\":\"\/\"}},{\"id\":\"dfecf70b-b32a-4a38-bb2c-3b672d23639d\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Terms of service\",\"linkPath\":\"\/\"}},{\"id\":\"47165543-2e66-44fd-acdd-27c49f8f45af\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Privacy\",\"linkPath\":\"\/\"}}]}},{\"id\":\"396455d4-6b83-4566-8eec-689ce38c7bd0\",\"type\":\"footer-column\",\"props\":{\"title\":\"Features\",\"links\":[{\"id\":\"6b8c12e4-8a04-4f2e-8e65-888303838833\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Visual editing\",\"linkPath\":\"\/\"}},{\"id\":\"735a32a4-2240-4ed1-9dd6-76142cda2e0c\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"React components\",\"linkPath\":\"\/\"}},{\"id\":\"30e19ad7-d16d-4cf2-81ce-65ae0b451e44\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprise-ready\",\"linkPath\":\"\/\"}},{\"id\":\"0a7cf298-158b-491e-9c05-eff910c4e01d\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Roadmap\",\"linkPath\":\"\/\"}}]}},{\"id\":\"d2a0967b-0af5-49d7-8b32-61c308f978fb\",\"type\":\"footer-column\",\"props\":{\"title\":\"Use cases\",\"links\":[{\"id\":\"e4c7534b-a835-4e54-841c-6abd02a5080d\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Content editors\",\"linkPath\":\"\/\"}},{\"id\":\"423f8b33-f896-454b-b9c7-0fe79d9e73cc\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Developers\",\"linkPath\":\"\/\"}},{\"id\":\"f77f0d73-5a0a-4612-9e0e-f311505da526\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprises\",\"linkPath\":\"\/\"}}]}},{\"id\":\"41486df8-9f8b-43cc-9573-2ccbee5b59f0\",\"type\":\"footer-column\",\"props\":{\"title\":\"Learn\",\"links\":[{\"id\":\"b2215dee-3298-4a40-bb41-d3247564735a\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Tutorial\",\"linkPath\":\"\/\"}},{\"id\":\"d8f3ccc2-6c1d-4f05-ba90-249c8fa3bd29\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Documentation\",\"linkPath\":\"\/\"}},{\"id\":\"991349ea-8c0e-483e-a46b-7bda8200a990\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Videos\",\"linkPath\":\"\/\"}},{\"id\":\"f99d3870-b93a-44d3-a229-1296887ca4a0\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Blog\",\"linkPath\":\"\/\"}}]}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-14T16:38:42.000Z", "tags": [] }, { "type": "layout", "name": "Header", "slug": "header", "meta": "{\"title\":\"Header\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"98e0d268-640b-4355-b868-88d0ee477c32\",\"type\":\"header\",\"props\":{\"menuItems\":[{\"id\":\"1b75724c-b9e6-4609-8dc3-f63937c21517\",\"type\":\"header-menu-item\",\"props\":{\"submenuItems\":[],\"linkPath\":\"\/\",\"isActive\":false,\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Home\"}]}]}},{\"id\":\"271e4dd7-6260-433e-b791-d2babff0265e\",\"type\":\"header-menu-item\",\"props\":{\"submenuItems\":[],\"linkPath\":\"\",\"isActive\":false,\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"About us\"}]}]}},{\"id\":\"8fe6aeb2-a181-4149-ae26-5c0bbf062992\",\"type\":\"header-menu-item\",\"props\":{\"submenuItems\":[{\"id\":\"0ac0c4e5-0e83-486c-8b29-e069d3ce101a\",\"type\":\"header-menu-sub-item\",\"props\":{\"linkText\":\"Visual editing\",\"linkDescription\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"The best visual experience for your content editors\"}]}],\"linkPath\":\"\/\"}}],\"linkPath\":\"\",\"isActive\":false,\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Features\"}]}]}}],\"logo\":{\"src\":\"https:\/\/images.reactbricks.com\/original\/1bd55b59-7df0-4ca0-9a39-2721b0992e14.svg\",\"placeholderSrc\":\"https:\/\/images.reactbricks.com\/original\/1bd55b59-7df0-4ca0-9a39-2721b0992e14.svg\",\"srcSet\":\"\",\"width\":1185.4,\"height\":196.58,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\"},\"buttons\":[{\"id\":\"36e8fc01-e669-4d81-afcb-6d37b74a3c45\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Edit content\"}]}],\"href\":\"\/admin\",\"isTargetBlank\":false,\"buttonType\":\"submit\",\"variant\":\"solid\",\"padding\":\"small\",\"buttonColor\":{\"color\":\"#06b6d4\",\"classNameSolid\":\"bg-cyan-500 text-white hover:bg-cyan-600\",\"classNameOutline\":\"border border-cyan-600 text-cyan-600 dark:border-white dark:text-white\"}}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-14T16:38:34.000Z", "tags": [] }, { "type": "page", "name": "Home", "slug": "\/", "meta": "{\"title\":\"home\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"2931f0be-4fef-44a2-97eb-b363900728fa\",\"type\":\"my-hero-unit\",\"props\":{\"padding\":\"big\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Welcome to React Bricks!\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"To edit the content, click on \\\"Edit content\\\" in the top menu.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"If you just started the project, see the \"},{\"type\":\"link\",\"url\":\"https:\/\/reactbricks.com\/quick-start-guide\",\"children\":[{\"text\":\"Quick Start Guide\"}]},{\"text\":\"!\"}]}],\"icon\":{\"hashId\":\"xojkIge-_LqzN7G\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/-6gspMUhUKWsDwe.webp\",\"srcSet\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-400.webp 400w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-300.webp 300w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-200.webp 200w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-100.webp 100w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-50.webp 50w\",\"type\":\"image\/webp\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/placeholder\/-6gspMUhUKWsDwe.jpg\",\"fallbackSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/-6gspMUhUKWsDwe.jpg\",\"fallbackSrcSet\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-400.jpg 400w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-300.jpg 300w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-200.jpg 200w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-100.jpg 100w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-50.jpg 50w\",\"fallbackType\":\"image\/jpeg\",\"height\":535,\"width\":535,\"alt\":\"a red and white rocket ship flying through the sky\",\"seoName\":\"\",\"crop\":{\"x\":0,\"y\":0,\"width\":535,\"height\":535},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"32010b5f-a51e-415d-92fc-6828f487c51e\",\"type\":\"features\",\"props\":{\"colsNumber\":\"2\",\"features\":[{\"id\":\"f657d67a-3681-4c33-b0e1-698da2a1cdf5\",\"type\":\"feature-item\",\"props\":{\"title\":\"The best experience for editors\",\"text\":\"Your marketing team hates gray forms. Give them the easiest UX.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"03Y0I_Cqiu6eb0I\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/zEPlcb4qxvNQIso.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/zEPlcb4qxvNQIso.svg\",\"height\":1,\"width\":1,\"alt\":\"Best UX for editors\",\"seoName\":\"best-ux-editors\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"colsNumber\":\"2\",\"linkText\":\"\",\"linkPath\":\"\"}},{\"id\":\"100e344b-abcf-4c2b-adf0-64b6bbc928a5\",\"type\":\"feature-item\",\"props\":{\"title\":\"React components for devs\",\"text\":\"Leverage React to create amazing visually editable content blocks.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"tgjPPtS2Zmo76Im\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/P7smLEh0jjGOBbI.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/P7smLEh0jjGOBbI.svg\",\"height\":1,\"width\":1,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"colsNumber\":\"2\",\"linkText\":\"\",\"linkPath\":\"\"}},{\"id\":\"5f4df260-3cd5-4157-8775-7238dedcf902\",\"type\":\"feature-item\",\"props\":{\"title\":\"Your design system\",\"text\":\"Deploy your pixel-perfect design system and be sure nobody can break it..\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"6iPilZvoLcaQZvG\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/lNgttqJvTg1OqJw.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/lNgttqJvTg1OqJw.svg\",\"height\":1,\"width\":1,\"alt\":\"Design system\",\"seoName\":\"design-system\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"colsNumber\":\"2\",\"linkText\":\"\",\"linkPath\":\"\"}},{\"id\":\"32f393f4-641b-46c1-bff9-4a7f1a3fd22a\",\"type\":\"feature-item\",\"props\":{\"title\":\"Enterprise ready\",\"text\":\"Collaboration, localization, granular permissions, SSO, top support: we got you covered.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"lXwDRUd7MUhezym\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/FeA6SJQaWKyiiox.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/FeA6SJQaWKyiiox.svg\",\"height\":1,\"width\":1,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"colsNumber\":\"2\",\"linkText\":\"\",\"linkPath\":\"\"}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-14T16:33:09.000Z", "tags": [] } ] }, { "framework": "Next.js with Pages Router", "starterProject": "Website and Blog with Tailwind (recommended to start)", "language": "TypeScript", "repoUrl": "https://github.com/reactbricks/reactbricks-starters", "repoPath": "apps/nextjs-pages", "startYarnCommand": "yarn dev", "startPnpmCommand": "pnpm dev", "startNpmCommand": "npm run dev", "envVariables": { "apiKey": "API_KEY", "appId": "NEXT_PUBLIC_APP_ID", "appEnv": "NEXT_PUBLIC_ENVIRONMENT", "otherVariables": [ { "cliRequired": false, "name": "NEXT_PUBLIC_RECAPTCHA_KEY", "value": "" } ] }, "advancedOptions": [ { "question": "Do you want to include email bricks? (Enterprise Plan required)", "note": "Enabling Email bricks...", "actions": [ { "kind": "UNCOMMENT_MARKERS", "markers": [ "<>" ] }, { "kind": "ADD_DEPENDENCIES", "dependencies": { "@react-email/components": "^0.0.42", "@reactbricks/email-ui": "*" } } ] } ], "envFile": ".env.local", "importRbUI": false, "defaultImages": [ { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "93gRipzXWAhi_Ix", "croppedImageHashId": "2igQrXpNVVXS2mT", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/2igQrXpNVVXS2mT.svg", "mediaFolderName": "Logos", "name": "logo_weather_channel", "title": "Logo Weather Channel", "alt": "Logo Weather Channel", "copyright": "", "source": "Upload", "width": "300", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":300},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "v7qnylE-KEhFZt7", "croppedImageHashId": "RzbsxdMiWWXw9PD", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/RzbsxdMiWWXw9PD.webp", "mediaFolderName": "Stock", "name": "dashboard", "title": "Macbook pro displaying computer icons", "alt": "Macbook pro displaying computer icons", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":608},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "DtwjUCJ39kWeJ6K", "croppedImageHashId": "chsiXtbyYLV2QnJ", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/chsiXtbyYLV2QnJ.svg", "mediaFolderName": "Icons", "name": "best-ux-editors", "title": "Best UX for editors", "alt": "Best UX for editors", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "N-dutXemlPNtMIT", "croppedImageHashId": "byS_6LmbjCoHJEp", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/byS_6LmbjCoHJEp.webp", "mediaFolderName": "Landscapes", "name": "seaside", "title": "Boat on seashore", "alt": "Boat on seashore", "copyright": null, "source": null, "width": "720", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":720,\"height\":720},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "VJjIyg_Io6pKZsl", "croppedImageHashId": "-O3TpA5eJMJHY8g", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/-O3TpA5eJMJHY8g.svg", "mediaFolderName": "Icons", "name": "twitter-icon", "title": "Twitter icon", "alt": "Twitter icon", "copyright": null, "source": null, "width": "248", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":182,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "xFXGxKecJKsuyWG", "croppedImageHashId": "fE8V1z9ht5Jh30P", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/fE8V1z9ht5Jh30P.svg", "mediaFolderName": "Avatars", "name": "luisa-green", "title": "Luisa Green", "alt": "Luisa Green", "copyright": null, "source": null, "width": "102", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "wSXOLrIAmhWPOpc", "croppedImageHashId": "ipRseb4KW1saucz", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/ipRseb4KW1saucz.webp", "mediaFolderName": "Landscapes", "name": "sea", "title": "Aerial photography of large body of water and shoreline", "alt": "Aerial photography of large body of water and shoreline", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "lVCG9BoGKIFIxsb", "croppedImageHashId": "wtfPYDp6fbt6k65", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/wtfPYDp6fbt6k65.svg", "mediaFolderName": "Logos", "name": "logo_casavo", "title": "Logo Casavo", "alt": "Logo Casavo", "copyright": "", "source": "Upload", "width": "993", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":60},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "BqovOXx9LuSmSBT", "croppedImageHashId": "LXbCuWcMlfgGUZc", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/LXbCuWcMlfgGUZc.webp", "mediaFolderName": "Landscapes", "name": "beach", "title": "Beach", "alt": "Palm tree near seashore", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "EjPxXmrZZ_qiSPU", "croppedImageHashId": "3vqEKqWng1EIK3-", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/3vqEKqWng1EIK3-.svg", "mediaFolderName": "Logos", "name": "react-bricks", "title": "React Bricks", "alt": "React Bricks", "copyright": null, "source": null, "width": "800", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "y-W7rQcApLnr4wy", "croppedImageHashId": "FWyn5yBPh3z6qFN", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/FWyn5yBPh3z6qFN.svg", "mediaFolderName": "Logos", "name": "logo_capbase", "title": "Logo Capbase", "alt": "Logo Capbase", "copyright": null, "source": null, "width": "1000", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1000,\"height\":300},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "BAY5I-2XNodLaTc", "croppedImageHashId": "HLrekpig0SHeG3Q", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/HLrekpig0SHeG3Q.svg", "mediaFolderName": "Icons", "name": "comments", "title": "Comments", "alt": "Comments", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "ptXCUjOXpdtNErX", "croppedImageHashId": "YDOEeyDKxKDlx3q", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/YDOEeyDKxKDlx3q.svg", "mediaFolderName": "Icons", "name": "enterprise-ready", "title": "Enterprise-ready", "alt": "Enterprise-ready", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "xBUextC_j4erxcx", "croppedImageHashId": "YI-c1lPxdNG09eX", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/YI-c1lPxdNG09eX.svg", "mediaFolderName": "Logos", "name": "logo_neoskop", "title": "Logo Neoskop", "alt": "Logo Neoskop", "copyright": null, "source": null, "width": "145", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":83},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "CIoAefChdT2kBl3", "croppedImageHashId": "RDSLkm_WVhxx7UO", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/RDSLkm_WVhxx7UO.svg", "mediaFolderName": "Logos", "name": "logo_everfund", "title": "Logo Everfund", "alt": "Logo Everfund", "copyright": null, "source": null, "width": "2698", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":65},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "Mmx9IqDAjuPqzEe", "croppedImageHashId": "VgzkSplWPmQ7wS0", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/VgzkSplWPmQ7wS0.svg", "mediaFolderName": "Logos", "name": "logo_woosmap", "title": "Logo Woosmap", "alt": "Logo Woosmap", "copyright": null, "source": null, "width": "997", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":60},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "G2qm8_U4ZoKkj7R", "croppedImageHashId": "MJamGw9Yc6W2MM_", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/MJamGw9Yc6W2MM_.svg", "mediaFolderName": "Logos", "name": "logo_deel", "title": "Logo Deel", "alt": "Logo Deel", "copyright": "", "source": "Upload", "width": "183", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":105},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "XPwRzNWn-VSHOZd", "croppedImageHashId": "cXs2_qmIztWlbjX", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/cXs2_qmIztWlbjX.svg", "mediaFolderName": "Logos", "name": "react", "title": "React", "alt": "React", "copyright": null, "source": null, "width": "23", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":169,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "6UrStGPV2CM5sOO", "croppedImageHashId": "xw-N240eaJWCKL2", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/xw-N240eaJWCKL2.svg", "mediaFolderName": "Icons", "name": "react-components", "title": "React components", "alt": "React components", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "BK1p-9c9e93qY8v", "croppedImageHashId": "hlef3DSmujv8FMZ", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/hlef3DSmujv8FMZ.webp", "mediaFolderName": "Landscapes", "name": "sea", "title": "Empty seashore", "alt": "Empty seashore", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "YUkWE6_LHXaNxBG", "croppedImageHashId": "KWCregj6Jm_817i", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/KWCregj6Jm_817i.svg", "mediaFolderName": "Icons", "name": "give-a-talk", "title": "Globr", "alt": "Globe", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "oBOPcw-Lj3nfCgJ", "croppedImageHashId": "MBz1YfmSrVYIE9k", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/MBz1YfmSrVYIE9k.svg", "mediaFolderName": "Logos", "name": "logo_banca_mediolanum", "title": "Logo Banca Mediolanum", "alt": "Logo Banca Mediolanum", "copyright": "", "source": "Upload", "width": "268", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":268,\"height\":63},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "yBvKVCrcRUno0R8", "croppedImageHashId": "SdGu6n6vDH6s9t_", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/SdGu6n6vDH6s9t_.webp", "mediaFolderName": "Avatars", "name": "maik-jablonski", "title": "Maik Jablonski", "alt": "Maik Jablonski", "copyright": null, "source": null, "width": "450", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":450,\"height\":450},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "uvJMBMnTlGdw-GH", "croppedImageHashId": "2RuCMiGNwZIO9kA", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/2RuCMiGNwZIO9kA.webp", "mediaFolderName": "Landscapes", "name": "sea", "title": "Crystal clear water near coconut trees under the sun", "alt": "Crystal clear water near coconut trees under the sun", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "HzjO61OMBGEzZ1a", "croppedImageHashId": "4QNWMVskHbfvm58", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/4QNWMVskHbfvm58.svg", "mediaFolderName": "Icons", "name": "best-ux-editors", "title": "Best UX for editors", "alt": "Arrow with bulls eye", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "uVILfCQ9dAfhF2I", "croppedImageHashId": "AXzsjw5t5L4mk_z", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/AXzsjw5t5L4mk_z.svg", "mediaFolderName": "Avatars", "name": "catherine", "title": "Catherine", "alt": "Catherine", "copyright": null, "source": null, "width": "102", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "CBxQsqPGmciMMzo", "croppedImageHashId": "bFLCrKI_7piXkGh", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/bFLCrKI_7piXkGh.svg", "mediaFolderName": "Icons", "name": "discord-icon", "title": "Discord icon", "alt": "Discord icon", "copyright": null, "source": null, "width": "800", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "OWA4xgOyDz0NrUW", "croppedImageHashId": "UW2RGBH3DKyX3s6", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/UW2RGBH3DKyX3s6.svg", "mediaFolderName": "Logos", "name": "nextjs", "title": "Next.js", "alt": "Next.js", "copyright": null, "source": null, "width": "800", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "UeGTZawh12mz8rh", "croppedImageHashId": "FL-9fIA4IEFSCoN", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/FL-9fIA4IEFSCoN.svg", "mediaFolderName": "Avatars", "name": "matteo-frana", "title": "Matteo Frana", "alt": "Matteo Frana", "copyright": null, "source": null, "width": "102", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "WMk5dhvluHk6rW1", "croppedImageHashId": "Vnew8YOLupgch7I", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/Vnew8YOLupgch7I.svg", "mediaFolderName": "Icons", "name": "youtube-icon", "title": "Youtube icon", "alt": "Youtube icon", "copyright": null, "source": null, "width": "159", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":159,\"height\":110},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "pS1H_GfPCVRis4_", "croppedImageHashId": "vjDW6iYYg0_SxP3", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/vjDW6iYYg0_SxP3.svg", "mediaFolderName": "Logos", "name": "tailwind", "title": "Tailwind CSS", "alt": "Tailwind CSS", "copyright": null, "source": null, "width": "1000", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1000,\"height\":1000},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "XQr3-OxqHfS_FF6", "croppedImageHashId": "ff-CsHruYe5dIWU", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/ff-CsHruYe5dIWU.svg", "mediaFolderName": "Icons", "name": "design-system", "title": "Design system", "alt": "Design system", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "Qq9vuF1tOB2ZaQP", "croppedImageHashId": "QATmzaziFdSQo-r", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/QATmzaziFdSQo-r.webp", "mediaFolderName": "Stock", "name": "visual-editing-cms", "title": "View is better than preview", "alt": "View is better than preview", "copyright": null, "source": null, "width": "1500", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1500,\"height\":1000},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "kOu5mVImpzEQySH", "croppedImageHashId": "_pDoJGgPgfsf1un", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/_pDoJGgPgfsf1un.webp", "mediaFolderName": "Avatars", "name": "laurie-voss", "title": "Laurie Voss", "alt": "Laurie Voss", "copyright": null, "source": null, "width": "96", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":96,\"height\":96},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "Cfgu2PKqAfZPENX", "croppedImageHashId": "FuuSjL4bhR9J5lw", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/FuuSjL4bhR9J5lw.svg", "mediaFolderName": "Avatars", "name": "alvin", "title": "Alvin", "alt": "Alvin", "copyright": null, "source": "", "width": "102", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "LQA15E4KFCuOGPW", "croppedImageHashId": "jhkbCmYZ0kOzgKE", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/jhkbCmYZ0kOzgKE.webp", "mediaFolderName": "Stock", "name": "dashboard", "title": null, "alt": "person writing on white paper", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":716},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "8IVBHGtmEigAhwA", "croppedImageHashId": "ZQRlmLdG1NUke8E", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/ZQRlmLdG1NUke8E.svg", "mediaFolderName": "Icons", "name": "react-components", "title": "React components", "alt": "React components", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "F_W6AsJISqVmsOF", "croppedImageHashId": "Xu81Gei6Nf0W67d", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/Xu81Gei6Nf0W67d.svg", "mediaFolderName": "Icons", "name": "enterprise-ready", "title": null, "alt": "Enterprise-ready", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "yDIr4N7fc40024t", "croppedImageHashId": "MKIOj-c_D6Dkxyw", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/MKIOj-c_D6Dkxyw.svg", "mediaFolderName": "Logos", "name": "logo-react-bricks", "title": "Logo React Bricks", "alt": "Logo React Bricks", "copyright": null, "source": null, "width": "980", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "iBxWeVUzpoENmOf", "croppedImageHashId": "beJF8OfLvIt5PXX", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/beJF8OfLvIt5PXX.webp", "mediaFolderName": "Avatars", "name": "stefan-nagey", "title": "Stefan Nagey", "alt": "Stefan Nagey", "copyright": null, "source": null, "width": "100", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":100,\"height\":100},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "MnlEsnpBiFf_GTr", "croppedImageHashId": "nPi9K3_25EJo1AA", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/nPi9K3_25EJo1AA.svg", "mediaFolderName": "Logos", "name": "gatsby", "title": "Gatsby", "alt": "Gatsby", "copyright": null, "source": null, "width": "28", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "oh_jhbQRoPIWF2z", "croppedImageHashId": "Xrm1aPBLxaHpQwI", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/Xrm1aPBLxaHpQwI.svg", "mediaFolderName": "Icons", "name": "content-creators-ux-cms", "title": "Pictures", "alt": "Great for content creators and developers", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" } ], "defaultContent": [ { "type": "page", "name": "About us", "slug": "about-us", "meta": "{\"title\":\"About us\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"9a3b4858-234c-47be-9db3-71bfbd7902ae\",\"type\":\"hero-unit\",\"props\":{\"bg\":{\"color\":\"#fff\",\"className\":\"bg-white dark:bg-gray-900\"},\"size\":\"large\",\"textGradient\":\"CARIBBEAN_BLUE\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"About us\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We could not find any CMS on the market that would make us and our customers happy. So we created it!\"}]}],\"badge\":[{\"id\":\"57ac4157-c311-4b3c-be24-b46b6a47f6b2\",\"type\":\"badge\",\"props\":{\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"REACT BRICKS\"}]}],\"textAlign\":\"center\",\"badgeColor\":{\"color\":\"#ec4899\",\"className\":\"text-pink-500 dark:text-pink-400\"}}}],\"buttons\":[],\"highlightTextColor\":{\"color\":\"#6b7280\",\"className\":\"text-gray-500 dark:text-white\"},\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"}}},{\"id\":\"66c4d83c-88e9-493c-aef7-6a9a249cffc0\",\"type\":\"team\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"withTitle\":true,\"bigCenteredTitle\":false,\"title\":\"Meet our team\",\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We are a group of passionate people with the mission to make content editing fun. For everybody.\"}]}],\"members\":[{\"id\":\"78598902-3daa-4bd3-8f7e-51a81e815de5\",\"type\":\"team-item\",\"props\":{\"memberName\":\"Alvin Payne\",\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Frontend Developer\"}]}],\"twitter\":\"reactbricks\",\"github\":\"\",\"linkedin\":\"rb_alvin_payne\",\"picture\":{\"hashId\":\"Cfgu2PKqAfZPENX\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Alvin\",\"seoName\":\"alvin\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"187d50ac-abda-4b54-89f9-b272b49af8b9\",\"type\":\"team-item\",\"props\":{\"memberName\":\"Catherine Smith\",\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Backend Developer\"}]}],\"twitter\":\"reactbricks\",\"github\":\"rb_catherine_smith\",\"linkedin\":\"rb_catherine_smith\",\"picture\":{\"hashId\":\"uVILfCQ9dAfhF2I\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/AXzsjw5t5L4mk_z.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/AXzsjw5t5L4mk_z.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Catherine\",\"seoName\":\"catherine\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"d4be049b-feef-4c2b-ad7e-7190feadb257\",\"type\":\"team-item\",\"props\":{\"memberName\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"John Benton\"}]}],\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Founder and CEO\"}]}],\"twitter\":\"reactbricks\",\"github\":\"\",\"linkedin\":\"rb_john_benton\",\"picture\":{\"hashId\":\"UeGTZawh12mz8rh\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FL-9fIA4IEFSCoN.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FL-9fIA4IEFSCoN.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Matteo Frana\",\"seoName\":\"matteo-frana\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"9eefc8b8-0033-4872-bf2b-9988db63d0bf\",\"type\":\"team-item\",\"props\":{\"memberName\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Luisa Green\"}]}],\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Sales Executive\"}]}],\"twitter\":\"\",\"github\":\"\",\"linkedin\":\"rb_john_benton\",\"picture\":{\"hashId\":\"xFXGxKecJKsuyWG\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/fE8V1z9ht5Jh30P.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/fE8V1z9ht5Jh30P.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Luisa Green\",\"seoName\":\"luisa-green\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"5a03827d-d447-46eb-995e-262297117483\",\"type\":\"cards\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"full\",\"borderBottom\":\"full\",\"withTitle\":true,\"bigCenteredTitle\":false,\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Join our community\"}]}],\"subtitle\":\"Join our community of over 6,500 React developers: let's change the way people edit websites!\",\"cards\":[{\"id\":\"61b1a0b0-a802-445c-a6fb-1b34606e076f\",\"type\":\"card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"withLink\":true,\"icon\":{\"hashId\":\"WMk5dhvluHk6rW1\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Vnew8YOLupgch7I.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Vnew8YOLupgch7I.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":110,\"width\":159,\"alt\":\"Youtube icon\",\"seoName\":\"youtube-icon\",\"crop\":{\"x\":0,\"y\":0,\"width\":159,\"height\":110},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"YouTube channel\",\"description\":\"Watch insider previews, feature demos, and interviews.\",\"linkText\":\"Watch now\",\"linkPath\":\"https://www.youtube.com/@reactbricks\"}},{\"id\":\"6dd34662-c47b-4d08-b7c5-4e9a9e0ac9dd\",\"type\":\"card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"withLink\":true,\"icon\":{\"hashId\":\"VJjIyg_Io6pKZsl\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/-O3TpA5eJMJHY8g.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/-O3TpA5eJMJHY8g.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":204,\"width\":248,\"alt\":\"Twitter icon\",\"seoName\":\"twitter-icon\",\"crop\":{\"x\":0,\"y\":0,\"width\":182,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"Twitter\",\"description\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Get the latest event updates about React Bricks.\"}]}],\"linkText\":\"Follow us now\",\"linkPath\":\"https://twitter.com/ReactBricks\"}},{\"id\":\"16e81337-9079-48e2-bbef-c6788dc79afc\",\"type\":\"card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"withLink\":true,\"icon\":{\"hashId\":\"CBxQsqPGmciMMzo\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/bFLCrKI_7piXkGh.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/bFLCrKI_7piXkGh.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":800,\"width\":800,\"alt\":\"Discord icon\",\"seoName\":\"discord-icon\",\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Discord server\"}]}],\"description\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Join our community on Discord to share ideas and ask for help.\"}]}],\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Join now\"}]}],\"linkPath\":\"https://discord.com/invite/8mBXKQUmyV\"}},{\"id\":\"ab9066fa-d9c5-4bc0-86ea-1240a966da5c\",\"type\":\"card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"withLink\":true,\"icon\":{\"hashId\":\"YUkWE6_LHXaNxBG\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/KWCregj6Jm_817i.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/KWCregj6Jm_817i.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Globe\",\"seoName\":\"give-a-talk\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Give a talk\"}]}],\"description\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"If you'd like to give a talk about React Bricks, we are happy to support you.\"}]}],\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Download example slides\"}]}]}}],\"width\":\"small\"}},{\"id\":\"4d98b56d-a6e4-4d4a-b70d-61936804e8da\",\"type\":\"title\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"medium\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Our locations\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Seaside views are the best for software development.\"}]}],\"bigCentered\":true,\"extraboldTitle\":false}},{\"id\":\"1b02feca-05ad-41b1-8a10-c9e1e1c374d0\",\"type\":\"image-carousel\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"slidesToShow\":\"3\",\"slidesToScroll\":1,\"adaptAspectRatio\":true,\"autoplay\":true,\"speed\":3,\"gap\":\"15px\",\"images\":[{\"id\":\"c98fbe46-8dd8-431f-9d84-ec52cd2454ab\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"N-dutXemlPNtMIT\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/byS_6LmbjCoHJEp.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-720.webp 720w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/byS_6LmbjCoHJEp.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/byS_6LmbjCoHJEp.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-720.jpg 720w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":720,\"width\":720,\"alt\":\"boat on seashore\",\"seoName\":\"seaside\",\"crop\":{\"x\":0,\"y\":0,\"width\":720,\"height\":720},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"e43af0a7-c16b-4b12-8aed-98541aef800d\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"BK1p-9c9e93qY8v\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/hlef3DSmujv8FMZ.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/hlef3DSmujv8FMZ.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/hlef3DSmujv8FMZ.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1080,\"width\":1080,\"alt\":\"empty seashore\",\"seoName\":\"sea\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"70f1b8d0-b759-489b-ac5b-1896158fcc52\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"wSXOLrIAmhWPOpc\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ipRseb4KW1saucz.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/ipRseb4KW1saucz.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ipRseb4KW1saucz.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1080,\"width\":1080,\"alt\":\"aerial photography of large body of water and shoreline\",\"seoName\":\"sea\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"9ad07994-79ee-4437-b2d0-829377deee9e\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"uvJMBMnTlGdw-GH\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/2RuCMiGNwZIO9kA.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/2RuCMiGNwZIO9kA.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/2RuCMiGNwZIO9kA.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1080,\"width\":1080,\"alt\":\"crystal clear water near coconut trees under the sun\",\"seoName\":\"sea\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"37e0b95c-3e10-4889-b80e-e8c2f58dcdb7\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"BqovOXx9LuSmSBT\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/LXbCuWcMlfgGUZc.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/LXbCuWcMlfgGUZc.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/LXbCuWcMlfgGUZc.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1080,\"width\":1080,\"alt\":\"palm tree near seashore\",\"seoName\":\"\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}],\"width\":\"medium\"}},{\"id\":\"f08c7303-f558-42df-8ac2-780f09d95a37\",\"type\":\"small-logo-grid\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"10\",\"paddingBottom\":\"10\",\"borderTop\":\"full\",\"borderBottom\":\"full\",\"width\":\"small\",\"targetBlank\":true,\"badge\":[{\"id\":\"06f5dabf-b25d-4212-bb2e-490cfc2501ad\",\"type\":\"badge\",\"props\":{\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Technologies\"}]}],\"textAlign\":\"center\",\"badgeColor\":{\"color\":\"#6b7280\",\"className\":\"text-gray-500 dark:text-white\"}}}],\"logos\":[{\"id\":\"7616be98-6e98-4a75-8c96-6ae2b360db39\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"XPwRzNWn-VSHOZd\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/cXs2_qmIztWlbjX.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/cXs2_qmIztWlbjX.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":20,\"width\":23,\"alt\":\"React\",\"seoName\":\"react\",\"crop\":{\"x\":0,\"y\":0,\"width\":169,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://react.dev/\"}},{\"id\":\"ca1edcc2-79cd-4b9f-a58c-ead0e671cfac\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"OWA4xgOyDz0NrUW\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/UW2RGBH3DKyX3s6.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/UW2RGBH3DKyX3s6.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":800,\"width\":800,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://nextjs.org/\"}},{\"id\":\"6fd65cf0-db5a-4fcb-afb7-0ce6a79304bf\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"MnlEsnpBiFf_GTr\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/nPi9K3_25EJo1AA.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/nPi9K3_25EJo1AA.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":28,\"width\":28,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://www.gatsbyjs.com/\"}},{\"id\":\"4cb63293-1567-412f-888f-1425fe189a56\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"EjPxXmrZZ_qiSPU\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/3vqEKqWng1EIK3-.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/3vqEKqWng1EIK3-.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":800,\"width\":800,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://remix.run/\"}},{\"id\":\"a1d72715-67f0-461f-b749-5718f3cac605\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"pS1H_GfPCVRis4_\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/vjDW6iYYg0_SxP3.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/vjDW6iYYg0_SxP3.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1000,\"width\":1000,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":1000,\"height\":1000},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://tailwindcss.com/\"}}]}},{\"id\":\"85821ab4-3885-4965-a2e2-14383d352169\",\"type\":\"newsletter-hero\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"none\",\"borderBottom\":\"boxed\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Stay in the loop with our newsletter!\"}]}],\"textGradient\":\"MORNING_LIGHT\",\"description\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Sent every \"},{\"text\":\"2 weeks\",\"bold\":true},{\"text\":\", no spam.\"}]}],\"text\":\"Join thousands of developers who want to change the way people edit website.\",\"privacy\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"By submitting the form you accept our \"},{\"type\":\"link\",\"url\":\"https://reactbricks.com/legal/privacy\",\"children\":[{\"text\":\"Privacy policy\"}]}]}],\"buttonText\":\"Subscribe\"}},{\"id\":\"a2bbb6e5-0777-40d4-b3e1-ee6a91a13670\",\"type\":\"team-2-cols\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"withTitle\":true,\"bigCenteredTitle\":false,\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Contributors\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We are a group of passionate people with the mission to make content editing fun. For everybody.\"}]}],\"members\":[{\"id\":\"6f3b5c97-d8d7-4821-afdb-e62c03c5e49b\",\"type\":\"team-item2-cols-item\",\"props\":{\"title\":\"Thick as a brick\",\"name\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"John Smith\"}]}],\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Frontend Developer\"}]}],\"twitter\":\"reactbricks\",\"linkedin\":\"rb_john_smith\",\"picture\":{\"hashId\":\"Cfgu2PKqAfZPENX\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Alvin\",\"seoName\":\"alvin\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"3a79ffd7-04cb-4ea6-9ba5-c97c98bf4a72\",\"type\":\"team-item2-cols-item\",\"props\":{\"title\":\"Thick as a brick\",\"name\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Anna Taylor\"}]}],\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Backend Developer\"}]}],\"twitter\":\"reactbricks\",\"linkedin\":\"rb_anna_taylor\",\"picture\":{\"hashId\":\"xFXGxKecJKsuyWG\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/fE8V1z9ht5Jh30P.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/fE8V1z9ht5Jh30P.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Luisa Green\",\"seoName\":\"luisa-green\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"github\":\"rb_anna_taylor\"}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2022-03-03T17:28:09.000Z", "tags": [] }, { "type": "page", "name": "Contacts", "slug": "contacts", "meta": "{\"title\":\"Contacts\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"3c002a64-85c3-4098-9ea8-982823d79e16\",\"type\":\"hero-unit\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"size\":\"large\",\"textGradient\":\"NONE\",\"highlightTextColor\":{\"color\":\"#ec4899\",\"className\":\"text-pink-500 dark:text-pink-400\"},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Contacts\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Let's shape together the best possible content editing experience for your team.\"}]}],\"badge\":[],\"buttons\":[]}},{\"id\":\"3ed66da0-4280-4722-adf8-dbd9f77652ae\",\"type\":\"ContactsForm\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"full\",\"borderBottom\":\"full\",\"address\":\"4556 Brendan Ferry\\nLos Angeles, CA 90210\",\"phoneNumber\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"+1 (555) 423-5786\"}]}],\"email\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"hello@example.com\"}]}],\"title\":\"Contact us\",\"subtitle\":\"Do you have a project in mind? We are happy to talk with you to understand your needs, prepare a quote for you and make it happen!\",\"form\":[{\"id\":\"8819f2dd-c83f-49d5-9add-7438299fbc3d\",\"type\":\"form-builder\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"buttonPosition\":\"justify-end\",\"form-elements\":[{\"id\":\"fb80b4ff-81d1-4afc-9ee8-1ee7afde5ead\",\"type\":\"form-input\",\"props\":{\"fieldName\":\"firstname\",\"isRequired\":true,\"inputType\":\"text\",\"columns\":\"1\",\"label\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"First name\"}]}],\"requiredError\":\"Please, fill in your first name\",\"pattern\":\"\",\"patternError\":\"\"}},{\"id\":\"2be5300f-a3a4-4392-9e02-6d35263275e2\",\"type\":\"form-input\",\"props\":{\"fieldName\":\"lastname\",\"isRequired\":true,\"inputType\":\"text\",\"columns\":\"1\",\"label\":\"Last name\",\"requiredError\":\"Please, fill in your last name\",\"pattern\":\"\",\"patternError\":\"\"}},{\"id\":\"c69fc7ca-3c5c-4f47-ace0-2fb7e55c3109\",\"type\":\"form-input\",\"props\":{\"fieldName\":\"email\",\"isRequired\":true,\"inputType\":\"email\",\"columns\":\"2\",\"label\":\"Email\",\"requiredError\":\"Please, fill in your email address\",\"pattern\":\"\",\"patternError\":\"\"}},{\"id\":\"371dba24-ca22-44c4-bdd1-c12f3448f6dd\",\"type\":\"form-input\",\"props\":{\"fieldName\":\"company\",\"isRequired\":false,\"inputType\":\"text\",\"columns\":\"2\",\"label\":\"Company\",\"requiredError\":\"\",\"pattern\":\"\",\"patternError\":\"\"}},{\"id\":\"4822671d-156e-45b6-af6d-125ede4be706\",\"type\":\"form-text-area\",\"props\":{\"columns\":\"2\",\"fieldName\":\"message\",\"label\":\"Message\",\"isRequired\":false,\"requiredError\":\"\",\"pattern\":\"\",\"patternError\":\"\"}},{\"id\":\"aaad705f-1261-4f99-8ed9-0e4984f922a9\",\"type\":\"form-checkbox\",\"props\":{\"label\":\"I accept the processing of my data\",\"columns\":\"2\",\"isRequired\":true,\"fieldName\":\"privacy\",\"requiredError\":\"Please, accept our privacy terms\",\"pattern\":\"\",\"patternError\":\"\"}}],\"form-buttons\":[{\"id\":\"cc1d300c-2967-4478-a176-8b0e0e179a9c\",\"type\":\"button\",\"props\":{\"type\":\"button\",\"text\":\"Send\",\"href\":\"\",\"isTargetBlank\":false,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"simpleAnchorLink\":false}}],\"width\":\"full\"}}]}},{\"id\":\"88b704d6-6c8b-451a-a799-7e4d8b06438c\",\"type\":\"contact-offices\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"20\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"withTitle\":true,\"bigCenteredTitle\":false,\"title\":\"Our offices\",\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We have offices in the US and in Europe. Call on us for a coffee β˜•οΈ\"}]}],\"offices\":[{\"id\":\"a93d1ce7-7081-4aaf-ad8f-cc691b3a70dd\",\"type\":\"contact-office\",\"props\":{\"contactTitle\":\"San Francisco\",\"contactAddress\":\"3319 Harrison Street\\nSan Francisco, CA\",\"city\":\"San Francisco\",\"address\":\"3319 Harrison Street\\nSan Francisco, CA\"}},{\"id\":\"59f3fe52-982c-4bfd-88a6-6eeedd8c531c\",\"type\":\"contact-office\",\"props\":{\"contactTitle\":\"San Francisco\",\"contactAddress\":\"3319 Harrison Street\\nSan Francisco, CA\",\"city\":\"New York\",\"address\":\"2153 Shinn Street\\nNew York, NY\"}},{\"id\":\"11f347ba-5d0f-49a0-bff7-a086bb8f6a19\",\"type\":\"contact-office\",\"props\":{\"contactTitle\":\"San Francisco\",\"contactAddress\":\"3319 Harrison Street\\nSan Francisco, CA\",\"city\":\"Milan\",\"address\":\"Via Manzoni, 25\\nMilan\"}},{\"id\":\"7bb1f6d6-9c6e-4b34-9349-1b3e414b5458\",\"type\":\"contact-office\",\"props\":{\"contactTitle\":\"San Francisco\",\"contactAddress\":\"3319 Harrison Street\\nSan Francisco, CA\",\"city\":\"London\",\"address\":\"1272 Old House Drive\\nLondon\"}}]}},{\"id\":\"5b6907bc-368e-425f-8429-03e4b86288fe\",\"type\":\"title\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Coming near Bergamo?\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Let's have a coffee together!\"}]}],\"bigCentered\":false,\"extraboldTitle\":false}},{\"id\":\"91648396-5db9-4713-8e16-cea762303747\",\"type\":\"map\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"8\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"lat\":\"45.6782509\",\"lng\":\"9.5669407\",\"zoom\":\"6\",\"width\":\"small\"}},{\"id\":\"d0933bb7-b66d-4c86-b79a-543987c42c25\",\"type\":\"testimonial-3-cols\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"testimonials\":[{\"id\":\"e5386d03-4b5d-40b5-a602-1ff85663b8eb\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"React Bricks allowed us to quickly create a beautiful website that drives business goals and is easy to maintain.\",\"authorName\":\"Stefan Nagey\",\"authorJobTitle\":\"Senior Dir. Engineering @ Deel\",\"avatarImage\":{\"hashId\":\"iBxWeVUzpoENmOf\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/beJF8OfLvIt5PXX.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/beJF8OfLvIt5PXX-100.webp 100w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/beJF8OfLvIt5PXX.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/beJF8OfLvIt5PXX.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/beJF8OfLvIt5PXX-100.jpg 100w\",\"fallbackType\":\"image/jpeg\",\"height\":100,\"width\":100,\"alt\":\"Stefan Nagey\",\"seoName\":\"stefan-nagey\",\"crop\":{\"x\":0,\"y\":0,\"width\":100,\"height\":100},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"2206b420-272d-477d-bfa3-ff66b70d3483\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"I've wanted to see something like this for a long time. This is how web development was always supposed to be.\",\"authorName\":\"Laurie Voss\",\"authorJobTitle\":\"Data Analyst @ Netlify\",\"avatarImage\":{\"hashId\":\"kOu5mVImpzEQySH\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/_pDoJGgPgfsf1un.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/_pDoJGgPgfsf1un-96.webp 96w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/_pDoJGgPgfsf1un.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/_pDoJGgPgfsf1un.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/_pDoJGgPgfsf1un-96.jpg 96w\",\"fallbackType\":\"image/jpeg\",\"height\":96,\"width\":96,\"alt\":\"Laurie Voss\",\"seoName\":\"laurie-voss\",\"crop\":{\"x\":0,\"y\":0,\"width\":96,\"height\":96},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"9a5874f2-ba75-4d22-abaa-64168cdf546c\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"The developer experience is great and our editors are happy as well! React Bricks fits perfectly to our needs.\",\"authorName\":\"Maik Jablonski\",\"authorJobTitle\":\"Managing Director @ Neoskop\",\"avatarImage\":{\"hashId\":\"yBvKVCrcRUno0R8\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/SdGu6n6vDH6s9t_.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-450.webp 450w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/SdGu6n6vDH6s9t_.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/SdGu6n6vDH6s9t_.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-450.jpg 450w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":450,\"width\":450,\"alt\":\"Maik Jablonski\",\"seoName\":\"maik-jablonski\",\"crop\":{\"x\":0,\"y\":0,\"width\":450,\"height\":450},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-12T16:48:20.000Z", "tags": [] }, { "type": "page", "name": "Home", "slug": "/", "meta": "{\"title\":\"Home\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"fac8c8b6-dcd1-4434-b230-6451b9ed8953\",\"type\":\"hero-unit-2\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"20\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"textGradient\":\"NONE\",\"highlightTextColor\":{\"color\":\"#84cc16\",\"className\":\"text-lime-500 dark:text-lime-400\"},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Great \"},{\"text\":\"DX\",\"highlight\":true},{\"text\":\" for Developers, great \"},{\"text\":\"UX\",\"highlight\":true},{\"text\":\" for Content editors.\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Forget grey fields, welcome visual editing. \"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"No back-and-forth between the CMS and your editor: it's just React! πŸŽ‰\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Leverage React components and define what’s editable, ensuring the integrity of your design system.\"}]}],\"buttons\":[{\"id\":\"0cfa5a9d-c0bc-4934-b096-55492780ab81\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":\"Tutorial\",\"href\":\"https://reactbricks.com/learn\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\",\"classNameGhost\":\"text-sky-600 dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"simpleAnchorLink\":false}},{\"id\":\"a9c646f3-93f8-4293-aa14-c10ab98a81a7\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":\"View the Docs\",\"href\":\"https://docs.reactbricks.com/\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\",\"classNameGhost\":\"text-sky-600 dark:text-white\"},\"variant\":\"outline\",\"padding\":\"normal\",\"simpleAnchorLink\":false}}]}},{\"id\":\"e337bc1c-8f4a-4051-bbbc-6fc9dc0957ed\",\"type\":\"customers\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"grayscale\":true,\"customers\":[{\"id\":\"b8fd1fc4-54e4-4b54-ab99-0b3ef5854743\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"Mmx9IqDAjuPqzEe\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/VgzkSplWPmQ7wS0.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/VgzkSplWPmQ7wS0.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":198,\"width\":997,\"alt\":\"Woosmap\",\"seoName\":\"woosmap\",\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":60},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"af81bf41-a49c-4b99-ab2f-c191c974a86b\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"oBOPcw-Lj3nfCgJ\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MBz1YfmSrVYIE9k.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MBz1YfmSrVYIE9k.svg\",\"height\":62.870651,\"width\":268.47372,\"alt\":\"Logo Banca Mediolanum\",\"seoName\":\"logo_banca_mediolanum\",\"crop\":{\"x\":0,\"y\":0,\"width\":268,\"height\":63},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"caac16c0-8928-47e2-8ae7-65b04f5f0ef2\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"93gRipzXWAhi_Ix\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/2igQrXpNVVXS2mT.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/2igQrXpNVVXS2mT.svg\",\"height\":300.01999,\"width\":300,\"alt\":\"Logo Weather Channel\",\"seoName\":\"logo_weather_channel\",\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":300},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"7a5186e2-60ca-4984-b2c0-1ee80f6f68c2\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"G2qm8_U4ZoKkj7R\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MJamGw9Yc6W2MM_.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MJamGw9Yc6W2MM_.svg\",\"height\":64.035,\"width\":182.91,\"alt\":\"Logo Deel\",\"seoName\":\"logo_deel\",\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":105},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"ea9e98d0-5c0a-4327-9e45-89882d7e0acd\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"lVCG9BoGKIFIxsb\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/wtfPYDp6fbt6k65.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/wtfPYDp6fbt6k65.svg\",\"height\":198.72,\"width\":992.54,\"alt\":\"Logo Casavo\",\"seoName\":\"logo_casavo\",\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":60},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"4a52ecc9-b270-4042-b152-4afd927aa4e2\",\"type\":\"text-image\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Let's make content editing fun, again!\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Tired of monotonous \"},{\"text\":\"gray forms\",\"bold\":true},{\"text\":\" in traditional headless CMS? Frustrated by platforms like WordPress, Wix, or WebFlow that compromise design integrity?\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"React Bricks is the solution: \"},{\"bold\":true,\"text\":\"we blended a visual editing interface with robust, code-enforced constraints.\"}]}],\"imageSource\":{\"hashId\":\"LQA15E4KFCuOGPW\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/jhkbCmYZ0kOzgKE.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-800.webp 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/jhkbCmYZ0kOzgKE.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/jhkbCmYZ0kOzgKE.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-800.jpg 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":716,\"width\":1080,\"alt\":\"person writing on white paper\",\"seoName\":\"dashboard\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":716},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"mediaType\":\"image\",\"imageSide\":\"right\",\"bigImage\":false,\"mobileImageTop\":false,\"mobileIcon\":false,\"hasShadow\":false,\"isRounded\":false,\"extraBoldTitle\":true,\"bigText\":true,\"heroSizeTitle\":false,\"bulletListItems\":[],\"videoFile\":{\"name\":\"Visual editing.mp4\",\"size\":1403.649,\"url\":\"https://files.reactbricks.com/8fc05a80-c2e8-45d3-81b7-f42bb81629de/Visual editing.mp4\"}}},{\"id\":\"3f2d254f-f1b2-4729-9ce1-a5b7852be1a5\",\"type\":\"features\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"colsNumber\":\"3\",\"features\":[{\"id\":\"8eb4aaf5-8e4c-4542-92ad-b4c7adb8e46f\",\"type\":\"feature-item\",\"props\":{\"title\":\"The best experience for editors\",\"text\":\"Your marketing team hates gray forms. Give them the easiest UX.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"DtwjUCJ39kWeJ6K\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/chsiXtbyYLV2QnJ.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/chsiXtbyYLV2QnJ.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Best UX for editors\",\"seoName\":\"best-ux-editors\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"431ae157-225f-499a-ace3-6d60aef9707e\",\"type\":\"feature-item\",\"props\":{\"title\":\"React components for devs\",\"text\":\"Leverage React to create amazing visually editable content blocks.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"6UrStGPV2CM5sOO\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/xw-N240eaJWCKL2.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/xw-N240eaJWCKL2.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"5bbb9af9-b129-4c63-b75d-4432c80b8ceb\",\"type\":\"feature-item\",\"props\":{\"title\":\"Enterprise ready\",\"text\":\"Collaboration, localization, granular permissions, SSO, top support: we got you covered.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"F_W6AsJISqVmsOF\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xu81Gei6Nf0W67d.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xu81Gei6Nf0W67d.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"af6b2d4c-e31b-408b-b85c-1555cbed7d16\",\"type\":\"testimonial\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"20\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"quote\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"React Bricks allowed us to quickly create a beautiful website that drives business goals and is easy to maintain. No one from the marketing team would ever go back!\"}]}],\"authorName\":\"Matteo Frana\",\"authorJobTitle\":\"Founder @ React Bricks\",\"avatarImage\":{\"hashId\":\"Cfgu2PKqAfZPENX\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Alvin\",\"seoName\":\"alvin\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"logoImage\":{\"hashId\":\"yDIr4N7fc40024t\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MKIOj-c_D6Dkxyw.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MKIOj-c_D6Dkxyw.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":980,\"width\":980,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"2b0b5d03-ec83-4e16-b535-64d13a2dabfe\",\"type\":\"pokemon\",\"props\":{\"pokemonName\":\"pikachu\"}},{\"id\":\"4028f61a-5f62-4051-85ee-222b866fe8d3\",\"type\":\"features\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"full\",\"borderBottom\":\"full\",\"colsNumber\":\"2\",\"features\":[{\"id\":\"1adb9b82-3d42-41b8-b4d7-e4badb401819\",\"type\":\"feature-item\",\"props\":{\"title\":\"The best experience for editors\",\"text\":\"Your marketing team hates gray forms. Give them the easiest UX.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"oh_jhbQRoPIWF2z\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xrm1aPBLxaHpQwI.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xrm1aPBLxaHpQwI.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"Great for content creators and developers\",\"seoName\":\"content-creators-ux-cms\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"caa7a356-8643-45b2-a966-77ed443eb572\",\"type\":\"feature-item\",\"props\":{\"title\":\"React components for devs\",\"text\":\"Leverage React to create amazing visually editable content blocks.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"6UrStGPV2CM5sOO\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/xw-N240eaJWCKL2.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/xw-N240eaJWCKL2.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"366e5ca5-344c-4b18-9c8b-2b572acffe03\",\"type\":\"feature-item\",\"props\":{\"title\":\"Your design system\",\"text\":\"Deploy your pixel-perfect design system and be sure nobody can break it..\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"XQr3-OxqHfS_FF6\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ff-CsHruYe5dIWU.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ff-CsHruYe5dIWU.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Design system\",\"seoName\":\"design-system\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"76c901e7-9924-4ad9-adef-2a525844c11e\",\"type\":\"feature-item\",\"props\":{\"title\":\"Enterprise ready\",\"text\":\"Collaboration, localization, granular permissions, SSO, top support: we got you covered.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"F_W6AsJISqVmsOF\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xu81Gei6Nf0W67d.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xu81Gei6Nf0W67d.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"70d078b2-f58b-4de5-8a84-e586eb7532a2\",\"type\":\"text-image\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"title\":\"Add magic to your components\",\"text\":\"With little changes you can turn your React design system into visually editable content blocks your marketing will love.\",\"imageSource\":{\"hashId\":\"v7qnylE-KEhFZt7\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/RzbsxdMiWWXw9PD.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-800.webp 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/RzbsxdMiWWXw9PD.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/RzbsxdMiWWXw9PD.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-800.jpg 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":608,\"width\":1080,\"alt\":\"macbook pro displaying computer icons\",\"seoName\":\"dashboard\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":608},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"mediaType\":\"image\",\"imageSide\":\"right\",\"bigImage\":true,\"mobileImageTop\":false,\"mobileIcon\":false,\"hasShadow\":true,\"isRounded\":true,\"extraBoldTitle\":false,\"bigText\":false,\"heroSizeTitle\":true,\"bulletListItems\":[],\"buttons\":[{\"id\":\"caf95dd3-0ecc-430c-bf15-36ab9b6dfc55\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Learn more\"}]}],\"href\":\"https://reactbricks.com/\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#ec4899\",\"classNameSolid\":\"bg-pink-500 text-white hover:bg-pink-600\",\"classNameOutline\":\"border border-pink-600 text-pink-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"isBigButton\":false,\"simpleAnchorLink\":false}},{\"id\":\"6aeeff01-b384-4f93-bee2-15b1290e8159\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Sign up\"}]}],\"href\":\"https://reactbricks.com/sign-up\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#ec4899\",\"classNameSolid\":\"bg-pink-500 text-white hover:bg-pink-600\",\"classNameOutline\":\"border border-pink-600 text-pink-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"isBigButton\":false,\"simpleAnchorLink\":false}}],\"badge\":[{\"id\":\"55646416-a1ab-4710-bb4d-65e113909443\",\"type\":\"badge\",\"props\":{\"text\":\"Design system\",\"textAlign\":\"center\",\"badgeColor\":{\"color\":\"#84cc16\",\"className\":\"text-lime-500 dark:text-lime-400\"}}}],\"logos\":[]}},{\"id\":\"0a8f2139-4d5b-428d-ad13-1a08213d74a7\",\"type\":\"big-feature\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"title\":\"Easy like Wix, but your own.\",\"text\":\"A great user experience for Content creators, React components for Developers.\",\"image\":{\"hashId\":\"oh_jhbQRoPIWF2z\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xrm1aPBLxaHpQwI.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xrm1aPBLxaHpQwI.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"Great for content creators and developers\",\"seoName\":\"content-creators-ux-cms\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"991092f8-4c15-414f-80ff-07b87113a0d2\",\"type\":\"testimonial-3-cols\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"20\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"testimonials\":[{\"id\":\"5812e0d5-a33c-4c43-81da-45096b198889\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"React Bricks allowed us to quickly create a beautiful website that drives business goals and is easy to maintain.\",\"authorName\":\"Stefan Nagey\",\"authorJobTitle\":\"Senior Dir. Engineering @ Deel\",\"avatarImage\":{\"hashId\":\"iBxWeVUzpoENmOf\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/beJF8OfLvIt5PXX.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/beJF8OfLvIt5PXX-100.webp 100w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/beJF8OfLvIt5PXX.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/beJF8OfLvIt5PXX.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/beJF8OfLvIt5PXX-100.jpg 100w\",\"fallbackType\":\"image/jpeg\",\"height\":100,\"width\":100,\"alt\":\"Stefan Nagey\",\"seoName\":\"stefan-nagey\",\"crop\":{\"x\":0,\"y\":0,\"width\":100,\"height\":100},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"5df35d71-52cd-4cb6-acf8-81c58e759a4b\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"I've wanted to see something like this for a long time. This is how web development was always supposed to be.\",\"authorName\":\"Laurie Voss\",\"authorJobTitle\":\"Data Analyst @ Netlify\",\"avatarImage\":{\"hashId\":\"kOu5mVImpzEQySH\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/_pDoJGgPgfsf1un.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/_pDoJGgPgfsf1un-96.webp 96w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/_pDoJGgPgfsf1un.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/_pDoJGgPgfsf1un.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/_pDoJGgPgfsf1un-96.jpg 96w\",\"fallbackType\":\"image/jpeg\",\"height\":96,\"width\":96,\"alt\":\"Laurie Voss\",\"seoName\":\"laurie-voss\",\"crop\":{\"x\":0,\"y\":0,\"width\":96,\"height\":96},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"846eaea6-9e35-4f23-a031-314ab3377145\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"The developer experience is great and our editors are happy as well! React Bricks fits perfectly to our needs.\",\"authorName\":\"Maik Jablonski\",\"authorJobTitle\":\"Managing Director @ Neoskop\",\"avatarImage\":{\"hashId\":\"yBvKVCrcRUno0R8\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/SdGu6n6vDH6s9t_.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-450.webp 450w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/SdGu6n6vDH6s9t_.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/SdGu6n6vDH6s9t_.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-450.jpg 450w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":450,\"width\":450,\"alt\":\"Maik Jablonski\",\"seoName\":\"maik-jablonski\",\"crop\":{\"x\":0,\"y\":0,\"width\":450,\"height\":450},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"23ed22e8-fb41-4786-9607-4c97be59d82c\",\"type\":\"text-image\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"The new paradigm in content editing\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Content editing should be easy and fun. For everyone.\"}]}],\"imageSource\":{\"hashId\":\"LQA15E4KFCuOGPW\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/jhkbCmYZ0kOzgKE.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-800.webp 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/jhkbCmYZ0kOzgKE.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/jhkbCmYZ0kOzgKE.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-800.jpg 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":716,\"width\":1080,\"alt\":\"person writing on white paper\",\"seoName\":\"dashboard\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":716},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"mediaType\":\"image\",\"imageSide\":\"right\",\"bigImage\":false,\"mobileImageTop\":false,\"mobileIcon\":false,\"hasShadow\":false,\"isRounded\":false,\"extraBoldTitle\":true,\"bigText\":true,\"heroSizeTitle\":false,\"bulletListItems\":[{\"id\":\"2fcb8af0-3f7c-475a-834c-f01c9787e5ab\",\"type\":\"bullet-list-item\",\"props\":{\"bulletColor\":{\"color\":\"#ec4899\",\"className\":\"bg-pink-500 text-white\"},\"text\":\"Marketing\"}},{\"id\":\"653980be-285b-4d8a-b146-d8f9269f311b\",\"type\":\"bullet-list-item\",\"props\":{\"bulletColor\":{\"color\":\"#0ea5e9\",\"className\":\"bg-sky-500 text-white\"},\"text\":\"Developers\"}},{\"id\":\"aa995e4c-2733-42be-842c-2e4b978ceb91\",\"type\":\"bullet-list-item\",\"props\":{\"bulletColor\":{\"color\":\"#22c55e\",\"className\":\"bg-green-500 text-white\"},\"text\":\"Designers\"}},{\"id\":\"61fa2a90-d7c6-44d5-8150-d108c726ddeb\",\"type\":\"bullet-list-item\",\"props\":{\"bulletColor\":{\"color\":\"#f59e0b\",\"className\":\"bg-amber-500 text-white\"},\"text\":\"Enterprise\"}}]}},{\"id\":\"101eb7b0-4d77-4b86-a131-6dcdcf7993f8\",\"type\":\"link-cards\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"withTitle\":true,\"bigCenteredTitle\":true,\"title\":\"Why you will love React Bricks\",\"subtitle\":\"We created React Bricks as a \\\"one stop shop\\\" to make everybody happy.\",\"cards\":[{\"id\":\"dddf9a7d-00b7-4226-bef1-3a1d1e816f23\",\"type\":\"link-card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"icon\":{\"hashId\":\"HzjO61OMBGEzZ1a\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/4QNWMVskHbfvm58.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/4QNWMVskHbfvm58.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"Best UX for editors\",\"seoName\":\"best-ux-editors\",\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"Visual editing\",\"text\":\"The best UX on the market.\",\"linkPath\":\"https://reactbricks.com/visual-editing-cms\"}},{\"id\":\"19f9aa93-01d5-436a-81f2-8363e91b4a95\",\"type\":\"link-card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"icon\":{\"hashId\":\"8IVBHGtmEigAhwA\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ZQRlmLdG1NUke8E.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ZQRlmLdG1NUke8E.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"React components\",\"text\":\"Add visual magic to your components.\",\"linkPath\":\"https://reactbricks.com/react-cms\"}},{\"id\":\"45a767dd-6fc8-4b30-948f-6ec9b838df42\",\"type\":\"link-card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"icon\":{\"hashId\":\"BAY5I-2XNodLaTc\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/HLrekpig0SHeG3Q.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/HLrekpig0SHeG3Q.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"logo\",\"seoName\":\"\",\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Multilanguage\"}]}],\"text\":\"Internationalization? Built in.\",\"linkPath\":\"https://reactbricks.com/features/multilanguage-i18n-cms\"}},{\"id\":\"c73f267e-95f4-4bfa-9c6a-06dde6a3753a\",\"type\":\"link-card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"icon\":{\"hashId\":\"ptXCUjOXpdtNErX\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/YDOEeyDKxKDlx3q.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/YDOEeyDKxKDlx3q.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"Scheduled publishing\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Publish at midnight? Roger.\"}]}],\"linkPath\":\"https://reactbricks.com/features/cms-scheduled-publishing\"}}],\"width\":\"small\"}},{\"id\":\"578ba9e1-2902-49de-8f3b-48dd2bea839a\",\"type\":\"faqs-2-cols\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"full\",\"borderBottom\":\"none\",\"faqs\":[{\"id\":\"6958ac49-8281-47df-a634-461cdf266a81\",\"type\":\"faq\",\"props\":{\"question\":\"Why you should change your CMS today?\",\"answer\":\"Because you care about your content creators and you are looking for a top developer experience, with a future-proof solution.\"}},{\"id\":\"07be3a69-93c6-4d21-8d57-69cf979cbf16\",\"type\":\"faq\",\"props\":{\"question\":\"Can I create an e-commerce with React Bricks?\",\"answer\":\"Sure! E-commerce solutions usually have a poor content management system for the product details page: let's change this with juicy visual editing!\"}}],\"width\":\"small\"}},{\"id\":\"bffd3c15-3242-47af-bac1-37fe084feea6\",\"type\":\"call-to-action\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"20\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"text\":\"React Bricks is great for developers and marketing teams.\",\"buttons\":[{\"id\":\"9750cae5-737a-4df3-a29e-91df4d4f2c77\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":\"Discover more\",\"href\":\"https://reactbricks.com\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"simpleAnchorLink\":false}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-06T13:53:44.000Z", "tags": [] }, { "type": "page", "name": "Pricing", "slug": "pricing", "meta": "{\"title\":\"Pricing\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"cc949a28-b6c4-4897-abe5-0da35ee6ef80\",\"type\":\"hero-unit\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"none\",\"borderBottom\":\"full\",\"size\":\"large\",\"textGradient\":\"NONE\",\"highlightTextColor\":{\"color\":\"#0ea5e9\",\"className\":\"text-sky-500 dark:text-sky-400\"},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Plans & Pricing\",\"highlight\":true}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Transparent pricing with no hidden limits.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Your content creators deserve the best authoring experience on the market.\"}]}],\"badge\":[],\"buttons\":[],\"backgroundImage\":{\"fallbackSrc\":\"https://images.reactbricks.com/original/b438575d-f0e2-4f5d-94a7-bb30fb238962.png\",\"fallbackSrcSet\":\"https://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-1600.png 1600w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-1200.png 1200w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-800.png 800w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-400.png 400w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-200.png 200w\",\"fallbackType\":\"image/png\",\"src\":\"https://images.reactbricks.com/original/b438575d-f0e2-4f5d-94a7-bb30fb238962.webp\",\"placeholderSrc\":\"https://images.reactbricks.com/placeholder/b438575d-f0e2-4f5d-94a7-bb30fb238962.jpg\",\"srcSet\":\"https://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-1600.webp 1600w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-1200.webp 1200w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-800.webp 800w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-400.webp 400w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-200.webp 200w\",\"width\":2000,\"height\":1000,\"alt\":\"backgroundImage\",\"seoName\":\"\"}}},{\"id\":\"2351c004-cef4-4ab2-82e9-d5e8e8c78864\",\"type\":\"pricing\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"plans\":[{\"id\":\"e336e15d-7232-4113-94a3-ac6571187a0b\",\"type\":\"pricing-plan\",\"props\":{\"popularTagText\":\"Most popular\",\"withPopularTag\":false,\"pricingColor\":{\"color\":\"#06b6d4\",\"mainDivClassName\":\"border-t-cyan-500\",\"popularTagClassName\":\"bg-cyan-500\",\"planNameClassName\":\"text-cyan-500\",\"buttonClassName\":\"text-cyan-600 dark:text-cyan-500 border-cyan-500 hover:bg-cyan-500\",\"featureTagClassName\":\"bg-cyan-200 text-cyan-800\"},\"planName\":\"Entry\",\"planDescription\":\"For startups and teams starting using React Bricks.\",\"planPrice\":\"$ 99\",\"planConditions\":\"per app / month\",\"buttonText\":\"Get started\",\"buttonLinkPath\":\"/\",\"featuresTitle\":\"Everything in Community, plus:\",\"features\":[{\"id\":\"093c726c-ddb5-45ae-b355-9f8c646836bc\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"5 users included\",\"withTag\":false,\"tag\":\"Add-on\"}},{\"id\":\"092bfefd-8303-4deb-be0f-680bbfeebf28\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"Up to 100 pages\",\"withTag\":false,\"tag\":\"Add-on\"}},{\"id\":\"f6b58762-729a-441e-b596-fbeb74bff4c8\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"Media library\",\"withTag\":true,\"tag\":\"Soon\"}}]}},{\"id\":\"6bb6b642-3345-4c0f-aeb3-6090b4e0af96\",\"type\":\"pricing-plan\",\"props\":{\"popularTagText\":\"Most popular\",\"withPopularTag\":true,\"pricingColor\":{\"color\":\"#ec4899\",\"mainDivClassName\":\"border-t-pink-500\",\"popularTagClassName\":\"bg-pink-500\",\"planNameClassName\":\"text-pink-500\",\"buttonClassName\":\"text-pink-600 dark:text-pink-500 border-pink-500 hover:bg-pink-500\",\"featureTagClassName\":\"bg-pink-200 text-pink-800\"},\"planName\":\"Professional\",\"planDescription\":\"For companies needing to scale their content.\",\"planPrice\":\"$ 429\",\"planConditions\":\"per app / month\",\"buttonText\":\"Get started\",\"buttonLinkPath\":\"/\",\"featuresTitle\":\"Everything in Entry, plus:\",\"features\":[{\"id\":\"87498cbe-2569-46d6-b0f5-ac241fd252b8\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"10 users included\",\"withTag\":false,\"tag\":\"Add-on\"}},{\"id\":\"e18862a0-ed8c-444e-9d01-d19ec84da0ca\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"Up to 300 pages\",\"withTag\":false,\"tag\":\"Add-on\"}},{\"id\":\"5d7998d6-1dcc-4b22-859d-99c19924dedc\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"Visually create e-mails\",\"withTag\":true,\"tag\":\"Add-on\"}}]}}]}},{\"id\":\"01cb0829-22d6-4303-8ca4-4bc39ca5c8cb\",\"type\":\"title\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"A table brick\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Example table brick: you can manage rows and columns :)\"}]}],\"bigCentered\":false,\"extraboldTitle\":false}},{\"id\":\"01c025ee-79dd-48fe-8d47-6f9f84cea4c8\",\"type\":\"table\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"striped\":true,\"withHeader\":true,\"borders\":\"horizontal\",\"rows\":[{\"id\":\"8d7aef6a-fae7-43eb-9bb8-df67aa637840\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"eceecaed-c949-4280-83e5-709f9321e03c\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"left\"}},{\"id\":\"adafa3e5-2df5-478f-8286-988de837e794\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Monolithic CMS\",\"textAlign\":\"center\"}},{\"id\":\"6a2e1ca7-e902-4fd1-a062-901ae13929aa\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Headless CMS\",\"textAlign\":\"center\"}},{\"id\":\"185ae9a1-ad3d-4a77-9d58-120e3df136f6\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Webflow\",\"textAlign\":\"center\"}},{\"id\":\"88f51aeb-7623-451a-8092-e67fa4f7d7d2\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"React Bricks\",\"textAlign\":\"center\"}}]}},{\"id\":\"da4936d1-49e7-447a-94c0-b81f982da8f0\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"0e02b9df-4fc4-4ee3-ad95-6002d37184a4\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Easy for editors\",\"textAlign\":\"left\"}},{\"id\":\"ab41316e-a139-40a1-b849-a4006c9c6040\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"It depends\",\"textAlign\":\"center\"}},{\"id\":\"1c4a5472-03e9-4dc2-aee1-84dc25c5d3e7\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"be91e2c1-c0ac-457d-bd5d-e3b73c700471\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Almost\",\"textAlign\":\"center\"}},{\"id\":\"67cca91c-a15f-4d16-aaa1-6e06b93c7693\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}}]}},{\"id\":\"d75365c6-01a9-4fea-b786-24df8e94f810\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"9f502c97-fb5e-4b87-98bc-fd71a3c87487\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Flexible for developers\",\"textAlign\":\"left\"}},{\"id\":\"d66885e9-0891-4f03-aeea-cc885cc52835\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"c79f6d07-d667-4616-acbf-cae68c72f3c2\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}},{\"id\":\"b5604423-3089-484f-a6d5-f80f7cc119c7\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"ba4df8bc-e24c-4bba-a966-8e5c6360ca50\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}}]}},{\"id\":\"85e618db-492b-42d2-adf6-5a8f8531f7f3\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"07c76415-0753-411c-8e80-fcd76b9cc979\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Provides a method\",\"textAlign\":\"left\"}},{\"id\":\"478f3751-ce0d-4607-acf4-26e880fe4d73\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"7442a515-6d07-4ede-b100-dbaa386918e0\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"8fa43367-7973-4948-86b6-3981ee04c08b\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}},{\"id\":\"9c3d53bc-5893-4b04-b6e6-ebd5ff3a4fe0\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}}]}},{\"id\":\"866e744b-e02a-4e57-8cb4-f4291e318f29\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"040bcf3e-917b-4bea-b790-5a62d76b841a\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Safe design system\",\"textAlign\":\"left\"}},{\"id\":\"399d5260-b8b6-4a15-bb73-d2a4cc86ea5e\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"It depends\",\"textAlign\":\"center\"}},{\"id\":\"3ec09f46-5af3-4373-abd4-25e512238ddc\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"6011ba5f-2cbb-4289-bffd-34c9cd59af19\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"cf4e5d66-2f0b-43cf-8d58-1138896a9606\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}}]}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-13T11:09:49.000Z", "tags": [] }, { "type": "blog", "name": "View is better than preview", "slug": "cms-with-visual-editing", "meta": "{\"title\":\"View is better than preview\",\"description\":\"React Bricks is the first headless CMS for Content creators. Simple visual editing like Word or Pages. Just React for Devs ?\",\"language\":\"en\",\"image\":{\"fallbackSrc\":\"https://images.reactbricks.com/original/b147b7e7-46a1-4ecb-a769-755c484091dc.jpg\",\"fallbackSrcSet\":\"https://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-1500.jpg 1500w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-1200.jpg 1200w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-800.jpg 800w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-400.jpg 400w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"src\":\"https://images.reactbricks.com/original/b147b7e7-46a1-4ecb-a769-755c484091dc.webp\",\"placeholderSrc\":\"https://images.reactbricks.com/placeholder/b147b7e7-46a1-4ecb-a769-755c484091dc.jpg\",\"srcSet\":\"https://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-1500.webp 1500w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-1200.webp 1200w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-800.webp 800w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-400.webp 400w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-200.webp 200w\",\"width\":1500,\"height\":1000,\"alt\":\"View is better than preview\",\"seoName\":\"visual-editing-cms\"},\"featuredImage\":\"https://images.reactbricks.com/original/b147b7e7-46a1-4ecb-a769-755c484091dc.jpg\"}", "content": "[{\"id\":\"fa9d199f-67a6-4353-ab09-e3b2e521040f\",\"type\":\"big-image\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"image\":{\"hashId\":\"Qq9vuF1tOB2ZaQP\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/QATmzaziFdSQo-r.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-1500.webp 1500w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-1200.webp 1200w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/QATmzaziFdSQo-r.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/QATmzaziFdSQo-r.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-1500.jpg 1500w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-1200.jpg 1200w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1000,\"width\":1500,\"alt\":\"View is better than preview\",\"seoName\":\"visual-editing-cms\",\"crop\":{\"x\":0,\"y\":0,\"width\":1500,\"height\":1000},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"bfa09131-121f-4cde-862d-d6772df7e63d\",\"type\":\"blog-title\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"8\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We need visual editing. Now.\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"React Bricks is the first headless CMS for Content creators. Simple visual editing like Word or Pages.\"}]}]}},{\"id\":\"56f8b694-dfc9-4180-a1aa-2faa22ebed80\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"8\",\"paddingBottom\":\"6\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h2\",\"children\":[{\"text\":\"Why visual editing?\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Visual editing is the most natural interface for content creators\",\"bold\":true},{\"text\":\": it's the interface we use to edit a document in Word or Pages. Developers are used to edit code in one place and see the result in another one, but marketing people and content creators don't like that friction.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Headless CMSs where created mainly to make the developers' life easier, but \"},{\"text\":\"with headless CMSs we lost the visual editing\",\"bold\":true},{\"text\":\" of content that we had with a blank WordPress page, replacing it with ugly gray forms. And we lost the clean and simple concept of \\\"\"},{\"text\":\"Page\",\"bold\":true},{\"text\":\"\\\", too: we take it back!\"}]}]}},{\"id\":\"ce0589fe-3abe-4a30-b9be-4526d4dfb84c\",\"type\":\"video\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"8\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"videoType\":\"file\",\"platform\":\"youtube\",\"videoId\":\"L4NGrMRTY3M\",\"videoFile\":{\"name\":\"Visual editing.mp4\",\"size\":1403.649,\"url\":\"https://files.reactbricks.com/9ed31ec4-8416-47d6-9fd3-ca0dfd958ce0/Visual editing.mp4\"}}},{\"id\":\"4d6cbdcf-1425-4fde-b697-bda328060ff9\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h2\",\"children\":[{\"text\":\"What about Wix or Webflow?\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"On the other end, tools like Wix or Webflow have a great user experience, but they have many other pitfalls that make them unusable for corporate websites:\"}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"Not flexible\",\"bold\":true},{\"text\":\": tools like Wix, which tend to be very easy to use, are not flexible regarding the design system, so that you cannot reproduce the exact corporate design system, but you need to choose one of the proposed templates. Great for a freelancer project, no go for corporate.\"}]}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"Complex\",\"bold\":true},{\"text\":\": More advanced tools like WebFlow are very flexible, but they tend to be complex to use, because the content creator is supposed to know what a margin or a padding are.\"}]}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"Too flexible\",\"bold\":true},{\"text\":\": What's more, it's not the content creator business to create the design and tweak the CSS parameters. For a corporate website, the design system is created by the designers together with the developers and nobody should be able to break the design system. We want to be sure we won't have green text on red background! :)\"}]}]}]}},{\"id\":\"3ef20eb4-cadc-4413-982c-2a6a40fae37a\",\"type\":\"newsletter-subscribe\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":\"Join our newsletter\",\"text\":\"Never miss our release and new blog articles.\",\"text2\":\"6,500 developers and counting\",\"buttonText\":\"Join\",\"mailchimpUrl\":\"\",\"provider\":\"MAILCHIMP\",\"resultOkText\":\"\"}},{\"id\":\"dc5c9390-3dd5-46aa-bab7-72308e16e192\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h2\",\"children\":[{\"text\":\"React Bricks approach\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"React Bricks has \"},{\"text\":\"the advantages of both a Headless CMS and a No-code side builder. \\n\",\"bold\":true},{\"text\":\"We know that a corporate website must start with code and we also know that the best user experience for a content creator is visual editing.\"}]}]}},{\"id\":\"497667bc-e1b7-4358-bdd2-6ef3bdc3da5f\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h3\",\"children\":[{\"text\":\"> Code to developers\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Developers create content blocks\",\"bold\":true},{\"text\":\" with code as React components, never leaving the code editor. \"},{\"text\":\"React Bricks adds the visual editing magic\",\"bold\":true},{\"text\":\".\\nIt works with any React framework, with starters for \"},{\"text\":\"Next.js, Gatsby and Remix\",\"bold\":true},{\"text\":\", which help creating a blazing fast website.\\nIt works with \"},{\"text\":\"any CSS framework\",\"bold\":true},{\"text\":\" and you can \"},{\"text\":\"host it where you like\",\"bold\":true},{\"text\":\".\\n\"},{\"type\":\"link\",\"url\":\"https://reactbricks.com/features/react-cms\",\"children\":[{\"text\":\"Read how React Bricks works with React!\"}]},{\"text\":\"\"}]}]}},{\"id\":\"5919af0f-cfbc-4a9a-976b-19c3e0ff553c\",\"type\":\"code\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"10\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"code\":\"import { types, RichText } from 'react-bricks/frontend'\\ninterface HeroUnitProps {\\n padding: string\\n}\\n// This is the React component\\nconst HeroUnit: types.Brick = ({ padding }) => {\\n return (\\n
\\n {/* RichText component from React Bricks */}\\n (\\n

\\n {props.children}\\n

\\n )}\\n placeholder=\\\"Type a title...\\\"\\n propName=\\\"title\\\"\\n allowedFeatures={[types.RichTextFeatures.Bold]}\\n />\\n
\\n )\\n}\\n// Brick Schema\\nHeroUnit.schema = {\\n name: 'hero-unit',\\n label: 'Hero Unit',\\n // Defaults when a new brick is added\\n getDefaultProps: () => ({\\n padding: '2rem',\\n title: 'Thick as a React Brick',\\n }),\\n // Sidebar Edit props (just 1 in this minimal example)\\n // It is possible to group them in collapsible sections\\n sideEditProps: [\\n {\\n name: 'padding',\\n label: 'Padding',\\n type: types.SideEditPropType.Select,\\n selectOptions: {\\n display: types.OptionsDisplay.Select,\\n options: [\\n { value: '2rem', label: 'Small' },\\n { value: '3rem', label: 'Big' },\\n ],\\n },\\n },\\n ],\\n}\\nexport default HeroUnit\",\"language\":\"typescript\",\"dataline\":\"\",\"showLineNumbers\":false}},{\"id\":\"3d60a875-4789-4b7e-8cf5-9f813e7ba7e1\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h3\",\"children\":[{\"text\":\"> Visual UX to Content creators!\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Content creators have a point and click interface:\"}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"They directly edit text and images\",\"bold\":true},{\"text\":\", just clicking on the text and writing, as you do in Word or Pages and clicking on images, uploading and cropping (with set constraints).\"}]}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"They can change properties\",\"bold\":true},{\"text\":\" like background color etc., but only the properties that the developers chose to be editable and with the values that are allowed, with validation rules.\"}]}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"In this way, content creators have \"},{\"text\":\"all the freedom they want and no more than they need\",\"bold\":true},{\"text\":\". Good constraints guide their work without limiting them.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"And that is \"},{\"text\":\"much more inspiring than grey forms\",\"bold\":true},{\"text\":\", right?\"}]}]}},{\"id\":\"6b259554-927c-4deb-9b67-405b482a6410\",\"type\":\"video\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"videoType\":\"streaming\",\"platform\":\"youtube\",\"videoId\":\"L4NGrMRTY3M\"}},{\"id\":\"feda4339-c784-47d3-a904-5620bb046557\",\"type\":\"title\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Our launch Tweet\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Here you can see our Tweet when we first launched in private beta!\\nIn this way we can show our Twitter embed brick ?\"}]}],\"bigCentered\":true,\"extraboldTitle\":false}},{\"id\":\"54d412c8-ee5f-4bab-bd62-aae46f2c911e\",\"type\":\"tweet\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"10\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"id\":\"1237840583982329857\",\"placeholder\":\"Loading Tweet\",\"position\":\"center\",\"cards\":\"hidden\",\"conversation\":\"none\",\"theme\":\"auto\",\"align\":\"center\"}},{\"id\":\"4457dcfa-2dd6-4bc6-b2de-7884d43c46a5\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h2\",\"children\":[{\"text\":\"Light Tweet brick\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"We also created a light component which doesn't require the Twitter APIs.\\nYou see it in action here:\"}]}]}},{\"id\":\"1272255e-2262-4a8f-ae35-67d265edc5f8\",\"type\":\"tweet-light\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"authorName\":\"Matteo Frana\",\"author\":{\"src\":\"https://images.reactbricks.com/original/a235268d-c3c8-4f97-9ae8-26567c09a4db.webp\",\"placeholderSrc\":\"https://images.reactbricks.com/placeholder/a235268d-c3c8-4f97-9ae8-26567c09a4db.jpg\",\"srcSet\":\"https://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-1600.webp 1600w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-1200.webp 1200w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-800.webp 800w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-400.webp 400w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-200.webp 200w\",\"width\":1750,\"height\":1750,\"alt\":\"Author name\",\"seoName\":\"author\",\"fallbackSrc\":\"https://images.reactbricks.com/original/a235268d-c3c8-4f97-9ae8-26567c09a4db.jpg\",\"fallbackSrcSet\":\"https://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-1600.jpg 1600w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-1200.jpg 1200w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-800.jpg 800w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-400.jpg 400w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-200.jpg 200w\",\"fallbackType\":\"image/jpeg\"},\"tweetLink\":\"https://twitter.com/matfrana/status/1237840583982329857\",\"authorLink\":\"https://twitter.com/matfrana\",\"authorTwitterHandle\":\"@matfrana\",\"tweetContent\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We just launched in private beta \"},{\"type\":\"link\",\"url\":\"https://twitter.com/ReactBricks\",\"children\":[{\"text\":\"@reactbricks\"}]},{\"text\":\", a React block-based CMS enforcing a design system, for \"},{\"type\":\"link\",\"url\":\"https://twitter.com/zeithq\",\"children\":[{\"text\":\"@zeithq\"}]},{\"text\":\" Next.js and \"},{\"type\":\"link\",\"url\":\"https://twitter.com/GatsbyJS\",\"children\":[{\"text\":\"@gatsbyjs\"}]},{\"text\":\". ? Request invite for Beta! ?\"},{\"type\":\"link\",\"url\":\"https://reactbricks.com\",\"children\":[{\"text\":\"https://reactbricks.com\"}]},{\"text\":\"\"},{\"type\":\"link\",\"url\":\"https://twitter.com/ReactBricks\",\"children\":[{\"text\":\"\"}]},{\"text\":\"\"}]}],\"date\":\"9:39 PM Β· Mar 11, 2020\"}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-14T03:00:00.000Z", "tags": [ "CMS", "React Bricks" ] }, { "type": "layout", "name": "Footer", "slug": "footer", "meta": "{\"title\":\"Footer\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"662e33fb-8f39-4999-8c7c-fc6236fc8ab4\",\"type\":\"footer\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"full\",\"borderBottom\":\"none\",\"logo\":{\"src\":\"https://images.reactbricks.com/original/1c6c7dd2-7ebd-4366-a60f-37a25c1cc90d.svg\",\"placeholderSrc\":\"https://images.reactbricks.com/original/1c6c7dd2-7ebd-4366-a60f-37a25c1cc90d.svg\",\"srcSet\":\"\",\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"width\":1185.4,\"height\":196.58},\"siteUrl\":\"\",\"copyright\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Visual editing CMS for React.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Proudly made in Italy\"}]}],\"columns\":[{\"id\":\"c5e4d918-5fe2-442e-9399-65d2c8a19921\",\"type\":\"footer-column\",\"props\":{\"title\":\"Company\",\"links\":[{\"id\":\"241ba3c3-b115-4f57-ae08-d8acf50faa34\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"About us\",\"linkPath\":\"/\"}},{\"id\":\"1cb9f87b-ff02-47b4-b4ab-14fdb97a34a6\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Why React Bricks?\",\"linkPath\":\"/\"}},{\"id\":\"3dfacdfe-38f3-4fdb-817f-6672a64e7f8a\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Terms of service\",\"linkPath\":\"/\"}},{\"id\":\"f35fd929-9745-4d07-8c6b-32194db99e23\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Privacy\",\"linkPath\":\"/\"}}]}},{\"id\":\"3917ae01-a0a7-435d-a70f-066da148967c\",\"type\":\"footer-column\",\"props\":{\"title\":\"Features\",\"links\":[{\"id\":\"5febf849-e3fe-45d5-bdf0-2488b299f5fd\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Visual editing\",\"linkPath\":\"/\"}},{\"id\":\"7026c7ae-5e9b-40db-a8f0-21421f9661a9\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"React components\",\"linkPath\":\"/\"}},{\"id\":\"ff20d85f-c463-4686-aeb9-50c966cbb318\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprise-ready\",\"linkPath\":\"/\"}},{\"id\":\"9b136e43-ee84-4e6d-b6cf-61ab4b61bba3\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Roadmap\",\"linkPath\":\"/\"}}]}},{\"id\":\"1496523d-212b-42bc-9d82-70464444d30e\",\"type\":\"footer-column\",\"props\":{\"title\":\"Use cases\",\"links\":[{\"id\":\"f7954dae-0efe-4c98-909b-198966da6891\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Content editors\",\"linkPath\":\"/\"}},{\"id\":\"99a87d9e-2ed4-4b2f-a394-85cdba9683f2\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Developers\",\"linkPath\":\"/\"}},{\"id\":\"6d97c69f-656c-4121-bf5c-34501059c142\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprises\",\"linkPath\":\"/\"}}]}},{\"id\":\"21b3631d-1eab-41f3-87c6-2256e38a24ec\",\"type\":\"footer-column\",\"props\":{\"title\":\"Learn\",\"links\":[{\"id\":\"30bd7035-d8d1-4879-bef3-dfa8914284ab\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Tutorial\",\"linkPath\":\"/\"}},{\"id\":\"850e1bfb-e562-44b2-840b-ac2dad9c08a2\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Documentation\",\"linkPath\":\"/\"}},{\"id\":\"bdd145dc-ba8f-468c-af03-fa3236622a85\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Videos\",\"linkPath\":\"/\"}},{\"id\":\"8041e92f-0cac-4369-9d88-660cf377fc0b\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Blog\",\"linkPath\":\"/\"}}]}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-03-15T11:53:10.000Z", "tags": [] }, { "type": "layout", "name": "Header", "slug": "header", "meta": "{\"title\":\"Header\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"5496ac8d-34ed-4f0f-aa2c-966dbb2c48cb\",\"type\":\"header\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"borderBottom\":\"none\",\"menuItems\":[{\"id\":\"d0f20a4d-abfe-4a85-b77a-a380f8442a58\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"/\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Home\"}]}],\"submenuItems\":[]}},{\"id\":\"5ef7d378-4bcc-4a68-b992-bdc99466bf85\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Features\"}]}],\"submenuItems\":[{\"id\":\"b7a4e219-5e37-4718-964e-f826a4f88cca\",\"type\":\"header-menu-sub-item\",\"props\":{\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Pricing\"}]}],\"linkDescription\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Transparent pricing with no hidden limits\"}]}],\"linkPath\":\"/pricing\"}},{\"id\":\"be323677-abc8-4355-82e7-b57c463313b4\",\"type\":\"header-menu-sub-item\",\"props\":{\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Changelog 4.0\"}]}],\"linkDescription\":\"Release notes for all React Bricks versions\",\"linkPath\":\"/\"}}]}},{\"id\":\"256c46c5-e9c2-4fb7-bf2d-558aa90322e3\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"/about-us\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"About us\"}]}]}},{\"id\":\"04d20cd6-c09e-43ee-9139-2f97ea9fc195\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"/blog\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Blog\"}]}]}},{\"id\":\"abf04325-367b-4b81-9876-80f25459adff\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"/contacts\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Contacts\"}]}]}}],\"logo\":{\"src\":\"https://images.reactbricks.com/original/1b573c7f-7744-4bbb-840d-991ad2fbd916.svg\",\"placeholderSrc\":\"https://images.reactbricks.com/original/1b573c7f-7744-4bbb-840d-991ad2fbd916.svg\",\"srcSet\":\"\",\"width\":1185.4,\"height\":196.58,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\"},\"buttons\":[{\"id\":\"13791005-1fd7-4fdc-9838-971df293b060\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Edit content\"}]}],\"href\":\"/admin\",\"isTargetBlank\":false,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"small\",\"simpleAnchorLink\":true}}],\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\"}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-01-05T16:15:45.000Z", "tags": [] } ], "minimalImages": [ { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "TeiafDdxqmN7lIn", "croppedImageHashId": "UKiBHf6_kjQsBYw", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/UKiBHf6_kjQsBYw.svg", "mediaFolderName": null, "name": "enterprise-ready", "title": null, "alt": "Enterprise-ready", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "85kxnY3pesF3B5I", "croppedImageHashId": "5NhY3lAscloXy2Z", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/5NhY3lAscloXy2Z.svg", "mediaFolderName": null, "name": "react-components", "title": null, "alt": "React components", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "koLO8Y5uYTT39pg", "croppedImageHashId": "AQhbzIvwlxWgFAk", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/AQhbzIvwlxWgFAk.svg", "mediaFolderName": null, "name": "best-ux-editors", "title": null, "alt": "Best UX for editors", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "bipe1q9Oj8yvTG4", "croppedImageHashId": "xNskROyDmNG9CSy", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/xNskROyDmNG9CSy.svg", "mediaFolderName": null, "name": "design-system", "title": null, "alt": "Design system", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "ptnuG5bWzSS6x3c", "croppedImageHashId": "RIDwzbS2oKWetOp", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/RIDwzbS2oKWetOp.webp", "mediaFolderName": null, "name": "rocket", "title": null, "alt": "a red and white rocket ship flying through the sky", "copyright": null, "source": null, "width": "608", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":608,\"height\":608},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" } ], "minimalContent": [ { "type": "layout", "name": "Footer", "slug": "footer", "meta": "{\"title\":\"Footer\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"662e33fb-8f39-4999-8c7c-fc6236fc8ab4\",\"type\":\"footer\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"full\",\"borderBottom\":\"none\",\"logo\":{\"src\":\"https:\/\/images.reactbricks.com\/original\/1c6c7dd2-7ebd-4366-a60f-37a25c1cc90d.svg\",\"placeholderSrc\":\"https:\/\/images.reactbricks.com\/original\/1c6c7dd2-7ebd-4366-a60f-37a25c1cc90d.svg\",\"srcSet\":\"\",\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"width\":1185.4,\"height\":196.58},\"siteUrl\":\"\",\"copyright\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Visual editing CMS for React.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Proudly made in Italy\"}]}],\"columns\":[{\"id\":\"c5e4d918-5fe2-442e-9399-65d2c8a19921\",\"type\":\"footer-column\",\"props\":{\"title\":\"Company\",\"links\":[{\"id\":\"241ba3c3-b115-4f57-ae08-d8acf50faa34\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"About us\",\"linkPath\":\"\/\"}},{\"id\":\"1cb9f87b-ff02-47b4-b4ab-14fdb97a34a6\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Why React Bricks?\",\"linkPath\":\"\/\"}},{\"id\":\"3dfacdfe-38f3-4fdb-817f-6672a64e7f8a\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Terms of service\",\"linkPath\":\"\/\"}},{\"id\":\"f35fd929-9745-4d07-8c6b-32194db99e23\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Privacy\",\"linkPath\":\"\/\"}}]}},{\"id\":\"3917ae01-a0a7-435d-a70f-066da148967c\",\"type\":\"footer-column\",\"props\":{\"title\":\"Features\",\"links\":[{\"id\":\"5febf849-e3fe-45d5-bdf0-2488b299f5fd\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Visual editing\",\"linkPath\":\"\/\"}},{\"id\":\"7026c7ae-5e9b-40db-a8f0-21421f9661a9\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"React components\",\"linkPath\":\"\/\"}},{\"id\":\"ff20d85f-c463-4686-aeb9-50c966cbb318\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprise-ready\",\"linkPath\":\"\/\"}},{\"id\":\"9b136e43-ee84-4e6d-b6cf-61ab4b61bba3\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Roadmap\",\"linkPath\":\"\/\"}}]}},{\"id\":\"1496523d-212b-42bc-9d82-70464444d30e\",\"type\":\"footer-column\",\"props\":{\"title\":\"Use cases\",\"links\":[{\"id\":\"f7954dae-0efe-4c98-909b-198966da6891\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Content editors\",\"linkPath\":\"\/\"}},{\"id\":\"99a87d9e-2ed4-4b2f-a394-85cdba9683f2\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Developers\",\"linkPath\":\"\/\"}},{\"id\":\"6d97c69f-656c-4121-bf5c-34501059c142\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprises\",\"linkPath\":\"\/\"}}]}},{\"id\":\"21b3631d-1eab-41f3-87c6-2256e38a24ec\",\"type\":\"footer-column\",\"props\":{\"title\":\"Learn\",\"links\":[{\"id\":\"30bd7035-d8d1-4879-bef3-dfa8914284ab\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Tutorial\",\"linkPath\":\"\/\"}},{\"id\":\"850e1bfb-e562-44b2-840b-ac2dad9c08a2\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Documentation\",\"linkPath\":\"\/\"}},{\"id\":\"bdd145dc-ba8f-468c-af03-fa3236622a85\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Videos\",\"linkPath\":\"\/\"}},{\"id\":\"8041e92f-0cac-4369-9d88-660cf377fc0b\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Blog\",\"linkPath\":\"\/\"}}]}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-03-15T10:53:10.000Z", "tags": [] }, { "type": "layout", "name": "Header", "slug": "header", "meta": "{\"title\":\"Header\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"f587fd39-e96b-4850-b6bb-badcd36392f2\",\"type\":\"header\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"borderBottom\":\"none\",\"menuItems\":[{\"id\":\"accc74b9-1da0-495a-b2ee-9d3f03044e4e\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"\/\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Home\"}]}]}},{\"id\":\"925b9d2a-c507-4e27-8200-853ff4600d01\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"About us\"}]}]}},{\"id\":\"29ac0faf-f8a9-463f-9545-7d0d2cde7fa8\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Features\"}]}],\"submenuItems\":[{\"id\":\"68b9ffe1-2793-4e71-9bff-61daf6d2bf6b\",\"type\":\"header-menu-sub-item\",\"props\":{\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Visual editing\"}]}],\"linkDescription\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"The best visual experience for your content editors\"}]}],\"linkPath\":\"\/\"}}]}}],\"logo\":{\"src\":\"https:\/\/images.reactbricks.com\/original\/881feb54-54af-46d5-8825-31e22ccbac25.webp\",\"placeholderSrc\":\"https:\/\/images.reactbricks.com\/placeholder\/881feb54-54af-46d5-8825-31e22ccbac25.jpg\",\"srcSet\":\"https:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-600.webp 600w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-450.webp 450w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-300.webp 300w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-150.webp 150w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-75.webp 75w\",\"width\":5314,\"height\":1181,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"fallbackSrc\":\"https:\/\/images.reactbricks.com\/original\/881feb54-54af-46d5-8825-31e22ccbac25.png\",\"fallbackSrcSet\":\"https:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-600.png 600w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-450.png 450w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-300.png 300w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-150.png 150w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-75.png 75w\",\"fallbackType\":\"image\/png\"},\"buttons\":[{\"id\":\"39e8f125-072f-4947-9ea9-44aa3117c779\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Edit content\"}]}],\"href\":\"\/admin\",\"isTargetBlank\":false,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"small\",\"simpleAnchorLink\":true}}],\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\"}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-18T10:03:53.000Z", "tags": [] }, { "type": "page", "name": "Home", "slug": "\/", "meta": "{\"title\":\"Home\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"a17a4d4b-ee46-4502-83f5-a325007f6975\",\"type\":\"my-hero-unit\",\"props\":{\"padding\":\"big\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Welcome to React Bricks!\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"To edit the content, click on \\\"Edit content\\\" in the top menu. If you just started the project, see the \"},{\"type\":\"link\",\"url\":\"https:\/\/reactbricks.com\/quick-start-guide\",\"children\":[{\"text\":\"Quick Start Guide\"}]},{\"text\":\"\"}]}],\"icon\":{\"hashId\":\"ptnuG5bWzSS6x3c\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/RIDwzbS2oKWetOp.webp\",\"srcSet\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-400.webp 400w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-300.webp 300w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-200.webp 200w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-100.webp 100w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-50.webp 50w\",\"type\":\"image\/webp\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/placeholder\/RIDwzbS2oKWetOp.jpg\",\"fallbackSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/RIDwzbS2oKWetOp.jpg\",\"fallbackSrcSet\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-400.jpg 400w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-300.jpg 300w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-200.jpg 200w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-100.jpg 100w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-50.jpg 50w\",\"fallbackType\":\"image\/jpeg\",\"height\":608,\"width\":608,\"alt\":\"a red and white rocket ship flying through the sky\",\"seoName\":\"rocket\",\"crop\":{\"x\":0,\"y\":0,\"width\":608,\"height\":608},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"f3f180aa-1b7e-4d7d-a003-ebba656d72f8\",\"type\":\"features\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"colsNumber\":\"2\",\"features\":[{\"id\":\"91b1372b-548c-4e0a-a57e-ab0802c3bd2f\",\"type\":\"feature-item\",\"props\":{\"title\":\"The best experience for editors\",\"text\":\"Your marketing team hates gray forms. Give them the easiest UX.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"koLO8Y5uYTT39pg\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/AQhbzIvwlxWgFAk.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/AQhbzIvwlxWgFAk.svg\",\"height\":1,\"width\":1,\"alt\":\"Best UX for editors\",\"seoName\":\"best-ux-editors\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"5225ca2c-1560-4832-ab2c-d95706ff1697\",\"type\":\"feature-item\",\"props\":{\"title\":\"React components for devs\",\"text\":\"Leverage React to create amazing visually editable content blocks.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"85kxnY3pesF3B5I\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/5NhY3lAscloXy2Z.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/5NhY3lAscloXy2Z.svg\",\"height\":1,\"width\":1,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"30a4a4c0-dca5-4c4f-990f-0373a09ad379\",\"type\":\"feature-item\",\"props\":{\"title\":\"Your design system\",\"text\":\"Deploy your pixel-perfect design system and be sure nobody can break it..\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"bipe1q9Oj8yvTG4\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/xNskROyDmNG9CSy.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/xNskROyDmNG9CSy.svg\",\"height\":1,\"width\":1,\"alt\":\"Design system\",\"seoName\":\"design-system\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"5724468d-a3f6-4789-b773-949b4274ec2e\",\"type\":\"feature-item\",\"props\":{\"title\":\"Enterprise ready\",\"text\":\"Collaboration, localization, granular permissions, SSO, top support: we got you covered.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"TeiafDdxqmN7lIn\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/UKiBHf6_kjQsBYw.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/UKiBHf6_kjQsBYw.svg\",\"height\":1,\"width\":1,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-18T09:17:02.000Z", "tags": [] } ], "pathBricks": "react-bricks/bricks/", "pathImages": "public/" }, { "framework": "Next.js with Pages Router", "starterProject": "Empty project", "language": "TypeScript", "repoUrl": "https://github.com/reactbricks/reactbricks-starters", "repoPath": "apps/nextjs-pages", "startYarnCommand": "yarn dev", "startPnpmCommand": "pnpm dev", "startNpmCommand": "npm run dev", "envVariables": { "apiKey": "API_KEY", "appId": "NEXT_PUBLIC_APP_ID", "appEnv": "NEXT_PUBLIC_ENVIRONMENT" }, "envFile": ".env.local", "importRbUI": false, "minimalImages": [ { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "03Y0I_Cqiu6eb0I", "croppedImageHashId": "zEPlcb4qxvNQIso", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/zEPlcb4qxvNQIso.svg", "mediaFolderName": null, "name": "best-ux-editors", "title": null, "alt": "Best UX for editors", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "6iPilZvoLcaQZvG", "croppedImageHashId": "lNgttqJvTg1OqJw", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/lNgttqJvTg1OqJw.svg", "mediaFolderName": null, "name": "design-system", "title": null, "alt": "Design system", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "lXwDRUd7MUhezym", "croppedImageHashId": "FeA6SJQaWKyiiox", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/FeA6SJQaWKyiiox.svg", "mediaFolderName": null, "name": "enterprise-ready", "title": null, "alt": "Enterprise-ready", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "xojkIge-_LqzN7G", "croppedImageHashId": "-6gspMUhUKWsDwe", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/-6gspMUhUKWsDwe.webp", "mediaFolderName": null, "name": "8affc51a-1f0f-41ba-8c07-4fe95650f86b", "title": null, "alt": "a red and white rocket ship flying through the sky", "copyright": null, "source": null, "width": "535", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":535,\"height\":535},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "tgjPPtS2Zmo76Im", "croppedImageHashId": "P7smLEh0jjGOBbI", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/P7smLEh0jjGOBbI.svg", "mediaFolderName": null, "name": "react-components", "title": null, "alt": "React components", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" } ], "minimalContent": [ { "type": "layout", "name": "Footer", "slug": "footer", "meta": "{\"title\":\"Footer\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"cf4b4b95-c582-4262-915d-d3e526026940\",\"type\":\"footer\",\"props\":{\"logo\":{\"src\":\"https:\/\/images.reactbricks.com\/original\/939c47d7-7bbb-461b-b41d-c2a5645b641f.svg\",\"placeholderSrc\":\"https:\/\/images.reactbricks.com\/original\/939c47d7-7bbb-461b-b41d-c2a5645b641f.svg\",\"srcSet\":\"\",\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"width\":1185.4,\"height\":196.58},\"copyright\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Β© React Bricks, Inc.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Proudly made in Italy\"}]}],\"columns\":[{\"id\":\"04e441b5-c6aa-4076-b9b5-cc16cf6423f6\",\"type\":\"footer-column\",\"props\":{\"title\":\"Company\",\"links\":[{\"id\":\"c9f96196-0b08-46c7-95b1-70d87a748a89\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"About us\",\"linkPath\":\"\/\"}},{\"id\":\"ac00d9c8-0dc2-45ce-b88e-53f4b2e0d8f0\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Why React Bricks?\",\"linkPath\":\"\/\"}},{\"id\":\"dfecf70b-b32a-4a38-bb2c-3b672d23639d\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Terms of service\",\"linkPath\":\"\/\"}},{\"id\":\"47165543-2e66-44fd-acdd-27c49f8f45af\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Privacy\",\"linkPath\":\"\/\"}}]}},{\"id\":\"396455d4-6b83-4566-8eec-689ce38c7bd0\",\"type\":\"footer-column\",\"props\":{\"title\":\"Features\",\"links\":[{\"id\":\"6b8c12e4-8a04-4f2e-8e65-888303838833\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Visual editing\",\"linkPath\":\"\/\"}},{\"id\":\"735a32a4-2240-4ed1-9dd6-76142cda2e0c\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"React components\",\"linkPath\":\"\/\"}},{\"id\":\"30e19ad7-d16d-4cf2-81ce-65ae0b451e44\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprise-ready\",\"linkPath\":\"\/\"}},{\"id\":\"0a7cf298-158b-491e-9c05-eff910c4e01d\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Roadmap\",\"linkPath\":\"\/\"}}]}},{\"id\":\"d2a0967b-0af5-49d7-8b32-61c308f978fb\",\"type\":\"footer-column\",\"props\":{\"title\":\"Use cases\",\"links\":[{\"id\":\"e4c7534b-a835-4e54-841c-6abd02a5080d\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Content editors\",\"linkPath\":\"\/\"}},{\"id\":\"423f8b33-f896-454b-b9c7-0fe79d9e73cc\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Developers\",\"linkPath\":\"\/\"}},{\"id\":\"f77f0d73-5a0a-4612-9e0e-f311505da526\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprises\",\"linkPath\":\"\/\"}}]}},{\"id\":\"41486df8-9f8b-43cc-9573-2ccbee5b59f0\",\"type\":\"footer-column\",\"props\":{\"title\":\"Learn\",\"links\":[{\"id\":\"b2215dee-3298-4a40-bb41-d3247564735a\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Tutorial\",\"linkPath\":\"\/\"}},{\"id\":\"d8f3ccc2-6c1d-4f05-ba90-249c8fa3bd29\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Documentation\",\"linkPath\":\"\/\"}},{\"id\":\"991349ea-8c0e-483e-a46b-7bda8200a990\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Videos\",\"linkPath\":\"\/\"}},{\"id\":\"f99d3870-b93a-44d3-a229-1296887ca4a0\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Blog\",\"linkPath\":\"\/\"}}]}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-14T16:38:42.000Z", "tags": [] }, { "type": "layout", "name": "Header", "slug": "header", "meta": "{\"title\":\"Header\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"98e0d268-640b-4355-b868-88d0ee477c32\",\"type\":\"header\",\"props\":{\"menuItems\":[{\"id\":\"1b75724c-b9e6-4609-8dc3-f63937c21517\",\"type\":\"header-menu-item\",\"props\":{\"submenuItems\":[],\"linkPath\":\"\/\",\"isActive\":false,\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Home\"}]}]}},{\"id\":\"271e4dd7-6260-433e-b791-d2babff0265e\",\"type\":\"header-menu-item\",\"props\":{\"submenuItems\":[],\"linkPath\":\"\",\"isActive\":false,\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"About us\"}]}]}},{\"id\":\"8fe6aeb2-a181-4149-ae26-5c0bbf062992\",\"type\":\"header-menu-item\",\"props\":{\"submenuItems\":[{\"id\":\"0ac0c4e5-0e83-486c-8b29-e069d3ce101a\",\"type\":\"header-menu-sub-item\",\"props\":{\"linkText\":\"Visual editing\",\"linkDescription\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"The best visual experience for your content editors\"}]}],\"linkPath\":\"\/\"}}],\"linkPath\":\"\",\"isActive\":false,\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Features\"}]}]}}],\"logo\":{\"src\":\"https:\/\/images.reactbricks.com\/original\/1bd55b59-7df0-4ca0-9a39-2721b0992e14.svg\",\"placeholderSrc\":\"https:\/\/images.reactbricks.com\/original\/1bd55b59-7df0-4ca0-9a39-2721b0992e14.svg\",\"srcSet\":\"\",\"width\":1185.4,\"height\":196.58,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\"},\"buttons\":[{\"id\":\"36e8fc01-e669-4d81-afcb-6d37b74a3c45\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Edit content\"}]}],\"href\":\"\/admin\",\"isTargetBlank\":false,\"buttonType\":\"submit\",\"variant\":\"solid\",\"padding\":\"small\",\"buttonColor\":{\"color\":\"#06b6d4\",\"classNameSolid\":\"bg-cyan-500 text-white hover:bg-cyan-600\",\"classNameOutline\":\"border border-cyan-600 text-cyan-600 dark:border-white dark:text-white\"}}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-14T16:38:34.000Z", "tags": [] }, { "type": "page", "name": "Home", "slug": "\/", "meta": "{\"title\":\"home\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"2931f0be-4fef-44a2-97eb-b363900728fa\",\"type\":\"my-hero-unit\",\"props\":{\"padding\":\"big\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Welcome to React Bricks!\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"To edit the content, click on \\\"Edit content\\\" in the top menu.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"If you just started the project, see the \"},{\"type\":\"link\",\"url\":\"https:\/\/reactbricks.com\/quick-start-guide\",\"children\":[{\"text\":\"Quick Start Guide\"}]},{\"text\":\"!\"}]}],\"icon\":{\"hashId\":\"xojkIge-_LqzN7G\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/-6gspMUhUKWsDwe.webp\",\"srcSet\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-400.webp 400w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-300.webp 300w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-200.webp 200w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-100.webp 100w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-50.webp 50w\",\"type\":\"image\/webp\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/placeholder\/-6gspMUhUKWsDwe.jpg\",\"fallbackSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/-6gspMUhUKWsDwe.jpg\",\"fallbackSrcSet\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-400.jpg 400w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-300.jpg 300w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-200.jpg 200w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-100.jpg 100w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-50.jpg 50w\",\"fallbackType\":\"image\/jpeg\",\"height\":535,\"width\":535,\"alt\":\"a red and white rocket ship flying through the sky\",\"seoName\":\"\",\"crop\":{\"x\":0,\"y\":0,\"width\":535,\"height\":535},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"32010b5f-a51e-415d-92fc-6828f487c51e\",\"type\":\"features\",\"props\":{\"colsNumber\":\"2\",\"features\":[{\"id\":\"f657d67a-3681-4c33-b0e1-698da2a1cdf5\",\"type\":\"feature-item\",\"props\":{\"title\":\"The best experience for editors\",\"text\":\"Your marketing team hates gray forms. Give them the easiest UX.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"03Y0I_Cqiu6eb0I\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/zEPlcb4qxvNQIso.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/zEPlcb4qxvNQIso.svg\",\"height\":1,\"width\":1,\"alt\":\"Best UX for editors\",\"seoName\":\"best-ux-editors\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"colsNumber\":\"2\",\"linkText\":\"\",\"linkPath\":\"\"}},{\"id\":\"100e344b-abcf-4c2b-adf0-64b6bbc928a5\",\"type\":\"feature-item\",\"props\":{\"title\":\"React components for devs\",\"text\":\"Leverage React to create amazing visually editable content blocks.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"tgjPPtS2Zmo76Im\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/P7smLEh0jjGOBbI.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/P7smLEh0jjGOBbI.svg\",\"height\":1,\"width\":1,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"colsNumber\":\"2\",\"linkText\":\"\",\"linkPath\":\"\"}},{\"id\":\"5f4df260-3cd5-4157-8775-7238dedcf902\",\"type\":\"feature-item\",\"props\":{\"title\":\"Your design system\",\"text\":\"Deploy your pixel-perfect design system and be sure nobody can break it..\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"6iPilZvoLcaQZvG\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/lNgttqJvTg1OqJw.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/lNgttqJvTg1OqJw.svg\",\"height\":1,\"width\":1,\"alt\":\"Design system\",\"seoName\":\"design-system\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"colsNumber\":\"2\",\"linkText\":\"\",\"linkPath\":\"\"}},{\"id\":\"32f393f4-641b-46c1-bff9-4a7f1a3fd22a\",\"type\":\"feature-item\",\"props\":{\"title\":\"Enterprise ready\",\"text\":\"Collaboration, localization, granular permissions, SSO, top support: we got you covered.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"lXwDRUd7MUhezym\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/FeA6SJQaWKyiiox.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/FeA6SJQaWKyiiox.svg\",\"height\":1,\"width\":1,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"colsNumber\":\"2\",\"linkText\":\"\",\"linkPath\":\"\"}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-14T16:33:09.000Z", "tags": [] } ] }, { "framework": "Astro (Node.js v22 required)", "starterProject": "Website and Blog with Tailwind (recommended to start)", "language": "TypeScript", "repoUrl": "https://github.com/reactbricks/reactbricks-starters", "repoPath": "apps/astro", "startYarnCommand": "yarn dev", "startPnpmCommand": "pnpm dev", "startNpmCommand": "npm run dev", "envVariables": { "apiKey": "API_KEY", "appId": "PUBLIC_APP_ID", "appEnv": "PUBLIC_ENVIRONMENT", "otherVariables": [ { "cliRequired": false, "name": "PUBLIC_RECAPTCHA_KEY", "value": "" } ] }, "advancedOptions": [ { "question": "Do you want to include email bricks? (Enterprise Plan required)", "note": "Enabling Email bricks...", "actions": [ { "kind": "UNCOMMENT_MARKERS", "markers": [ "<>" ] }, { "kind": "ADD_DEPENDENCIES", "dependencies": { "@react-email/components": "^0.0.42", "@reactbricks/email-ui-astro": "*" } } ] } ], "envFile": ".env", "importRbUI": false, "defaultImages": [ { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "93gRipzXWAhi_Ix", "croppedImageHashId": "2igQrXpNVVXS2mT", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/2igQrXpNVVXS2mT.svg", "mediaFolderName": "Logos", "name": "logo_weather_channel", "title": "Logo Weather Channel", "alt": "Logo Weather Channel", "copyright": "", "source": "Upload", "width": "300", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":300},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "v7qnylE-KEhFZt7", "croppedImageHashId": "RzbsxdMiWWXw9PD", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/RzbsxdMiWWXw9PD.webp", "mediaFolderName": "Stock", "name": "dashboard", "title": "Macbook pro displaying computer icons", "alt": "Macbook pro displaying computer icons", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":608},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "DtwjUCJ39kWeJ6K", "croppedImageHashId": "chsiXtbyYLV2QnJ", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/chsiXtbyYLV2QnJ.svg", "mediaFolderName": "Icons", "name": "best-ux-editors", "title": "Best UX for editors", "alt": "Best UX for editors", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "N-dutXemlPNtMIT", "croppedImageHashId": "byS_6LmbjCoHJEp", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/byS_6LmbjCoHJEp.webp", "mediaFolderName": "Landscapes", "name": "seaside", "title": "Boat on seashore", "alt": "Boat on seashore", "copyright": null, "source": null, "width": "720", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":720,\"height\":720},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "VJjIyg_Io6pKZsl", "croppedImageHashId": "-O3TpA5eJMJHY8g", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/-O3TpA5eJMJHY8g.svg", "mediaFolderName": "Icons", "name": "twitter-icon", "title": "Twitter icon", "alt": "Twitter icon", "copyright": null, "source": null, "width": "248", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":182,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "xFXGxKecJKsuyWG", "croppedImageHashId": "fE8V1z9ht5Jh30P", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/fE8V1z9ht5Jh30P.svg", "mediaFolderName": "Avatars", "name": "luisa-green", "title": "Luisa Green", "alt": "Luisa Green", "copyright": null, "source": null, "width": "102", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "wSXOLrIAmhWPOpc", "croppedImageHashId": "ipRseb4KW1saucz", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/ipRseb4KW1saucz.webp", "mediaFolderName": "Landscapes", "name": "sea", "title": "Aerial photography of large body of water and shoreline", "alt": "Aerial photography of large body of water and shoreline", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "lVCG9BoGKIFIxsb", "croppedImageHashId": "wtfPYDp6fbt6k65", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/wtfPYDp6fbt6k65.svg", "mediaFolderName": "Logos", "name": "logo_casavo", "title": "Logo Casavo", "alt": "Logo Casavo", "copyright": "", "source": "Upload", "width": "993", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":60},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "BqovOXx9LuSmSBT", "croppedImageHashId": "LXbCuWcMlfgGUZc", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/LXbCuWcMlfgGUZc.webp", "mediaFolderName": "Landscapes", "name": "beach", "title": "Beach", "alt": "Palm tree near seashore", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "EjPxXmrZZ_qiSPU", "croppedImageHashId": "3vqEKqWng1EIK3-", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/3vqEKqWng1EIK3-.svg", "mediaFolderName": "Logos", "name": "react-bricks", "title": "React Bricks", "alt": "React Bricks", "copyright": null, "source": null, "width": "800", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "y-W7rQcApLnr4wy", "croppedImageHashId": "FWyn5yBPh3z6qFN", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/FWyn5yBPh3z6qFN.svg", "mediaFolderName": "Logos", "name": "logo_capbase", "title": "Logo Capbase", "alt": "Logo Capbase", "copyright": null, "source": null, "width": "1000", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1000,\"height\":300},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "BAY5I-2XNodLaTc", "croppedImageHashId": "HLrekpig0SHeG3Q", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/HLrekpig0SHeG3Q.svg", "mediaFolderName": "Icons", "name": "comments", "title": "Comments", "alt": "Comments", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "ptXCUjOXpdtNErX", "croppedImageHashId": "YDOEeyDKxKDlx3q", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/YDOEeyDKxKDlx3q.svg", "mediaFolderName": "Icons", "name": "enterprise-ready", "title": "Enterprise-ready", "alt": "Enterprise-ready", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "xBUextC_j4erxcx", "croppedImageHashId": "YI-c1lPxdNG09eX", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/YI-c1lPxdNG09eX.svg", "mediaFolderName": "Logos", "name": "logo_neoskop", "title": "Logo Neoskop", "alt": "Logo Neoskop", "copyright": null, "source": null, "width": "145", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":83},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "CIoAefChdT2kBl3", "croppedImageHashId": "RDSLkm_WVhxx7UO", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/RDSLkm_WVhxx7UO.svg", "mediaFolderName": "Logos", "name": "logo_everfund", "title": "Logo Everfund", "alt": "Logo Everfund", "copyright": null, "source": null, "width": "2698", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":65},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "Mmx9IqDAjuPqzEe", "croppedImageHashId": "VgzkSplWPmQ7wS0", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/VgzkSplWPmQ7wS0.svg", "mediaFolderName": "Logos", "name": "logo_woosmap", "title": "Logo Woosmap", "alt": "Logo Woosmap", "copyright": null, "source": null, "width": "997", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":60},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "G2qm8_U4ZoKkj7R", "croppedImageHashId": "MJamGw9Yc6W2MM_", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/MJamGw9Yc6W2MM_.svg", "mediaFolderName": "Logos", "name": "logo_deel", "title": "Logo Deel", "alt": "Logo Deel", "copyright": "", "source": "Upload", "width": "183", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":105},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "XPwRzNWn-VSHOZd", "croppedImageHashId": "cXs2_qmIztWlbjX", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/cXs2_qmIztWlbjX.svg", "mediaFolderName": "Logos", "name": "react", "title": "React", "alt": "React", "copyright": null, "source": null, "width": "23", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":169,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "6UrStGPV2CM5sOO", "croppedImageHashId": "xw-N240eaJWCKL2", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/xw-N240eaJWCKL2.svg", "mediaFolderName": "Icons", "name": "react-components", "title": "React components", "alt": "React components", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "BK1p-9c9e93qY8v", "croppedImageHashId": "hlef3DSmujv8FMZ", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/hlef3DSmujv8FMZ.webp", "mediaFolderName": "Landscapes", "name": "sea", "title": "Empty seashore", "alt": "Empty seashore", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "YUkWE6_LHXaNxBG", "croppedImageHashId": "KWCregj6Jm_817i", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/KWCregj6Jm_817i.svg", "mediaFolderName": "Icons", "name": "give-a-talk", "title": "Globr", "alt": "Globe", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "oBOPcw-Lj3nfCgJ", "croppedImageHashId": "MBz1YfmSrVYIE9k", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/MBz1YfmSrVYIE9k.svg", "mediaFolderName": "Logos", "name": "logo_banca_mediolanum", "title": "Logo Banca Mediolanum", "alt": "Logo Banca Mediolanum", "copyright": "", "source": "Upload", "width": "268", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":268,\"height\":63},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "yBvKVCrcRUno0R8", "croppedImageHashId": "SdGu6n6vDH6s9t_", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/SdGu6n6vDH6s9t_.webp", "mediaFolderName": "Avatars", "name": "maik-jablonski", "title": "Maik Jablonski", "alt": "Maik Jablonski", "copyright": null, "source": null, "width": "450", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":450,\"height\":450},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "uvJMBMnTlGdw-GH", "croppedImageHashId": "2RuCMiGNwZIO9kA", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/2RuCMiGNwZIO9kA.webp", "mediaFolderName": "Landscapes", "name": "sea", "title": "Crystal clear water near coconut trees under the sun", "alt": "Crystal clear water near coconut trees under the sun", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "HzjO61OMBGEzZ1a", "croppedImageHashId": "4QNWMVskHbfvm58", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/4QNWMVskHbfvm58.svg", "mediaFolderName": "Icons", "name": "best-ux-editors", "title": "Best UX for editors", "alt": "Arrow with bulls eye", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "uVILfCQ9dAfhF2I", "croppedImageHashId": "AXzsjw5t5L4mk_z", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/AXzsjw5t5L4mk_z.svg", "mediaFolderName": "Avatars", "name": "catherine", "title": "Catherine", "alt": "Catherine", "copyright": null, "source": null, "width": "102", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "CBxQsqPGmciMMzo", "croppedImageHashId": "bFLCrKI_7piXkGh", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/bFLCrKI_7piXkGh.svg", "mediaFolderName": "Icons", "name": "discord-icon", "title": "Discord icon", "alt": "Discord icon", "copyright": null, "source": null, "width": "800", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "OWA4xgOyDz0NrUW", "croppedImageHashId": "UW2RGBH3DKyX3s6", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/UW2RGBH3DKyX3s6.svg", "mediaFolderName": "Logos", "name": "nextjs", "title": "Next.js", "alt": "Next.js", "copyright": null, "source": null, "width": "800", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "UeGTZawh12mz8rh", "croppedImageHashId": "FL-9fIA4IEFSCoN", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/FL-9fIA4IEFSCoN.svg", "mediaFolderName": "Avatars", "name": "matteo-frana", "title": "Matteo Frana", "alt": "Matteo Frana", "copyright": null, "source": null, "width": "102", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "WMk5dhvluHk6rW1", "croppedImageHashId": "Vnew8YOLupgch7I", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/Vnew8YOLupgch7I.svg", "mediaFolderName": "Icons", "name": "youtube-icon", "title": "Youtube icon", "alt": "Youtube icon", "copyright": null, "source": null, "width": "159", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":159,\"height\":110},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "pS1H_GfPCVRis4_", "croppedImageHashId": "vjDW6iYYg0_SxP3", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/vjDW6iYYg0_SxP3.svg", "mediaFolderName": "Logos", "name": "tailwind", "title": "Tailwind CSS", "alt": "Tailwind CSS", "copyright": null, "source": null, "width": "1000", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1000,\"height\":1000},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "XQr3-OxqHfS_FF6", "croppedImageHashId": "ff-CsHruYe5dIWU", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/ff-CsHruYe5dIWU.svg", "mediaFolderName": "Icons", "name": "design-system", "title": "Design system", "alt": "Design system", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "Qq9vuF1tOB2ZaQP", "croppedImageHashId": "QATmzaziFdSQo-r", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/QATmzaziFdSQo-r.webp", "mediaFolderName": "Stock", "name": "visual-editing-cms", "title": "View is better than preview", "alt": "View is better than preview", "copyright": null, "source": null, "width": "1500", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1500,\"height\":1000},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "kOu5mVImpzEQySH", "croppedImageHashId": "_pDoJGgPgfsf1un", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/_pDoJGgPgfsf1un.webp", "mediaFolderName": "Avatars", "name": "laurie-voss", "title": "Laurie Voss", "alt": "Laurie Voss", "copyright": null, "source": null, "width": "96", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":96,\"height\":96},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "Cfgu2PKqAfZPENX", "croppedImageHashId": "FuuSjL4bhR9J5lw", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/FuuSjL4bhR9J5lw.svg", "mediaFolderName": "Avatars", "name": "alvin", "title": "Alvin", "alt": "Alvin", "copyright": null, "source": "", "width": "102", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "LQA15E4KFCuOGPW", "croppedImageHashId": "jhkbCmYZ0kOzgKE", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/jhkbCmYZ0kOzgKE.webp", "mediaFolderName": "Stock", "name": "dashboard", "title": null, "alt": "person writing on white paper", "copyright": null, "source": null, "width": "1080", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":716},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "8IVBHGtmEigAhwA", "croppedImageHashId": "ZQRlmLdG1NUke8E", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/ZQRlmLdG1NUke8E.svg", "mediaFolderName": "Icons", "name": "react-components", "title": "React components", "alt": "React components", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "F_W6AsJISqVmsOF", "croppedImageHashId": "Xu81Gei6Nf0W67d", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/Xu81Gei6Nf0W67d.svg", "mediaFolderName": "Icons", "name": "enterprise-ready", "title": null, "alt": "Enterprise-ready", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "yDIr4N7fc40024t", "croppedImageHashId": "MKIOj-c_D6Dkxyw", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/MKIOj-c_D6Dkxyw.svg", "mediaFolderName": "Logos", "name": "logo-react-bricks", "title": "Logo React Bricks", "alt": "Logo React Bricks", "copyright": null, "source": null, "width": "980", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "iBxWeVUzpoENmOf", "croppedImageHashId": "beJF8OfLvIt5PXX", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/beJF8OfLvIt5PXX.webp", "mediaFolderName": "Avatars", "name": "stefan-nagey", "title": "Stefan Nagey", "alt": "Stefan Nagey", "copyright": null, "source": null, "width": "100", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":100,\"height\":100},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "MnlEsnpBiFf_GTr", "croppedImageHashId": "nPi9K3_25EJo1AA", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/nPi9K3_25EJo1AA.svg", "mediaFolderName": "Logos", "name": "gatsby", "title": "Gatsby", "alt": "Gatsby", "copyright": null, "source": null, "width": "28", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "E6LCQY-ayXgLRpc", "masterImageHashId": "oh_jhbQRoPIWF2z", "croppedImageHashId": "Xrm1aPBLxaHpQwI", "url": "https:\/\/assets.reactbricks.com\/E6LCQY-ayXgLRpc\/images\/original\/Xrm1aPBLxaHpQwI.svg", "mediaFolderName": "Icons", "name": "content-creators-ux-cms", "title": "Pictures", "alt": "Great for content creators and developers", "copyright": null, "source": null, "width": "48", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" } ], "defaultContent": [ { "type": "page", "name": "About us", "slug": "about-us", "meta": "{\"title\":\"About us\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"9a3b4858-234c-47be-9db3-71bfbd7902ae\",\"type\":\"hero-unit\",\"props\":{\"bg\":{\"color\":\"#fff\",\"className\":\"bg-white dark:bg-gray-900\"},\"size\":\"large\",\"textGradient\":\"CARIBBEAN_BLUE\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"About us\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We could not find any CMS on the market that would make us and our customers happy. So we created it!\"}]}],\"badge\":[{\"id\":\"57ac4157-c311-4b3c-be24-b46b6a47f6b2\",\"type\":\"badge\",\"props\":{\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"REACT BRICKS\"}]}],\"textAlign\":\"center\",\"badgeColor\":{\"color\":\"#ec4899\",\"className\":\"text-pink-500 dark:text-pink-400\"}}}],\"buttons\":[],\"highlightTextColor\":{\"color\":\"#6b7280\",\"className\":\"text-gray-500 dark:text-white\"},\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"}}},{\"id\":\"66c4d83c-88e9-493c-aef7-6a9a249cffc0\",\"type\":\"team\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"withTitle\":true,\"bigCenteredTitle\":false,\"title\":\"Meet our team\",\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We are a group of passionate people with the mission to make content editing fun. For everybody.\"}]}],\"members\":[{\"id\":\"78598902-3daa-4bd3-8f7e-51a81e815de5\",\"type\":\"team-item\",\"props\":{\"memberName\":\"Alvin Payne\",\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Frontend Developer\"}]}],\"twitter\":\"reactbricks\",\"github\":\"\",\"linkedin\":\"rb_alvin_payne\",\"picture\":{\"hashId\":\"Cfgu2PKqAfZPENX\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Alvin\",\"seoName\":\"alvin\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"187d50ac-abda-4b54-89f9-b272b49af8b9\",\"type\":\"team-item\",\"props\":{\"memberName\":\"Catherine Smith\",\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Backend Developer\"}]}],\"twitter\":\"reactbricks\",\"github\":\"rb_catherine_smith\",\"linkedin\":\"rb_catherine_smith\",\"picture\":{\"hashId\":\"uVILfCQ9dAfhF2I\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/AXzsjw5t5L4mk_z.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/AXzsjw5t5L4mk_z.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Catherine\",\"seoName\":\"catherine\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"d4be049b-feef-4c2b-ad7e-7190feadb257\",\"type\":\"team-item\",\"props\":{\"memberName\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"John Benton\"}]}],\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Founder and CEO\"}]}],\"twitter\":\"reactbricks\",\"github\":\"\",\"linkedin\":\"rb_john_benton\",\"picture\":{\"hashId\":\"UeGTZawh12mz8rh\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FL-9fIA4IEFSCoN.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FL-9fIA4IEFSCoN.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Matteo Frana\",\"seoName\":\"matteo-frana\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"9eefc8b8-0033-4872-bf2b-9988db63d0bf\",\"type\":\"team-item\",\"props\":{\"memberName\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Luisa Green\"}]}],\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Sales Executive\"}]}],\"twitter\":\"\",\"github\":\"\",\"linkedin\":\"rb_john_benton\",\"picture\":{\"hashId\":\"xFXGxKecJKsuyWG\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/fE8V1z9ht5Jh30P.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/fE8V1z9ht5Jh30P.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Luisa Green\",\"seoName\":\"luisa-green\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"5a03827d-d447-46eb-995e-262297117483\",\"type\":\"cards\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"full\",\"borderBottom\":\"full\",\"withTitle\":true,\"bigCenteredTitle\":false,\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Join our community\"}]}],\"subtitle\":\"Join our community of over 6,500 React developers: let's change the way people edit websites!\",\"cards\":[{\"id\":\"61b1a0b0-a802-445c-a6fb-1b34606e076f\",\"type\":\"card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"withLink\":true,\"icon\":{\"hashId\":\"WMk5dhvluHk6rW1\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Vnew8YOLupgch7I.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Vnew8YOLupgch7I.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":110,\"width\":159,\"alt\":\"Youtube icon\",\"seoName\":\"youtube-icon\",\"crop\":{\"x\":0,\"y\":0,\"width\":159,\"height\":110},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"YouTube channel\",\"description\":\"Watch insider previews, feature demos, and interviews.\",\"linkText\":\"Watch now\",\"linkPath\":\"https://www.youtube.com/@reactbricks\"}},{\"id\":\"6dd34662-c47b-4d08-b7c5-4e9a9e0ac9dd\",\"type\":\"card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"withLink\":true,\"icon\":{\"hashId\":\"VJjIyg_Io6pKZsl\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/-O3TpA5eJMJHY8g.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/-O3TpA5eJMJHY8g.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":204,\"width\":248,\"alt\":\"Twitter icon\",\"seoName\":\"twitter-icon\",\"crop\":{\"x\":0,\"y\":0,\"width\":182,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"Twitter\",\"description\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Get the latest event updates about React Bricks.\"}]}],\"linkText\":\"Follow us now\",\"linkPath\":\"https://twitter.com/ReactBricks\"}},{\"id\":\"16e81337-9079-48e2-bbef-c6788dc79afc\",\"type\":\"card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"withLink\":true,\"icon\":{\"hashId\":\"CBxQsqPGmciMMzo\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/bFLCrKI_7piXkGh.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/bFLCrKI_7piXkGh.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":800,\"width\":800,\"alt\":\"Discord icon\",\"seoName\":\"discord-icon\",\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Discord server\"}]}],\"description\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Join our community on Discord to share ideas and ask for help.\"}]}],\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Join now\"}]}],\"linkPath\":\"https://discord.com/invite/8mBXKQUmyV\"}},{\"id\":\"ab9066fa-d9c5-4bc0-86ea-1240a966da5c\",\"type\":\"card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"withLink\":true,\"icon\":{\"hashId\":\"YUkWE6_LHXaNxBG\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/KWCregj6Jm_817i.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/KWCregj6Jm_817i.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Globe\",\"seoName\":\"give-a-talk\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Give a talk\"}]}],\"description\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"If you'd like to give a talk about React Bricks, we are happy to support you.\"}]}],\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Download example slides\"}]}]}}],\"width\":\"small\"}},{\"id\":\"4d98b56d-a6e4-4d4a-b70d-61936804e8da\",\"type\":\"title\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"medium\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Our locations\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Seaside views are the best for software development.\"}]}],\"bigCentered\":true,\"extraboldTitle\":false}},{\"id\":\"1b02feca-05ad-41b1-8a10-c9e1e1c374d0\",\"type\":\"image-carousel\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"slidesToShow\":\"3\",\"slidesToScroll\":1,\"adaptAspectRatio\":true,\"autoplay\":true,\"speed\":3,\"gap\":\"15px\",\"images\":[{\"id\":\"c98fbe46-8dd8-431f-9d84-ec52cd2454ab\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"N-dutXemlPNtMIT\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/byS_6LmbjCoHJEp.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-720.webp 720w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/byS_6LmbjCoHJEp.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/byS_6LmbjCoHJEp.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-720.jpg 720w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/byS_6LmbjCoHJEp-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":720,\"width\":720,\"alt\":\"boat on seashore\",\"seoName\":\"seaside\",\"crop\":{\"x\":0,\"y\":0,\"width\":720,\"height\":720},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"e43af0a7-c16b-4b12-8aed-98541aef800d\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"BK1p-9c9e93qY8v\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/hlef3DSmujv8FMZ.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/hlef3DSmujv8FMZ.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/hlef3DSmujv8FMZ.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/hlef3DSmujv8FMZ-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1080,\"width\":1080,\"alt\":\"empty seashore\",\"seoName\":\"sea\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"70f1b8d0-b759-489b-ac5b-1896158fcc52\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"wSXOLrIAmhWPOpc\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ipRseb4KW1saucz.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/ipRseb4KW1saucz.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ipRseb4KW1saucz.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/ipRseb4KW1saucz-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1080,\"width\":1080,\"alt\":\"aerial photography of large body of water and shoreline\",\"seoName\":\"sea\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"9ad07994-79ee-4437-b2d0-829377deee9e\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"uvJMBMnTlGdw-GH\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/2RuCMiGNwZIO9kA.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/2RuCMiGNwZIO9kA.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/2RuCMiGNwZIO9kA.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/2RuCMiGNwZIO9kA-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1080,\"width\":1080,\"alt\":\"crystal clear water near coconut trees under the sun\",\"seoName\":\"sea\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"37e0b95c-3e10-4889-b80e-e8c2f58dcdb7\",\"type\":\"image-carousel-item\",\"props\":{\"image\":{\"hashId\":\"BqovOXx9LuSmSBT\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/LXbCuWcMlfgGUZc.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/LXbCuWcMlfgGUZc.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/LXbCuWcMlfgGUZc.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/LXbCuWcMlfgGUZc-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1080,\"width\":1080,\"alt\":\"palm tree near seashore\",\"seoName\":\"\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":1080},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}],\"width\":\"medium\"}},{\"id\":\"f08c7303-f558-42df-8ac2-780f09d95a37\",\"type\":\"small-logo-grid\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"10\",\"paddingBottom\":\"10\",\"borderTop\":\"full\",\"borderBottom\":\"full\",\"width\":\"small\",\"targetBlank\":true,\"badge\":[{\"id\":\"06f5dabf-b25d-4212-bb2e-490cfc2501ad\",\"type\":\"badge\",\"props\":{\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Technologies\"}]}],\"textAlign\":\"center\",\"badgeColor\":{\"color\":\"#6b7280\",\"className\":\"text-gray-500 dark:text-white\"}}}],\"logos\":[{\"id\":\"7616be98-6e98-4a75-8c96-6ae2b360db39\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"XPwRzNWn-VSHOZd\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/cXs2_qmIztWlbjX.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/cXs2_qmIztWlbjX.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":20,\"width\":23,\"alt\":\"React\",\"seoName\":\"react\",\"crop\":{\"x\":0,\"y\":0,\"width\":169,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://react.dev/\"}},{\"id\":\"ca1edcc2-79cd-4b9f-a58c-ead0e671cfac\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"OWA4xgOyDz0NrUW\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/UW2RGBH3DKyX3s6.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/UW2RGBH3DKyX3s6.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":800,\"width\":800,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://nextjs.org/\"}},{\"id\":\"6fd65cf0-db5a-4fcb-afb7-0ce6a79304bf\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"MnlEsnpBiFf_GTr\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/nPi9K3_25EJo1AA.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/nPi9K3_25EJo1AA.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":28,\"width\":28,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://www.gatsbyjs.com/\"}},{\"id\":\"4cb63293-1567-412f-888f-1425fe189a56\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"EjPxXmrZZ_qiSPU\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/3vqEKqWng1EIK3-.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/3vqEKqWng1EIK3-.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":800,\"width\":800,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":800,\"height\":800},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://remix.run/\"}},{\"id\":\"a1d72715-67f0-461f-b749-5718f3cac605\",\"type\":\"small-logo-grid-item\",\"props\":{\"image\":{\"hashId\":\"pS1H_GfPCVRis4_\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/vjDW6iYYg0_SxP3.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/vjDW6iYYg0_SxP3.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1000,\"width\":1000,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":1000,\"height\":1000},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"link\":\"https://tailwindcss.com/\"}}]}},{\"id\":\"85821ab4-3885-4965-a2e2-14383d352169\",\"type\":\"newsletter-hero\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"none\",\"borderBottom\":\"boxed\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Stay in the loop with our newsletter!\"}]}],\"textGradient\":\"MORNING_LIGHT\",\"description\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Sent every \"},{\"text\":\"2 weeks\",\"bold\":true},{\"text\":\", no spam.\"}]}],\"text\":\"Join thousands of developers who want to change the way people edit website.\",\"privacy\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"By submitting the form you accept our \"},{\"type\":\"link\",\"url\":\"https://reactbricks.com/legal/privacy\",\"children\":[{\"text\":\"Privacy policy\"}]}]}],\"buttonText\":\"Subscribe\"}},{\"id\":\"a2bbb6e5-0777-40d4-b3e1-ee6a91a13670\",\"type\":\"team-2-cols\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"withTitle\":true,\"bigCenteredTitle\":false,\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Contributors\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We are a group of passionate people with the mission to make content editing fun. For everybody.\"}]}],\"members\":[{\"id\":\"6f3b5c97-d8d7-4821-afdb-e62c03c5e49b\",\"type\":\"team-item2-cols-item\",\"props\":{\"title\":\"Thick as a brick\",\"name\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"John Smith\"}]}],\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Frontend Developer\"}]}],\"twitter\":\"reactbricks\",\"linkedin\":\"rb_john_smith\",\"picture\":{\"hashId\":\"Cfgu2PKqAfZPENX\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Alvin\",\"seoName\":\"alvin\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"3a79ffd7-04cb-4ea6-9ba5-c97c98bf4a72\",\"type\":\"team-item2-cols-item\",\"props\":{\"title\":\"Thick as a brick\",\"name\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Anna Taylor\"}]}],\"jobTitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Backend Developer\"}]}],\"twitter\":\"reactbricks\",\"linkedin\":\"rb_anna_taylor\",\"picture\":{\"hashId\":\"xFXGxKecJKsuyWG\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/fE8V1z9ht5Jh30P.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/fE8V1z9ht5Jh30P.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Luisa Green\",\"seoName\":\"luisa-green\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"github\":\"rb_anna_taylor\"}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2022-03-03T17:28:09.000Z", "tags": [] }, { "type": "page", "name": "Contacts", "slug": "contacts", "meta": "{\"title\":\"Contacts\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"3c002a64-85c3-4098-9ea8-982823d79e16\",\"type\":\"hero-unit\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"size\":\"large\",\"textGradient\":\"NONE\",\"highlightTextColor\":{\"color\":\"#ec4899\",\"className\":\"text-pink-500 dark:text-pink-400\"},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Contacts\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Let's shape together the best possible content editing experience for your team.\"}]}],\"badge\":[],\"buttons\":[]}},{\"id\":\"3ed66da0-4280-4722-adf8-dbd9f77652ae\",\"type\":\"ContactsForm\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"full\",\"borderBottom\":\"full\",\"address\":\"4556 Brendan Ferry\\nLos Angeles, CA 90210\",\"phoneNumber\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"+1 (555) 423-5786\"}]}],\"email\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"hello@example.com\"}]}],\"title\":\"Contact us\",\"subtitle\":\"Do you have a project in mind? We are happy to talk with you to understand your needs, prepare a quote for you and make it happen!\",\"form\":[{\"id\":\"14a6304a-6e2e-42a5-b30a-ba5696ddd773\",\"type\":\"form-builder\",\"props\":{\"buttonPosition\":\"justify-center\",\"formElements\":[{\"id\":\"fbd2d803-fcb3-4505-8b2f-d611d6453cd5\",\"type\":\"form-input\",\"props\":{\"fieldName\":\"firstname\",\"isRequired\":false,\"inputType\":\"text\",\"columns\":\"1\",\"label\":\"First Name\",\"requiredError\":\"\",\"pattern\":\"\",\"patternError\":\"\"}},{\"id\":\"6e45341a-dc89-40bf-877b-cc80f1616964\",\"type\":\"form-input\",\"props\":{\"fieldName\":\"lastname\",\"isRequired\":false,\"inputType\":\"text\",\"columns\":\"1\",\"label\":\"Last Name\",\"requiredError\":\"\",\"pattern\":\"\",\"patternError\":\"\"}},{\"id\":\"12fc2c92-3007-4ac8-843f-e20229d92eab\",\"type\":\"form-input\",\"props\":{\"fieldName\":\"email\",\"isRequired\":true,\"inputType\":\"email\",\"columns\":\"2\",\"label\":\"Email\",\"requiredError\":\"Email is required\",\"pattern\":\"\",\"patternError\":\"\"}},{\"id\":\"713769fe-b137-4c7d-ac67-f9b9886f326f\",\"type\":\"form-text-area\",\"props\":{\"columns\":\"2\",\"fieldName\":\"message\",\"label\":\"Message\",\"isRequired\":false,\"requiredError\":\"\",\"pattern\":\"\",\"patternError\":\"\"}},{\"id\":\"6a90a597-9547-4960-a1c1-f37a27a11f84\",\"type\":\"form-checkbox\",\"props\":{\"label\":\"I accept the processing of my data\",\"columns\":\"2\",\"isRequired\":true,\"fieldName\":\"privacy\",\"requiredError\":\"Please, accept our privacy terms\",\"pattern\":\"\",\"patternError\":\"\"}}],\"formButtons\":[{\"id\":\"b6f8d103-e82c-4edb-bc41-478e77711441\",\"type\":\"button\",\"props\":{\"type\":\"button\",\"text\":\"Send\",\"href\":\"\",\"isTargetBlank\":false,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"simpleAnchorLink\":false}}]}}]}},{\"id\":\"88b704d6-6c8b-451a-a799-7e4d8b06438c\",\"type\":\"contact-offices\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"20\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"withTitle\":true,\"bigCenteredTitle\":false,\"title\":\"Our offices\",\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We have offices in the US and in Europe. Call on us for a coffee β˜•οΈ\"}]}],\"offices\":[{\"id\":\"a93d1ce7-7081-4aaf-ad8f-cc691b3a70dd\",\"type\":\"contact-office\",\"props\":{\"contactTitle\":\"San Francisco\",\"contactAddress\":\"3319 Harrison Street\\nSan Francisco, CA\",\"city\":\"San Francisco\",\"address\":\"3319 Harrison Street\\nSan Francisco, CA\"}},{\"id\":\"59f3fe52-982c-4bfd-88a6-6eeedd8c531c\",\"type\":\"contact-office\",\"props\":{\"contactTitle\":\"San Francisco\",\"contactAddress\":\"3319 Harrison Street\\nSan Francisco, CA\",\"city\":\"New York\",\"address\":\"2153 Shinn Street\\nNew York, NY\"}},{\"id\":\"11f347ba-5d0f-49a0-bff7-a086bb8f6a19\",\"type\":\"contact-office\",\"props\":{\"contactTitle\":\"San Francisco\",\"contactAddress\":\"3319 Harrison Street\\nSan Francisco, CA\",\"city\":\"Milan\",\"address\":\"Via Manzoni, 25\\nMilan\"}},{\"id\":\"7bb1f6d6-9c6e-4b34-9349-1b3e414b5458\",\"type\":\"contact-office\",\"props\":{\"contactTitle\":\"San Francisco\",\"contactAddress\":\"3319 Harrison Street\\nSan Francisco, CA\",\"city\":\"London\",\"address\":\"1272 Old House Drive\\nLondon\"}}]}},{\"id\":\"5b6907bc-368e-425f-8429-03e4b86288fe\",\"type\":\"title\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Coming near Bergamo?\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Let's have a coffee together!\"}]}],\"bigCentered\":false,\"extraboldTitle\":false}},{\"id\":\"d0933bb7-b66d-4c86-b79a-543987c42c25\",\"type\":\"testimonial-3-cols\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"testimonials\":[{\"id\":\"e5386d03-4b5d-40b5-a602-1ff85663b8eb\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"React Bricks allowed us to quickly create a beautiful website that drives business goals and is easy to maintain.\",\"authorName\":\"Stefan Nagey\",\"authorJobTitle\":\"Senior Dir. Engineering @ Deel\",\"avatarImage\":{\"hashId\":\"iBxWeVUzpoENmOf\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/beJF8OfLvIt5PXX.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/beJF8OfLvIt5PXX-100.webp 100w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/beJF8OfLvIt5PXX.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/beJF8OfLvIt5PXX.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/beJF8OfLvIt5PXX-100.jpg 100w\",\"fallbackType\":\"image/jpeg\",\"height\":100,\"width\":100,\"alt\":\"Stefan Nagey\",\"seoName\":\"stefan-nagey\",\"crop\":{\"x\":0,\"y\":0,\"width\":100,\"height\":100},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"2206b420-272d-477d-bfa3-ff66b70d3483\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"I've wanted to see something like this for a long time. This is how web development was always supposed to be.\",\"authorName\":\"Laurie Voss\",\"authorJobTitle\":\"Data Analyst @ Netlify\",\"avatarImage\":{\"hashId\":\"kOu5mVImpzEQySH\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/_pDoJGgPgfsf1un.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/_pDoJGgPgfsf1un-96.webp 96w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/_pDoJGgPgfsf1un.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/_pDoJGgPgfsf1un.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/_pDoJGgPgfsf1un-96.jpg 96w\",\"fallbackType\":\"image/jpeg\",\"height\":96,\"width\":96,\"alt\":\"Laurie Voss\",\"seoName\":\"laurie-voss\",\"crop\":{\"x\":0,\"y\":0,\"width\":96,\"height\":96},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"9a5874f2-ba75-4d22-abaa-64168cdf546c\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"The developer experience is great and our editors are happy as well! React Bricks fits perfectly to our needs.\",\"authorName\":\"Maik Jablonski\",\"authorJobTitle\":\"Managing Director @ Neoskop\",\"avatarImage\":{\"hashId\":\"yBvKVCrcRUno0R8\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/SdGu6n6vDH6s9t_.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-450.webp 450w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/SdGu6n6vDH6s9t_.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/SdGu6n6vDH6s9t_.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-450.jpg 450w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":450,\"width\":450,\"alt\":\"Maik Jablonski\",\"seoName\":\"maik-jablonski\",\"crop\":{\"x\":0,\"y\":0,\"width\":450,\"height\":450},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-12T16:48:20.000Z", "tags": [] }, { "type": "page", "name": "Home", "slug": "/", "meta": "{\"title\":\"Home\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"fac8c8b6-dcd1-4434-b230-6451b9ed8953\",\"type\":\"hero-unit-2\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"20\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"textGradient\":\"NONE\",\"highlightTextColor\":{\"color\":\"#84cc16\",\"className\":\"text-lime-500 dark:text-lime-400\"},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Great \"},{\"text\":\"DX\",\"highlight\":true},{\"text\":\" for Developers, great \"},{\"text\":\"UX\",\"highlight\":true},{\"text\":\" for Content editors.\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Forget grey fields, welcome visual editing. \"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"No back-and-forth between the CMS and your editor: it's just React! πŸŽ‰\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Leverage React components and define what’s editable, ensuring the integrity of your design system.\"}]}],\"buttons\":[{\"id\":\"0cfa5a9d-c0bc-4934-b096-55492780ab81\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":\"Tutorial\",\"href\":\"https://reactbricks.com/learn\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\",\"classNameGhost\":\"text-sky-600 dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"simpleAnchorLink\":false}},{\"id\":\"a9c646f3-93f8-4293-aa14-c10ab98a81a7\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":\"View the Docs\",\"href\":\"https://docs.reactbricks.com/\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\",\"classNameGhost\":\"text-sky-600 dark:text-white\"},\"variant\":\"outline\",\"padding\":\"normal\",\"simpleAnchorLink\":false}}]}},{\"id\":\"e337bc1c-8f4a-4051-bbbc-6fc9dc0957ed\",\"type\":\"customers\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"grayscale\":true,\"customers\":[{\"id\":\"b8fd1fc4-54e4-4b54-ab99-0b3ef5854743\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"Mmx9IqDAjuPqzEe\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/VgzkSplWPmQ7wS0.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/VgzkSplWPmQ7wS0.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":198,\"width\":997,\"alt\":\"Woosmap\",\"seoName\":\"woosmap\",\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":60},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"af81bf41-a49c-4b99-ab2f-c191c974a86b\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"oBOPcw-Lj3nfCgJ\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MBz1YfmSrVYIE9k.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MBz1YfmSrVYIE9k.svg\",\"height\":62.870651,\"width\":268.47372,\"alt\":\"Logo Banca Mediolanum\",\"seoName\":\"logo_banca_mediolanum\",\"crop\":{\"x\":0,\"y\":0,\"width\":268,\"height\":63},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"caac16c0-8928-47e2-8ae7-65b04f5f0ef2\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"93gRipzXWAhi_Ix\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/2igQrXpNVVXS2mT.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/2igQrXpNVVXS2mT.svg\",\"height\":300.01999,\"width\":300,\"alt\":\"Logo Weather Channel\",\"seoName\":\"logo_weather_channel\",\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":300},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"7a5186e2-60ca-4984-b2c0-1ee80f6f68c2\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"G2qm8_U4ZoKkj7R\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MJamGw9Yc6W2MM_.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MJamGw9Yc6W2MM_.svg\",\"height\":64.035,\"width\":182.91,\"alt\":\"Logo Deel\",\"seoName\":\"logo_deel\",\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":105},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"ea9e98d0-5c0a-4327-9e45-89882d7e0acd\",\"type\":\"customer\",\"props\":{\"image\":{\"hashId\":\"lVCG9BoGKIFIxsb\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/wtfPYDp6fbt6k65.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/wtfPYDp6fbt6k65.svg\",\"height\":198.72,\"width\":992.54,\"alt\":\"Logo Casavo\",\"seoName\":\"logo_casavo\",\"crop\":{\"x\":0,\"y\":0,\"width\":300,\"height\":60},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"4a52ecc9-b270-4042-b152-4afd927aa4e2\",\"type\":\"text-image\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Let's make content editing fun, again!\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Tired of monotonous \"},{\"text\":\"gray forms\",\"bold\":true},{\"text\":\" in traditional headless CMS? Frustrated by platforms like WordPress, Wix, or WebFlow that compromise design integrity?\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"React Bricks is the solution: \"},{\"bold\":true,\"text\":\"we blended a visual editing interface with robust, code-enforced constraints.\"}]}],\"imageSource\":{\"hashId\":\"LQA15E4KFCuOGPW\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/jhkbCmYZ0kOzgKE.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-800.webp 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/jhkbCmYZ0kOzgKE.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/jhkbCmYZ0kOzgKE.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-800.jpg 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":716,\"width\":1080,\"alt\":\"person writing on white paper\",\"seoName\":\"dashboard\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":716},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"mediaType\":\"image\",\"imageSide\":\"right\",\"bigImage\":false,\"mobileImageTop\":false,\"mobileIcon\":false,\"hasShadow\":false,\"isRounded\":false,\"extraBoldTitle\":true,\"bigText\":true,\"heroSizeTitle\":false,\"bulletListItems\":[],\"videoFile\":{\"name\":\"Visual editing.mp4\",\"size\":1403.649,\"url\":\"https://files.reactbricks.com/8fc05a80-c2e8-45d3-81b7-f42bb81629de/Visual editing.mp4\"}}},{\"id\":\"3f2d254f-f1b2-4729-9ce1-a5b7852be1a5\",\"type\":\"features\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"colsNumber\":\"3\",\"features\":[{\"id\":\"8eb4aaf5-8e4c-4542-92ad-b4c7adb8e46f\",\"type\":\"feature-item\",\"props\":{\"title\":\"The best experience for editors\",\"text\":\"Your marketing team hates gray forms. Give them the easiest UX.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"DtwjUCJ39kWeJ6K\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/chsiXtbyYLV2QnJ.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/chsiXtbyYLV2QnJ.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Best UX for editors\",\"seoName\":\"best-ux-editors\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"431ae157-225f-499a-ace3-6d60aef9707e\",\"type\":\"feature-item\",\"props\":{\"title\":\"React components for devs\",\"text\":\"Leverage React to create amazing visually editable content blocks.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"6UrStGPV2CM5sOO\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/xw-N240eaJWCKL2.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/xw-N240eaJWCKL2.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"5bbb9af9-b129-4c63-b75d-4432c80b8ceb\",\"type\":\"feature-item\",\"props\":{\"title\":\"Enterprise ready\",\"text\":\"Collaboration, localization, granular permissions, SSO, top support: we got you covered.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"F_W6AsJISqVmsOF\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xu81Gei6Nf0W67d.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xu81Gei6Nf0W67d.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"af6b2d4c-e31b-408b-b85c-1555cbed7d16\",\"type\":\"testimonial\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"20\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"quote\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"React Bricks allowed us to quickly create a beautiful website that drives business goals and is easy to maintain. No one from the marketing team would ever go back!\"}]}],\"authorName\":\"Matteo Frana\",\"authorJobTitle\":\"Founder @ React Bricks\",\"avatarImage\":{\"hashId\":\"Cfgu2PKqAfZPENX\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/FuuSjL4bhR9J5lw.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":102,\"width\":102,\"alt\":\"Alvin\",\"seoName\":\"alvin\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"logoImage\":{\"hashId\":\"yDIr4N7fc40024t\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MKIOj-c_D6Dkxyw.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/MKIOj-c_D6Dkxyw.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":980,\"width\":980,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"2b0b5d03-ec83-4e16-b535-64d13a2dabfe\",\"type\":\"pokemon\",\"props\":{\"pokemonName\":\"pikachu\"}},{\"id\":\"4028f61a-5f62-4051-85ee-222b866fe8d3\",\"type\":\"features\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"full\",\"borderBottom\":\"full\",\"colsNumber\":\"2\",\"features\":[{\"id\":\"1adb9b82-3d42-41b8-b4d7-e4badb401819\",\"type\":\"feature-item\",\"props\":{\"title\":\"The best experience for editors\",\"text\":\"Your marketing team hates gray forms. Give them the easiest UX.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"oh_jhbQRoPIWF2z\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xrm1aPBLxaHpQwI.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xrm1aPBLxaHpQwI.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"Great for content creators and developers\",\"seoName\":\"content-creators-ux-cms\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"caa7a356-8643-45b2-a966-77ed443eb572\",\"type\":\"feature-item\",\"props\":{\"title\":\"React components for devs\",\"text\":\"Leverage React to create amazing visually editable content blocks.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"6UrStGPV2CM5sOO\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/xw-N240eaJWCKL2.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/xw-N240eaJWCKL2.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"366e5ca5-344c-4b18-9c8b-2b572acffe03\",\"type\":\"feature-item\",\"props\":{\"title\":\"Your design system\",\"text\":\"Deploy your pixel-perfect design system and be sure nobody can break it..\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"XQr3-OxqHfS_FF6\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ff-CsHruYe5dIWU.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ff-CsHruYe5dIWU.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Design system\",\"seoName\":\"design-system\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"76c901e7-9924-4ad9-adef-2a525844c11e\",\"type\":\"feature-item\",\"props\":{\"title\":\"Enterprise ready\",\"text\":\"Collaboration, localization, granular permissions, SSO, top support: we got you covered.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"F_W6AsJISqVmsOF\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xu81Gei6Nf0W67d.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xu81Gei6Nf0W67d.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":1,\"width\":1,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"70d078b2-f58b-4de5-8a84-e586eb7532a2\",\"type\":\"text-image\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"title\":\"Add magic to your components\",\"text\":\"With little changes you can turn your React design system into visually editable content blocks your marketing will love.\",\"imageSource\":{\"hashId\":\"v7qnylE-KEhFZt7\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/RzbsxdMiWWXw9PD.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-800.webp 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/RzbsxdMiWWXw9PD.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/RzbsxdMiWWXw9PD.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-800.jpg 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/RzbsxdMiWWXw9PD-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":608,\"width\":1080,\"alt\":\"macbook pro displaying computer icons\",\"seoName\":\"dashboard\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":608},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"mediaType\":\"image\",\"imageSide\":\"right\",\"bigImage\":true,\"mobileImageTop\":false,\"mobileIcon\":false,\"hasShadow\":true,\"isRounded\":true,\"extraBoldTitle\":false,\"bigText\":false,\"heroSizeTitle\":true,\"bulletListItems\":[],\"buttons\":[{\"id\":\"caf95dd3-0ecc-430c-bf15-36ab9b6dfc55\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Learn more\"}]}],\"href\":\"https://reactbricks.com/\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#ec4899\",\"classNameSolid\":\"bg-pink-500 text-white hover:bg-pink-600\",\"classNameOutline\":\"border border-pink-600 text-pink-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"isBigButton\":false,\"simpleAnchorLink\":false}},{\"id\":\"6aeeff01-b384-4f93-bee2-15b1290e8159\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Sign up\"}]}],\"href\":\"https://reactbricks.com/sign-up\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#ec4899\",\"classNameSolid\":\"bg-pink-500 text-white hover:bg-pink-600\",\"classNameOutline\":\"border border-pink-600 text-pink-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"isBigButton\":false,\"simpleAnchorLink\":false}}],\"badge\":[{\"id\":\"55646416-a1ab-4710-bb4d-65e113909443\",\"type\":\"badge\",\"props\":{\"text\":\"Design system\",\"textAlign\":\"center\",\"badgeColor\":{\"color\":\"#84cc16\",\"className\":\"text-lime-500 dark:text-lime-400\"}}}],\"logos\":[]}},{\"id\":\"0a8f2139-4d5b-428d-ad13-1a08213d74a7\",\"type\":\"big-feature\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"title\":\"Easy like Wix, but your own.\",\"text\":\"A great user experience for Content creators, React components for Developers.\",\"image\":{\"hashId\":\"oh_jhbQRoPIWF2z\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xrm1aPBLxaHpQwI.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/Xrm1aPBLxaHpQwI.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"Great for content creators and developers\",\"seoName\":\"content-creators-ux-cms\",\"crop\":{\"x\":0,\"y\":0,\"width\":150,\"height\":150},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"991092f8-4c15-414f-80ff-07b87113a0d2\",\"type\":\"testimonial-3-cols\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"20\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"testimonials\":[{\"id\":\"5812e0d5-a33c-4c43-81da-45096b198889\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"React Bricks allowed us to quickly create a beautiful website that drives business goals and is easy to maintain.\",\"authorName\":\"Stefan Nagey\",\"authorJobTitle\":\"Senior Dir. Engineering @ Deel\",\"avatarImage\":{\"hashId\":\"iBxWeVUzpoENmOf\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/beJF8OfLvIt5PXX.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/beJF8OfLvIt5PXX-100.webp 100w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/beJF8OfLvIt5PXX.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/beJF8OfLvIt5PXX.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/beJF8OfLvIt5PXX-100.jpg 100w\",\"fallbackType\":\"image/jpeg\",\"height\":100,\"width\":100,\"alt\":\"Stefan Nagey\",\"seoName\":\"stefan-nagey\",\"crop\":{\"x\":0,\"y\":0,\"width\":100,\"height\":100},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"5df35d71-52cd-4cb6-acf8-81c58e759a4b\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"I've wanted to see something like this for a long time. This is how web development was always supposed to be.\",\"authorName\":\"Laurie Voss\",\"authorJobTitle\":\"Data Analyst @ Netlify\",\"avatarImage\":{\"hashId\":\"kOu5mVImpzEQySH\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/_pDoJGgPgfsf1un.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/_pDoJGgPgfsf1un-96.webp 96w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/_pDoJGgPgfsf1un.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/_pDoJGgPgfsf1un.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/_pDoJGgPgfsf1un-96.jpg 96w\",\"fallbackType\":\"image/jpeg\",\"height\":96,\"width\":96,\"alt\":\"Laurie Voss\",\"seoName\":\"laurie-voss\",\"crop\":{\"x\":0,\"y\":0,\"width\":96,\"height\":96},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"846eaea6-9e35-4f23-a031-314ab3377145\",\"type\":\"testimonial-3-cols-item\",\"props\":{\"quote\":\"The developer experience is great and our editors are happy as well! React Bricks fits perfectly to our needs.\",\"authorName\":\"Maik Jablonski\",\"authorJobTitle\":\"Managing Director @ Neoskop\",\"avatarImage\":{\"hashId\":\"yBvKVCrcRUno0R8\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/SdGu6n6vDH6s9t_.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-450.webp 450w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/SdGu6n6vDH6s9t_.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/SdGu6n6vDH6s9t_.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-450.jpg 450w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/SdGu6n6vDH6s9t_-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":450,\"width\":450,\"alt\":\"Maik Jablonski\",\"seoName\":\"maik-jablonski\",\"crop\":{\"x\":0,\"y\":0,\"width\":450,\"height\":450},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}},{\"id\":\"23ed22e8-fb41-4786-9607-4c97be59d82c\",\"type\":\"text-image\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"The new paradigm in content editing\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Content editing should be easy and fun. For everyone.\"}]}],\"imageSource\":{\"hashId\":\"LQA15E4KFCuOGPW\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/jhkbCmYZ0kOzgKE.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-1080.webp 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-800.webp 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-400.webp 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-200.webp 200w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/jhkbCmYZ0kOzgKE.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/jhkbCmYZ0kOzgKE.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-1080.jpg 1080w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-800.jpg 800w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-400.jpg 400w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/jhkbCmYZ0kOzgKE-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"height\":716,\"width\":1080,\"alt\":\"person writing on white paper\",\"seoName\":\"dashboard\",\"crop\":{\"x\":0,\"y\":0,\"width\":1080,\"height\":716},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"mediaType\":\"image\",\"imageSide\":\"right\",\"bigImage\":false,\"mobileImageTop\":false,\"mobileIcon\":false,\"hasShadow\":false,\"isRounded\":false,\"extraBoldTitle\":true,\"bigText\":true,\"heroSizeTitle\":false,\"bulletListItems\":[{\"id\":\"2fcb8af0-3f7c-475a-834c-f01c9787e5ab\",\"type\":\"bullet-list-item\",\"props\":{\"bulletColor\":{\"color\":\"#ec4899\",\"className\":\"bg-pink-500 text-white\"},\"text\":\"Marketing\"}},{\"id\":\"653980be-285b-4d8a-b146-d8f9269f311b\",\"type\":\"bullet-list-item\",\"props\":{\"bulletColor\":{\"color\":\"#0ea5e9\",\"className\":\"bg-sky-500 text-white\"},\"text\":\"Developers\"}},{\"id\":\"aa995e4c-2733-42be-842c-2e4b978ceb91\",\"type\":\"bullet-list-item\",\"props\":{\"bulletColor\":{\"color\":\"#22c55e\",\"className\":\"bg-green-500 text-white\"},\"text\":\"Designers\"}},{\"id\":\"61fa2a90-d7c6-44d5-8150-d108c726ddeb\",\"type\":\"bullet-list-item\",\"props\":{\"bulletColor\":{\"color\":\"#f59e0b\",\"className\":\"bg-amber-500 text-white\"},\"text\":\"Enterprise\"}}]}},{\"id\":\"101eb7b0-4d77-4b86-a131-6dcdcf7993f8\",\"type\":\"link-cards\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"withTitle\":true,\"bigCenteredTitle\":true,\"title\":\"Why you will love React Bricks\",\"subtitle\":\"We created React Bricks as a \\\"one stop shop\\\" to make everybody happy.\",\"cards\":[{\"id\":\"dddf9a7d-00b7-4226-bef1-3a1d1e816f23\",\"type\":\"link-card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"icon\":{\"hashId\":\"HzjO61OMBGEzZ1a\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/4QNWMVskHbfvm58.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/4QNWMVskHbfvm58.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"Best UX for editors\",\"seoName\":\"best-ux-editors\",\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"Visual editing\",\"text\":\"The best UX on the market.\",\"linkPath\":\"https://reactbricks.com/visual-editing-cms\"}},{\"id\":\"19f9aa93-01d5-436a-81f2-8363e91b4a95\",\"type\":\"link-card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"icon\":{\"hashId\":\"8IVBHGtmEigAhwA\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ZQRlmLdG1NUke8E.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/ZQRlmLdG1NUke8E.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"React components\",\"text\":\"Add visual magic to your components.\",\"linkPath\":\"https://reactbricks.com/react-cms\"}},{\"id\":\"45a767dd-6fc8-4b30-948f-6ec9b838df42\",\"type\":\"link-card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"icon\":{\"hashId\":\"BAY5I-2XNodLaTc\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/HLrekpig0SHeG3Q.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/HLrekpig0SHeG3Q.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"logo\",\"seoName\":\"\",\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Multilanguage\"}]}],\"text\":\"Internationalization? Built in.\",\"linkPath\":\"https://reactbricks.com/features/multilanguage-i18n-cms\"}},{\"id\":\"c73f267e-95f4-4bfa-9c6a-06dde6a3753a\",\"type\":\"link-card\",\"props\":{\"withIcon\":true,\"withTitle\":true,\"icon\":{\"hashId\":\"ptXCUjOXpdtNErX\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/YDOEeyDKxKDlx3q.svg\",\"srcSet\":\"\",\"type\":\"image/svg+xml\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/YDOEeyDKxKDlx3q.svg\",\"fallbackSrc\":null,\"fallbackSrcSet\":null,\"fallbackType\":null,\"height\":48,\"width\":48,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":48,\"height\":48},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"title\":\"Scheduled publishing\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Publish at midnight? Roger.\"}]}],\"linkPath\":\"https://reactbricks.com/features/cms-scheduled-publishing\"}}],\"width\":\"small\"}},{\"id\":\"578ba9e1-2902-49de-8f3b-48dd2bea839a\",\"type\":\"faqs-2-cols\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"full\",\"borderBottom\":\"none\",\"faqs\":[{\"id\":\"6958ac49-8281-47df-a634-461cdf266a81\",\"type\":\"faq\",\"props\":{\"question\":\"Why you should change your CMS today?\",\"answer\":\"Because you care about your content creators and you are looking for a top developer experience, with a future-proof solution.\"}},{\"id\":\"07be3a69-93c6-4d21-8d57-69cf979cbf16\",\"type\":\"faq\",\"props\":{\"question\":\"Can I create an e-commerce with React Bricks?\",\"answer\":\"Sure! E-commerce solutions usually have a poor content management system for the product details page: let's change this with juicy visual editing!\"}}],\"width\":\"small\"}},{\"id\":\"bffd3c15-3242-47af-bac1-37fe084feea6\",\"type\":\"call-to-action\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"20\",\"borderTop\":\"boxed\",\"borderBottom\":\"none\",\"text\":\"React Bricks is great for developers and marketing teams.\",\"buttons\":[{\"id\":\"9750cae5-737a-4df3-a29e-91df4d4f2c77\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":\"Discover more\",\"href\":\"https://reactbricks.com\",\"isTargetBlank\":true,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"normal\",\"simpleAnchorLink\":false}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-06T13:53:44.000Z", "tags": [] }, { "type": "page", "name": "Pricing", "slug": "pricing", "meta": "{\"title\":\"Pricing\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"cc949a28-b6c4-4897-abe5-0da35ee6ef80\",\"type\":\"hero-unit\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"12\",\"borderTop\":\"none\",\"borderBottom\":\"full\",\"size\":\"large\",\"textGradient\":\"NONE\",\"highlightTextColor\":{\"color\":\"#0ea5e9\",\"className\":\"text-sky-500 dark:text-sky-400\"},\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Plans & Pricing\",\"highlight\":true}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Transparent pricing with no hidden limits.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Your content creators deserve the best authoring experience on the market.\"}]}],\"badge\":[],\"buttons\":[],\"backgroundImage\":{\"fallbackSrc\":\"https://images.reactbricks.com/original/b438575d-f0e2-4f5d-94a7-bb30fb238962.png\",\"fallbackSrcSet\":\"https://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-1600.png 1600w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-1200.png 1200w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-800.png 800w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-400.png 400w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-200.png 200w\",\"fallbackType\":\"image/png\",\"src\":\"https://images.reactbricks.com/original/b438575d-f0e2-4f5d-94a7-bb30fb238962.webp\",\"placeholderSrc\":\"https://images.reactbricks.com/placeholder/b438575d-f0e2-4f5d-94a7-bb30fb238962.jpg\",\"srcSet\":\"https://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-1600.webp 1600w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-1200.webp 1200w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-800.webp 800w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-400.webp 400w,\\nhttps://images.reactbricks.com/src_set/b438575d-f0e2-4f5d-94a7-bb30fb238962-200.webp 200w\",\"width\":2000,\"height\":1000,\"alt\":\"backgroundImage\",\"seoName\":\"\"}}},{\"id\":\"2351c004-cef4-4ab2-82e9-d5e8e8c78864\",\"type\":\"pricing\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"plans\":[{\"id\":\"e336e15d-7232-4113-94a3-ac6571187a0b\",\"type\":\"pricing-plan\",\"props\":{\"popularTagText\":\"Most popular\",\"withPopularTag\":false,\"pricingColor\":{\"color\":\"#06b6d4\",\"mainDivClassName\":\"border-t-cyan-500\",\"popularTagClassName\":\"bg-cyan-500\",\"planNameClassName\":\"text-cyan-500\",\"buttonClassName\":\"text-cyan-600 dark:text-cyan-500 border-cyan-500 hover:bg-cyan-500\",\"featureTagClassName\":\"bg-cyan-200 text-cyan-800\"},\"planName\":\"Entry\",\"planDescription\":\"For startups and teams starting using React Bricks.\",\"planPrice\":\"$ 99\",\"planConditions\":\"per app / month\",\"buttonText\":\"Get started\",\"buttonLinkPath\":\"/\",\"featuresTitle\":\"Everything in Community, plus:\",\"features\":[{\"id\":\"093c726c-ddb5-45ae-b355-9f8c646836bc\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"5 users included\",\"withTag\":false,\"tag\":\"Add-on\"}},{\"id\":\"092bfefd-8303-4deb-be0f-680bbfeebf28\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"Up to 100 pages\",\"withTag\":false,\"tag\":\"Add-on\"}},{\"id\":\"f6b58762-729a-441e-b596-fbeb74bff4c8\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"Media library\",\"withTag\":true,\"tag\":\"Soon\"}}]}},{\"id\":\"6bb6b642-3345-4c0f-aeb3-6090b4e0af96\",\"type\":\"pricing-plan\",\"props\":{\"popularTagText\":\"Most popular\",\"withPopularTag\":true,\"pricingColor\":{\"color\":\"#ec4899\",\"mainDivClassName\":\"border-t-pink-500\",\"popularTagClassName\":\"bg-pink-500\",\"planNameClassName\":\"text-pink-500\",\"buttonClassName\":\"text-pink-600 dark:text-pink-500 border-pink-500 hover:bg-pink-500\",\"featureTagClassName\":\"bg-pink-200 text-pink-800\"},\"planName\":\"Professional\",\"planDescription\":\"For companies needing to scale their content.\",\"planPrice\":\"$ 429\",\"planConditions\":\"per app / month\",\"buttonText\":\"Get started\",\"buttonLinkPath\":\"/\",\"featuresTitle\":\"Everything in Entry, plus:\",\"features\":[{\"id\":\"87498cbe-2569-46d6-b0f5-ac241fd252b8\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"10 users included\",\"withTag\":false,\"tag\":\"Add-on\"}},{\"id\":\"e18862a0-ed8c-444e-9d01-d19ec84da0ca\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"Up to 300 pages\",\"withTag\":false,\"tag\":\"Add-on\"}},{\"id\":\"5d7998d6-1dcc-4b22-859d-99c19924dedc\",\"type\":\"pricing-plan-feature\",\"props\":{\"featureText\":\"Visually create e-mails\",\"withTag\":true,\"tag\":\"Add-on\"}}]}}]}},{\"id\":\"01cb0829-22d6-4303-8ca4-4bc39ca5c8cb\",\"type\":\"title\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"A table brick\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Example table brick: you can manage rows and columns :)\"}]}],\"bigCentered\":false,\"extraboldTitle\":false}},{\"id\":\"01c025ee-79dd-48fe-8d47-6f9f84cea4c8\",\"type\":\"table\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"striped\":true,\"withHeader\":true,\"borders\":\"horizontal\",\"rows\":[{\"id\":\"8d7aef6a-fae7-43eb-9bb8-df67aa637840\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"eceecaed-c949-4280-83e5-709f9321e03c\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"left\"}},{\"id\":\"adafa3e5-2df5-478f-8286-988de837e794\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Monolithic CMS\",\"textAlign\":\"center\"}},{\"id\":\"6a2e1ca7-e902-4fd1-a062-901ae13929aa\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Headless CMS\",\"textAlign\":\"center\"}},{\"id\":\"185ae9a1-ad3d-4a77-9d58-120e3df136f6\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Webflow\",\"textAlign\":\"center\"}},{\"id\":\"88f51aeb-7623-451a-8092-e67fa4f7d7d2\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"React Bricks\",\"textAlign\":\"center\"}}]}},{\"id\":\"da4936d1-49e7-447a-94c0-b81f982da8f0\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"0e02b9df-4fc4-4ee3-ad95-6002d37184a4\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Easy for editors\",\"textAlign\":\"left\"}},{\"id\":\"ab41316e-a139-40a1-b849-a4006c9c6040\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"It depends\",\"textAlign\":\"center\"}},{\"id\":\"1c4a5472-03e9-4dc2-aee1-84dc25c5d3e7\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"be91e2c1-c0ac-457d-bd5d-e3b73c700471\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Almost\",\"textAlign\":\"center\"}},{\"id\":\"67cca91c-a15f-4d16-aaa1-6e06b93c7693\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}}]}},{\"id\":\"d75365c6-01a9-4fea-b786-24df8e94f810\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"9f502c97-fb5e-4b87-98bc-fd71a3c87487\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Flexible for developers\",\"textAlign\":\"left\"}},{\"id\":\"d66885e9-0891-4f03-aeea-cc885cc52835\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"c79f6d07-d667-4616-acbf-cae68c72f3c2\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}},{\"id\":\"b5604423-3089-484f-a6d5-f80f7cc119c7\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"ba4df8bc-e24c-4bba-a966-8e5c6360ca50\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}}]}},{\"id\":\"85e618db-492b-42d2-adf6-5a8f8531f7f3\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"07c76415-0753-411c-8e80-fcd76b9cc979\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Provides a method\",\"textAlign\":\"left\"}},{\"id\":\"478f3751-ce0d-4607-acf4-26e880fe4d73\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"7442a515-6d07-4ede-b100-dbaa386918e0\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"8fa43367-7973-4948-86b6-3981ee04c08b\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}},{\"id\":\"9c3d53bc-5893-4b04-b6e6-ebd5ff3a4fe0\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}}]}},{\"id\":\"866e744b-e02a-4e57-8cb4-f4291e318f29\",\"type\":\"table-row\",\"props\":{\"cells\":[{\"id\":\"040bcf3e-917b-4bea-b790-5a62d76b841a\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"Safe design system\",\"textAlign\":\"left\"}},{\"id\":\"399d5260-b8b6-4a15-bb73-d2a4cc86ea5e\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"It depends\",\"textAlign\":\"center\"}},{\"id\":\"3ec09f46-5af3-4373-abd4-25e512238ddc\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"6011ba5f-2cbb-4289-bffd-34c9cd59af19\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"\",\"textAlign\":\"center\"}},{\"id\":\"cf4e5d66-2f0b-43cf-8d58-1138896a9606\",\"type\":\"table-cell\",\"props\":{\"cellText\":\"βœ…\",\"textAlign\":\"center\"}}]}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-13T11:09:49.000Z", "tags": [] }, { "type": "blog", "name": "View is better than preview", "slug": "cms-with-visual-editing", "meta": "{\"title\":\"View is better than preview\",\"description\":\"React Bricks is the first headless CMS for Content creators. Simple visual editing like Word or Pages. Just React for Devs\",\"language\":\"en\",\"image\":{\"fallbackSrc\":\"https://images.reactbricks.com/original/b147b7e7-46a1-4ecb-a769-755c484091dc.jpg\",\"fallbackSrcSet\":\"https://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-1500.jpg 1500w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-1200.jpg 1200w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-800.jpg 800w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-400.jpg 400w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-200.jpg 200w\",\"fallbackType\":\"image/jpeg\",\"src\":\"https://images.reactbricks.com/original/b147b7e7-46a1-4ecb-a769-755c484091dc.webp\",\"placeholderSrc\":\"https://images.reactbricks.com/placeholder/b147b7e7-46a1-4ecb-a769-755c484091dc.jpg\",\"srcSet\":\"https://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-1500.webp 1500w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-1200.webp 1200w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-800.webp 800w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-400.webp 400w,\\nhttps://images.reactbricks.com/src_set/b147b7e7-46a1-4ecb-a769-755c484091dc-200.webp 200w\",\"width\":1500,\"height\":1000,\"alt\":\"View is better than preview\",\"seoName\":\"visual-editing-cms\"},\"featuredImage\":\"https://images.reactbricks.com/original/b147b7e7-46a1-4ecb-a769-755c484091dc.jpg\"}", "content": "[{\"id\":\"fa9d199f-67a6-4353-ab09-e3b2e521040f\",\"type\":\"big-image\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"image\":{\"hashId\":\"Qq9vuF1tOB2ZaQP\",\"src\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/QATmzaziFdSQo-r.webp\",\"srcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-1500.webp 1500w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-1200.webp 1200w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-600.webp 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-300.webp 300w\",\"type\":\"image/webp\",\"placeholderSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/placeholder/QATmzaziFdSQo-r.jpg\",\"fallbackSrc\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/original/QATmzaziFdSQo-r.jpg\",\"fallbackSrcSet\":\"https://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-1500.jpg 1500w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-1200.jpg 1200w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-600.jpg 600w,\\nhttps://assets.reactbricks.com/E6LCQY-ayXgLRpc/images/src_set/QATmzaziFdSQo-r-300.jpg 300w\",\"fallbackType\":\"image/jpeg\",\"height\":1000,\"width\":1500,\"alt\":\"View is better than preview\",\"seoName\":\"visual-editing-cms\",\"crop\":{\"x\":0,\"y\":0,\"width\":1500,\"height\":1000},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"bfa09131-121f-4cde-862d-d6772df7e63d\",\"type\":\"blog-title\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"12\",\"paddingBottom\":\"8\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We need visual editing. Now.\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"React Bricks is the first headless CMS for Content creators. Simple visual editing like Word or Pages.\"}]}]}},{\"id\":\"56f8b694-dfc9-4180-a1aa-2faa22ebed80\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"8\",\"paddingBottom\":\"6\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h2\",\"children\":[{\"text\":\"Why visual editing?\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Visual editing is the most natural interface for content creators\",\"bold\":true},{\"text\":\": it's the interface we use to edit a document in Word or Pages. Developers are used to edit code in one place and see the result in another one, but marketing people and content creators don't like that friction.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Headless CMSs where created mainly to make the developers' life easier, but \"},{\"text\":\"with headless CMSs we lost the visual editing\",\"bold\":true},{\"text\":\" of content that we had with a blank WordPress page, replacing it with ugly gray forms. And we lost the clean and simple concept of \\\"\"},{\"text\":\"Page\",\"bold\":true},{\"text\":\"\\\", too: we take it back!\"}]}]}},{\"id\":\"ce0589fe-3abe-4a30-b9be-4526d4dfb84c\",\"type\":\"video\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"8\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"videoType\":\"file\",\"platform\":\"youtube\",\"videoId\":\"L4NGrMRTY3M\",\"videoFile\":{\"name\":\"Visual editing.mp4\",\"size\":1403.649,\"url\":\"https://files.reactbricks.com/9ed31ec4-8416-47d6-9fd3-ca0dfd958ce0/Visual editing.mp4\"}}},{\"id\":\"4d6cbdcf-1425-4fde-b697-bda328060ff9\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h2\",\"children\":[{\"text\":\"What about Wix or Webflow?\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"On the other end, tools like Wix or Webflow have a great user experience, but they have many other pitfalls that make them unusable for corporate websites:\"}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"Not flexible\",\"bold\":true},{\"text\":\": tools like Wix, which tend to be very easy to use, are not flexible regarding the design system, so that you cannot reproduce the exact corporate design system, but you need to choose one of the proposed templates. Great for a freelancer project, no go for corporate.\"}]}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"Complex\",\"bold\":true},{\"text\":\": More advanced tools like WebFlow are very flexible, but they tend to be complex to use, because the content creator is supposed to know what a margin or a padding are.\"}]}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"Too flexible\",\"bold\":true},{\"text\":\": What's more, it's not the content creator business to create the design and tweak the CSS parameters. For a corporate website, the design system is created by the designers together with the developers and nobody should be able to break the design system. We want to be sure we won't have green text on red background! :)\"}]}]}]}},{\"id\":\"3ef20eb4-cadc-4413-982c-2a6a40fae37a\",\"type\":\"newsletter-subscribe\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":\"Join our newsletter\",\"text\":\"Never miss our release and new blog articles.\",\"text2\":\"6,500 developers and counting\",\"buttonText\":\"Join\",\"mailchimpUrl\":\"\",\"provider\":\"MAILCHIMP\",\"resultOkText\":\"\"}},{\"id\":\"dc5c9390-3dd5-46aa-bab7-72308e16e192\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h2\",\"children\":[{\"text\":\"React Bricks approach\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"React Bricks has \"},{\"text\":\"the advantages of both a Headless CMS and a No-code side builder. \\n\",\"bold\":true},{\"text\":\"We know that a corporate website must start with code and we also know that the best user experience for a content creator is visual editing.\"}]}]}},{\"id\":\"497667bc-e1b7-4358-bdd2-6ef3bdc3da5f\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h3\",\"children\":[{\"text\":\"> Code to developers\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Developers create content blocks\",\"bold\":true},{\"text\":\" with code as React components, never leaving the code editor. \"},{\"text\":\"React Bricks adds the visual editing magic\",\"bold\":true},{\"text\":\".\\nIt works with any React framework, with starters for \"},{\"text\":\"Next.js, Gatsby and Remix\",\"bold\":true},{\"text\":\", which help creating a blazing fast website.\\nIt works with \"},{\"text\":\"any CSS framework\",\"bold\":true},{\"text\":\" and you can \"},{\"text\":\"host it where you like\",\"bold\":true},{\"text\":\".\\n\"},{\"type\":\"link\",\"url\":\"https://reactbricks.com/features/react-cms\",\"children\":[{\"text\":\"Read how React Bricks works with React!\"}]},{\"text\":\"\"}]}]}},{\"id\":\"3d60a875-4789-4b7e-8cf5-9f813e7ba7e1\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h3\",\"children\":[{\"text\":\"> Visual UX to Content creators!\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Content creators have a point and click interface:\"}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"They directly edit text and images\",\"bold\":true},{\"text\":\", just clicking on the text and writing, as you do in Word or Pages and clicking on images, uploading and cropping (with set constraints).\"}]}]},{\"type\":\"ul\",\"children\":[{\"type\":\"li\",\"children\":[{\"text\":\"They can change properties\",\"bold\":true},{\"text\":\" like background color etc., but only the properties that the developers chose to be editable and with the values that are allowed, with validation rules.\"}]}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"In this way, content creators have \"},{\"text\":\"all the freedom they want and no more than they need\",\"bold\":true},{\"text\":\". Good constraints guide their work without limiting them.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"And that is \"},{\"text\":\"much more inspiring than grey forms\",\"bold\":true},{\"text\":\", right?\"}]}]}},{\"id\":\"6b259554-927c-4deb-9b67-405b482a6410\",\"type\":\"video\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"videoType\":\"streaming\",\"platform\":\"youtube\",\"videoId\":\"L4NGrMRTY3M\"}},{\"id\":\"feda4339-c784-47d3-a904-5620bb046557\",\"type\":\"title\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Our launch Tweet\"}]}],\"subtitle\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Here you can see our Tweet when we first launched in private beta!\\nIn this way we can show our Twitter embed brick ?\"}]}],\"bigCentered\":true,\"extraboldTitle\":false}},{\"id\":\"54d412c8-ee5f-4bab-bd62-aae46f2c911e\",\"type\":\"tweet\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"6\",\"paddingBottom\":\"10\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"id\":\"1237840583982329857\",\"placeholder\":\"Loading Tweet\",\"position\":\"center\",\"cards\":\"hidden\",\"conversation\":\"none\",\"theme\":\"auto\",\"align\":\"center\"}},{\"id\":\"4457dcfa-2dd6-4bc6-b2de-7884d43c46a5\",\"type\":\"paragraph\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"text\":[{\"type\":\"h2\",\"children\":[{\"text\":\"Light Tweet brick\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"We also created a light component which doesn't require the Twitter APIs.\\nYou see it in action here:\"}]}]}},{\"id\":\"1272255e-2262-4a8f-ae35-67d265edc5f8\",\"type\":\"tweet-light\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"0\",\"paddingBottom\":\"16\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"width\":\"small\",\"authorName\":\"Matteo Frana\",\"author\":{\"src\":\"https://images.reactbricks.com/original/a235268d-c3c8-4f97-9ae8-26567c09a4db.webp\",\"placeholderSrc\":\"https://images.reactbricks.com/placeholder/a235268d-c3c8-4f97-9ae8-26567c09a4db.jpg\",\"srcSet\":\"https://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-1600.webp 1600w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-1200.webp 1200w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-800.webp 800w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-400.webp 400w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-200.webp 200w\",\"width\":1750,\"height\":1750,\"alt\":\"Author name\",\"seoName\":\"author\",\"fallbackSrc\":\"https://images.reactbricks.com/original/a235268d-c3c8-4f97-9ae8-26567c09a4db.jpg\",\"fallbackSrcSet\":\"https://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-1600.jpg 1600w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-1200.jpg 1200w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-800.jpg 800w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-400.jpg 400w,\\nhttps://images.reactbricks.com/src_set/a235268d-c3c8-4f97-9ae8-26567c09a4db-200.jpg 200w\",\"fallbackType\":\"image/jpeg\"},\"tweetLink\":\"https://twitter.com/matfrana/status/1237840583982329857\",\"authorLink\":\"https://twitter.com/matfrana\",\"authorTwitterHandle\":\"@matfrana\",\"tweetContent\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"We just launched in private beta \"},{\"type\":\"link\",\"url\":\"https://twitter.com/ReactBricks\",\"children\":[{\"text\":\"@reactbricks\"}]},{\"text\":\", a React block-based CMS enforcing a design system, for \"},{\"type\":\"link\",\"url\":\"https://twitter.com/zeithq\",\"children\":[{\"text\":\"@zeithq\"}]},{\"text\":\" Next.js and \"},{\"type\":\"link\",\"url\":\"https://twitter.com/GatsbyJS\",\"children\":[{\"text\":\"@gatsbyjs\"}]},{\"text\":\". ? Request invite for Beta! ?\"},{\"type\":\"link\",\"url\":\"https://reactbricks.com\",\"children\":[{\"text\":\"https://reactbricks.com\"}]},{\"text\":\"\"},{\"type\":\"link\",\"url\":\"https://twitter.com/ReactBricks\",\"children\":[{\"text\":\"\"}]},{\"text\":\"\"}]}],\"date\":\"9:39 PM Β· Mar 11, 2020\"}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-14T03:00:00.000Z", "tags": [ "CMS", "React Bricks" ] }, { "type": "layout", "name": "Footer", "slug": "footer", "meta": "{\"title\":\"Footer\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"662e33fb-8f39-4999-8c7c-fc6236fc8ab4\",\"type\":\"footer\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"full\",\"borderBottom\":\"none\",\"logo\":{\"src\":\"https://images.reactbricks.com/original/1c6c7dd2-7ebd-4366-a60f-37a25c1cc90d.svg\",\"placeholderSrc\":\"https://images.reactbricks.com/original/1c6c7dd2-7ebd-4366-a60f-37a25c1cc90d.svg\",\"srcSet\":\"\",\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"width\":1185.4,\"height\":196.58},\"siteUrl\":\"\",\"copyright\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Visual editing CMS for React.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Proudly made in Italy\"}]}],\"columns\":[{\"id\":\"c5e4d918-5fe2-442e-9399-65d2c8a19921\",\"type\":\"footer-column\",\"props\":{\"title\":\"Company\",\"links\":[{\"id\":\"241ba3c3-b115-4f57-ae08-d8acf50faa34\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"About us\",\"linkPath\":\"/\"}},{\"id\":\"1cb9f87b-ff02-47b4-b4ab-14fdb97a34a6\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Why React Bricks?\",\"linkPath\":\"/\"}},{\"id\":\"3dfacdfe-38f3-4fdb-817f-6672a64e7f8a\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Terms of service\",\"linkPath\":\"/\"}},{\"id\":\"f35fd929-9745-4d07-8c6b-32194db99e23\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Privacy\",\"linkPath\":\"/\"}}]}},{\"id\":\"3917ae01-a0a7-435d-a70f-066da148967c\",\"type\":\"footer-column\",\"props\":{\"title\":\"Features\",\"links\":[{\"id\":\"5febf849-e3fe-45d5-bdf0-2488b299f5fd\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Visual editing\",\"linkPath\":\"/\"}},{\"id\":\"7026c7ae-5e9b-40db-a8f0-21421f9661a9\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"React components\",\"linkPath\":\"/\"}},{\"id\":\"ff20d85f-c463-4686-aeb9-50c966cbb318\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprise-ready\",\"linkPath\":\"/\"}},{\"id\":\"9b136e43-ee84-4e6d-b6cf-61ab4b61bba3\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Roadmap\",\"linkPath\":\"/\"}}]}},{\"id\":\"1496523d-212b-42bc-9d82-70464444d30e\",\"type\":\"footer-column\",\"props\":{\"title\":\"Use cases\",\"links\":[{\"id\":\"f7954dae-0efe-4c98-909b-198966da6891\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Content editors\",\"linkPath\":\"/\"}},{\"id\":\"99a87d9e-2ed4-4b2f-a394-85cdba9683f2\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Developers\",\"linkPath\":\"/\"}},{\"id\":\"6d97c69f-656c-4121-bf5c-34501059c142\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprises\",\"linkPath\":\"/\"}}]}},{\"id\":\"21b3631d-1eab-41f3-87c6-2256e38a24ec\",\"type\":\"footer-column\",\"props\":{\"title\":\"Learn\",\"links\":[{\"id\":\"30bd7035-d8d1-4879-bef3-dfa8914284ab\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Tutorial\",\"linkPath\":\"/\"}},{\"id\":\"850e1bfb-e562-44b2-840b-ac2dad9c08a2\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Documentation\",\"linkPath\":\"/\"}},{\"id\":\"bdd145dc-ba8f-468c-af03-fa3236622a85\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Videos\",\"linkPath\":\"/\"}},{\"id\":\"8041e92f-0cac-4369-9d88-660cf377fc0b\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Blog\",\"linkPath\":\"/\"}}]}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-03-15T11:53:10.000Z", "tags": [] }, { "type": "layout", "name": "Header", "slug": "header", "meta": "{\"title\":\"Header\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"5496ac8d-34ed-4f0f-aa2c-966dbb2c48cb\",\"type\":\"header\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"borderBottom\":\"none\",\"menuItems\":[{\"id\":\"d0f20a4d-abfe-4a85-b77a-a380f8442a58\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"/\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Home\"}]}],\"submenuItems\":[]}},{\"id\":\"5ef7d378-4bcc-4a68-b992-bdc99466bf85\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Features\"}]}],\"submenuItems\":[{\"id\":\"b7a4e219-5e37-4718-964e-f826a4f88cca\",\"type\":\"header-menu-sub-item\",\"props\":{\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Pricing\"}]}],\"linkDescription\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Transparent pricing with no hidden limits\"}]}],\"linkPath\":\"/pricing\"}},{\"id\":\"be323677-abc8-4355-82e7-b57c463313b4\",\"type\":\"header-menu-sub-item\",\"props\":{\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Changelog 4.0\"}]}],\"linkDescription\":\"Release notes for all React Bricks versions\",\"linkPath\":\"/\"}}]}},{\"id\":\"256c46c5-e9c2-4fb7-bf2d-558aa90322e3\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"/about-us\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"About us\"}]}]}},{\"id\":\"04d20cd6-c09e-43ee-9139-2f97ea9fc195\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"/blog\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Blog\"}]}]}},{\"id\":\"abf04325-367b-4b81-9876-80f25459adff\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"/contacts\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Contacts\"}]}]}}],\"logo\":{\"src\":\"https://images.reactbricks.com/original/1b573c7f-7744-4bbb-840d-991ad2fbd916.svg\",\"placeholderSrc\":\"https://images.reactbricks.com/original/1b573c7f-7744-4bbb-840d-991ad2fbd916.svg\",\"srcSet\":\"\",\"width\":1185.4,\"height\":196.58,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\"},\"buttons\":[{\"id\":\"13791005-1fd7-4fdc-9838-971df293b060\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Edit content\"}]}],\"href\":\"/admin\",\"isTargetBlank\":false,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"small\",\"simpleAnchorLink\":true}}],\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\"}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-01-05T16:15:45.000Z", "tags": [] } ], "minimalImages": [ { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "TeiafDdxqmN7lIn", "croppedImageHashId": "UKiBHf6_kjQsBYw", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/UKiBHf6_kjQsBYw.svg", "mediaFolderName": null, "name": "enterprise-ready", "title": null, "alt": "Enterprise-ready", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "85kxnY3pesF3B5I", "croppedImageHashId": "5NhY3lAscloXy2Z", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/5NhY3lAscloXy2Z.svg", "mediaFolderName": null, "name": "react-components", "title": null, "alt": "React components", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "koLO8Y5uYTT39pg", "croppedImageHashId": "AQhbzIvwlxWgFAk", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/AQhbzIvwlxWgFAk.svg", "mediaFolderName": null, "name": "best-ux-editors", "title": null, "alt": "Best UX for editors", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "bipe1q9Oj8yvTG4", "croppedImageHashId": "xNskROyDmNG9CSy", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/xNskROyDmNG9CSy.svg", "mediaFolderName": null, "name": "design-system", "title": null, "alt": "Design system", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "cYwot5K1fRpi9i8", "masterImageHashId": "ptnuG5bWzSS6x3c", "croppedImageHashId": "RIDwzbS2oKWetOp", "url": "https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/RIDwzbS2oKWetOp.webp", "mediaFolderName": null, "name": "rocket", "title": null, "alt": "a red and white rocket ship flying through the sky", "copyright": null, "source": null, "width": "608", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":608,\"height\":608},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" } ], "minimalContent": [ { "type": "layout", "name": "Footer", "slug": "footer", "meta": "{\"title\":\"Footer\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"662e33fb-8f39-4999-8c7c-fc6236fc8ab4\",\"type\":\"footer\",\"props\":{\"backgroundColor\":{\"color\":\"#f9fafb\",\"className\":\"bg-gray-50 dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"full\",\"borderBottom\":\"none\",\"logo\":{\"src\":\"https:\/\/images.reactbricks.com\/original\/1c6c7dd2-7ebd-4366-a60f-37a25c1cc90d.svg\",\"placeholderSrc\":\"https:\/\/images.reactbricks.com\/original\/1c6c7dd2-7ebd-4366-a60f-37a25c1cc90d.svg\",\"srcSet\":\"\",\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"width\":1185.4,\"height\":196.58},\"siteUrl\":\"\",\"copyright\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Visual editing CMS for React.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Proudly made in Italy\"}]}],\"columns\":[{\"id\":\"c5e4d918-5fe2-442e-9399-65d2c8a19921\",\"type\":\"footer-column\",\"props\":{\"title\":\"Company\",\"links\":[{\"id\":\"241ba3c3-b115-4f57-ae08-d8acf50faa34\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"About us\",\"linkPath\":\"\/\"}},{\"id\":\"1cb9f87b-ff02-47b4-b4ab-14fdb97a34a6\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Why React Bricks?\",\"linkPath\":\"\/\"}},{\"id\":\"3dfacdfe-38f3-4fdb-817f-6672a64e7f8a\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Terms of service\",\"linkPath\":\"\/\"}},{\"id\":\"f35fd929-9745-4d07-8c6b-32194db99e23\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Privacy\",\"linkPath\":\"\/\"}}]}},{\"id\":\"3917ae01-a0a7-435d-a70f-066da148967c\",\"type\":\"footer-column\",\"props\":{\"title\":\"Features\",\"links\":[{\"id\":\"5febf849-e3fe-45d5-bdf0-2488b299f5fd\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Visual editing\",\"linkPath\":\"\/\"}},{\"id\":\"7026c7ae-5e9b-40db-a8f0-21421f9661a9\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"React components\",\"linkPath\":\"\/\"}},{\"id\":\"ff20d85f-c463-4686-aeb9-50c966cbb318\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprise-ready\",\"linkPath\":\"\/\"}},{\"id\":\"9b136e43-ee84-4e6d-b6cf-61ab4b61bba3\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Roadmap\",\"linkPath\":\"\/\"}}]}},{\"id\":\"1496523d-212b-42bc-9d82-70464444d30e\",\"type\":\"footer-column\",\"props\":{\"title\":\"Use cases\",\"links\":[{\"id\":\"f7954dae-0efe-4c98-909b-198966da6891\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Content editors\",\"linkPath\":\"\/\"}},{\"id\":\"99a87d9e-2ed4-4b2f-a394-85cdba9683f2\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Developers\",\"linkPath\":\"\/\"}},{\"id\":\"6d97c69f-656c-4121-bf5c-34501059c142\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprises\",\"linkPath\":\"\/\"}}]}},{\"id\":\"21b3631d-1eab-41f3-87c6-2256e38a24ec\",\"type\":\"footer-column\",\"props\":{\"title\":\"Learn\",\"links\":[{\"id\":\"30bd7035-d8d1-4879-bef3-dfa8914284ab\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Tutorial\",\"linkPath\":\"\/\"}},{\"id\":\"850e1bfb-e562-44b2-840b-ac2dad9c08a2\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Documentation\",\"linkPath\":\"\/\"}},{\"id\":\"bdd145dc-ba8f-468c-af03-fa3236622a85\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Videos\",\"linkPath\":\"\/\"}},{\"id\":\"8041e92f-0cac-4369-9d88-660cf377fc0b\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Blog\",\"linkPath\":\"\/\"}}]}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-03-15T10:53:10.000Z", "tags": [] }, { "type": "layout", "name": "Header", "slug": "header", "meta": "{\"title\":\"Header\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"f587fd39-e96b-4850-b6bb-badcd36392f2\",\"type\":\"header\",\"props\":{\"backgroundColor\":{\"color\":\"#1f2937\",\"className\":\"dark bg-gray-800 dark:bg-gray-900\"},\"borderBottom\":\"none\",\"menuItems\":[{\"id\":\"accc74b9-1da0-495a-b2ee-9d3f03044e4e\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"\/\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Home\"}]}]}},{\"id\":\"925b9d2a-c507-4e27-8200-853ff4600d01\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"About us\"}]}]}},{\"id\":\"29ac0faf-f8a9-463f-9545-7d0d2cde7fa8\",\"type\":\"header-menu-item\",\"props\":{\"linkPath\":\"\",\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Features\"}]}],\"submenuItems\":[{\"id\":\"68b9ffe1-2793-4e71-9bff-61daf6d2bf6b\",\"type\":\"header-menu-sub-item\",\"props\":{\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Visual editing\"}]}],\"linkDescription\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"The best visual experience for your content editors\"}]}],\"linkPath\":\"\/\"}}]}}],\"logo\":{\"src\":\"https:\/\/images.reactbricks.com\/original\/881feb54-54af-46d5-8825-31e22ccbac25.webp\",\"placeholderSrc\":\"https:\/\/images.reactbricks.com\/placeholder\/881feb54-54af-46d5-8825-31e22ccbac25.jpg\",\"srcSet\":\"https:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-600.webp 600w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-450.webp 450w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-300.webp 300w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-150.webp 150w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-75.webp 75w\",\"width\":5314,\"height\":1181,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"fallbackSrc\":\"https:\/\/images.reactbricks.com\/original\/881feb54-54af-46d5-8825-31e22ccbac25.png\",\"fallbackSrcSet\":\"https:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-600.png 600w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-450.png 450w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-300.png 300w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-150.png 150w,\\nhttps:\/\/images.reactbricks.com\/src_set\/881feb54-54af-46d5-8825-31e22ccbac25-75.png 75w\",\"fallbackType\":\"image\/png\"},\"buttons\":[{\"id\":\"39e8f125-072f-4947-9ea9-44aa3117c779\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Edit content\"}]}],\"href\":\"\/admin\",\"isTargetBlank\":false,\"buttonType\":\"submit\",\"buttonColor\":{\"color\":\"#0ea5e9\",\"classNameSolid\":\"bg-sky-500 text-white hover:bg-sky-600\",\"classNameOutline\":\"border border-sky-600 text-sky-600 dark:border-white dark:text-white\"},\"variant\":\"solid\",\"padding\":\"small\",\"simpleAnchorLink\":true}}],\"paddingTop\":\"16\",\"paddingBottom\":\"16\",\"borderTop\":\"none\"}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-18T10:03:53.000Z", "tags": [] }, { "type": "page", "name": "Home", "slug": "\/", "meta": "{\"title\":\"Home\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"a17a4d4b-ee46-4502-83f5-a325007f6975\",\"type\":\"my-hero-unit\",\"props\":{\"padding\":\"big\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Welcome to React Bricks!\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"To edit the content, click on \\\"Edit content\\\" in the top menu. If you just started the project, see the \"},{\"type\":\"link\",\"url\":\"https:\/\/reactbricks.com\/quick-start-guide\",\"children\":[{\"text\":\"Quick Start Guide\"}]},{\"text\":\"\"}]}],\"icon\":{\"hashId\":\"ptnuG5bWzSS6x3c\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/RIDwzbS2oKWetOp.webp\",\"srcSet\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-400.webp 400w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-300.webp 300w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-200.webp 200w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-100.webp 100w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-50.webp 50w\",\"type\":\"image\/webp\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/placeholder\/RIDwzbS2oKWetOp.jpg\",\"fallbackSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/RIDwzbS2oKWetOp.jpg\",\"fallbackSrcSet\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-400.jpg 400w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-300.jpg 300w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-200.jpg 200w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-100.jpg 100w,\\nhttps:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/src_set\/RIDwzbS2oKWetOp-50.jpg 50w\",\"fallbackType\":\"image\/jpeg\",\"height\":608,\"width\":608,\"alt\":\"a red and white rocket ship flying through the sky\",\"seoName\":\"rocket\",\"crop\":{\"x\":0,\"y\":0,\"width\":608,\"height\":608},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"f3f180aa-1b7e-4d7d-a003-ebba656d72f8\",\"type\":\"features\",\"props\":{\"backgroundColor\":{\"color\":\"#ffffff\",\"className\":\"bg-white dark:bg-gray-900\"},\"paddingTop\":\"16\",\"paddingBottom\":\"0\",\"borderTop\":\"none\",\"borderBottom\":\"none\",\"colsNumber\":\"2\",\"features\":[{\"id\":\"91b1372b-548c-4e0a-a57e-ab0802c3bd2f\",\"type\":\"feature-item\",\"props\":{\"title\":\"The best experience for editors\",\"text\":\"Your marketing team hates gray forms. Give them the easiest UX.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"koLO8Y5uYTT39pg\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/AQhbzIvwlxWgFAk.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/AQhbzIvwlxWgFAk.svg\",\"height\":1,\"width\":1,\"alt\":\"Best UX for editors\",\"seoName\":\"best-ux-editors\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"5225ca2c-1560-4832-ab2c-d95706ff1697\",\"type\":\"feature-item\",\"props\":{\"title\":\"React components for devs\",\"text\":\"Leverage React to create amazing visually editable content blocks.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"85kxnY3pesF3B5I\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/5NhY3lAscloXy2Z.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/5NhY3lAscloXy2Z.svg\",\"height\":1,\"width\":1,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"30a4a4c0-dca5-4c4f-990f-0373a09ad379\",\"type\":\"feature-item\",\"props\":{\"title\":\"Your design system\",\"text\":\"Deploy your pixel-perfect design system and be sure nobody can break it..\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"bipe1q9Oj8yvTG4\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/xNskROyDmNG9CSy.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/xNskROyDmNG9CSy.svg\",\"height\":1,\"width\":1,\"alt\":\"Design system\",\"seoName\":\"design-system\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"5724468d-a3f6-4789-b773-949b4274ec2e\",\"type\":\"feature-item\",\"props\":{\"title\":\"Enterprise ready\",\"text\":\"Collaboration, localization, granular permissions, SSO, top support: we got you covered.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"TeiafDdxqmN7lIn\",\"src\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/UKiBHf6_kjQsBYw.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/cYwot5K1fRpi9i8\/images\/original\/UKiBHf6_kjQsBYw.svg\",\"height\":1,\"width\":1,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-18T09:17:02.000Z", "tags": [] } ], "pathBricks": "react-bricks/bricks/", "pathImages": "public/" }, { "framework": "Astro (Node.js v22 required)", "starterProject": "Empty project", "language": "TypeScript", "repoUrl": "https://github.com/reactbricks/reactbricks-starters", "repoPath": "apps/astro", "startYarnCommand": "yarn dev", "startPnpmCommand": "pnpm dev", "startNpmCommand": "npm run dev", "envVariables": { "apiKey": "API_KEY", "appId": "PUBLIC_APP_ID", "appEnv": "PUBLIC_ENVIRONMENT" }, "envFile": ".env", "importRbUI": false, "minimalImages": [ { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "03Y0I_Cqiu6eb0I", "croppedImageHashId": "zEPlcb4qxvNQIso", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/zEPlcb4qxvNQIso.svg", "mediaFolderName": null, "name": "best-ux-editors", "title": null, "alt": "Best UX for editors", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "6iPilZvoLcaQZvG", "croppedImageHashId": "lNgttqJvTg1OqJw", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/lNgttqJvTg1OqJw.svg", "mediaFolderName": null, "name": "design-system", "title": null, "alt": "Design system", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "lXwDRUd7MUhezym", "croppedImageHashId": "FeA6SJQaWKyiiox", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/FeA6SJQaWKyiiox.svg", "mediaFolderName": null, "name": "enterprise-ready", "title": null, "alt": "Enterprise-ready", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "xojkIge-_LqzN7G", "croppedImageHashId": "-6gspMUhUKWsDwe", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/-6gspMUhUKWsDwe.webp", "mediaFolderName": null, "name": "8affc51a-1f0f-41ba-8c07-4fe95650f86b", "title": null, "alt": "a red and white rocket ship flying through the sky", "copyright": null, "source": null, "width": "535", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":535,\"height\":535},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" }, { "appHashId": "vBFPKywIJmr1qOa", "masterImageHashId": "tgjPPtS2Zmo76Im", "croppedImageHashId": "P7smLEh0jjGOBbI", "url": "https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/P7smLEh0jjGOBbI.svg", "mediaFolderName": null, "name": "react-components", "title": null, "alt": "React components", "copyright": null, "source": null, "width": "1", "editParams": "{\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}" } ], "minimalContent": [ { "type": "layout", "name": "Footer", "slug": "footer", "meta": "{\"title\":\"Footer\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"cf4b4b95-c582-4262-915d-d3e526026940\",\"type\":\"footer\",\"props\":{\"logo\":{\"src\":\"https:\/\/images.reactbricks.com\/original\/939c47d7-7bbb-461b-b41d-c2a5645b641f.svg\",\"placeholderSrc\":\"https:\/\/images.reactbricks.com\/original\/939c47d7-7bbb-461b-b41d-c2a5645b641f.svg\",\"srcSet\":\"\",\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\",\"width\":1185.4,\"height\":196.58},\"copyright\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Β© React Bricks, Inc.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"Proudly made in Italy\"}]}],\"columns\":[{\"id\":\"04e441b5-c6aa-4076-b9b5-cc16cf6423f6\",\"type\":\"footer-column\",\"props\":{\"title\":\"Company\",\"links\":[{\"id\":\"c9f96196-0b08-46c7-95b1-70d87a748a89\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"About us\",\"linkPath\":\"\/\"}},{\"id\":\"ac00d9c8-0dc2-45ce-b88e-53f4b2e0d8f0\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Why React Bricks?\",\"linkPath\":\"\/\"}},{\"id\":\"dfecf70b-b32a-4a38-bb2c-3b672d23639d\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Terms of service\",\"linkPath\":\"\/\"}},{\"id\":\"47165543-2e66-44fd-acdd-27c49f8f45af\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Privacy\",\"linkPath\":\"\/\"}}]}},{\"id\":\"396455d4-6b83-4566-8eec-689ce38c7bd0\",\"type\":\"footer-column\",\"props\":{\"title\":\"Features\",\"links\":[{\"id\":\"6b8c12e4-8a04-4f2e-8e65-888303838833\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Visual editing\",\"linkPath\":\"\/\"}},{\"id\":\"735a32a4-2240-4ed1-9dd6-76142cda2e0c\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"React components\",\"linkPath\":\"\/\"}},{\"id\":\"30e19ad7-d16d-4cf2-81ce-65ae0b451e44\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprise-ready\",\"linkPath\":\"\/\"}},{\"id\":\"0a7cf298-158b-491e-9c05-eff910c4e01d\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Roadmap\",\"linkPath\":\"\/\"}}]}},{\"id\":\"d2a0967b-0af5-49d7-8b32-61c308f978fb\",\"type\":\"footer-column\",\"props\":{\"title\":\"Use cases\",\"links\":[{\"id\":\"e4c7534b-a835-4e54-841c-6abd02a5080d\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Content editors\",\"linkPath\":\"\/\"}},{\"id\":\"423f8b33-f896-454b-b9c7-0fe79d9e73cc\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Developers\",\"linkPath\":\"\/\"}},{\"id\":\"f77f0d73-5a0a-4612-9e0e-f311505da526\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Enterprises\",\"linkPath\":\"\/\"}}]}},{\"id\":\"41486df8-9f8b-43cc-9573-2ccbee5b59f0\",\"type\":\"footer-column\",\"props\":{\"title\":\"Learn\",\"links\":[{\"id\":\"b2215dee-3298-4a40-bb41-d3247564735a\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Tutorial\",\"linkPath\":\"\/\"}},{\"id\":\"d8f3ccc2-6c1d-4f05-ba90-249c8fa3bd29\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Documentation\",\"linkPath\":\"\/\"}},{\"id\":\"991349ea-8c0e-483e-a46b-7bda8200a990\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Videos\",\"linkPath\":\"\/\"}},{\"id\":\"f99d3870-b93a-44d3-a229-1296887ca4a0\",\"type\":\"footer-link\",\"props\":{\"linkText\":\"Blog\",\"linkPath\":\"\/\"}}]}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-14T16:38:42.000Z", "tags": [] }, { "type": "layout", "name": "Header", "slug": "header", "meta": "{\"title\":\"Header\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"98e0d268-640b-4355-b868-88d0ee477c32\",\"type\":\"header\",\"props\":{\"menuItems\":[{\"id\":\"1b75724c-b9e6-4609-8dc3-f63937c21517\",\"type\":\"header-menu-item\",\"props\":{\"submenuItems\":[],\"linkPath\":\"\/\",\"isActive\":false,\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Home\"}]}]}},{\"id\":\"271e4dd7-6260-433e-b791-d2babff0265e\",\"type\":\"header-menu-item\",\"props\":{\"submenuItems\":[],\"linkPath\":\"\",\"isActive\":false,\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"About us\"}]}]}},{\"id\":\"8fe6aeb2-a181-4149-ae26-5c0bbf062992\",\"type\":\"header-menu-item\",\"props\":{\"submenuItems\":[{\"id\":\"0ac0c4e5-0e83-486c-8b29-e069d3ce101a\",\"type\":\"header-menu-sub-item\",\"props\":{\"linkText\":\"Visual editing\",\"linkDescription\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"The best visual experience for your content editors\"}]}],\"linkPath\":\"\/\"}}],\"linkPath\":\"\",\"isActive\":false,\"linkText\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Features\"}]}]}}],\"logo\":{\"src\":\"https:\/\/images.reactbricks.com\/original\/1bd55b59-7df0-4ca0-9a39-2721b0992e14.svg\",\"placeholderSrc\":\"https:\/\/images.reactbricks.com\/original\/1bd55b59-7df0-4ca0-9a39-2721b0992e14.svg\",\"srcSet\":\"\",\"width\":1185.4,\"height\":196.58,\"alt\":\"React Bricks\",\"seoName\":\"react-bricks\"},\"buttons\":[{\"id\":\"36e8fc01-e669-4d81-afcb-6d37b74a3c45\",\"type\":\"button\",\"props\":{\"type\":\"link\",\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Edit content\"}]}],\"href\":\"\/admin\",\"isTargetBlank\":false,\"buttonType\":\"submit\",\"variant\":\"solid\",\"padding\":\"small\",\"buttonColor\":{\"color\":\"#06b6d4\",\"classNameSolid\":\"bg-cyan-500 text-white hover:bg-cyan-600\",\"classNameOutline\":\"border border-cyan-600 text-cyan-600 dark:border-white dark:text-white\"}}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-14T16:38:34.000Z", "tags": [] }, { "type": "page", "name": "Home", "slug": "\/", "meta": "{\"title\":\"home\",\"description\":\"\",\"language\":\"en\"}", "content": "[{\"id\":\"2931f0be-4fef-44a2-97eb-b363900728fa\",\"type\":\"my-hero-unit\",\"props\":{\"padding\":\"big\",\"title\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"Welcome to React Bricks!\"}]}],\"text\":[{\"type\":\"paragraph\",\"children\":[{\"text\":\"To edit the content, click on \\\"Edit content\\\" in the top menu.\"}]},{\"type\":\"paragraph\",\"children\":[{\"text\":\"If you just started the project, see the \"},{\"type\":\"link\",\"url\":\"https:\/\/reactbricks.com\/quick-start-guide\",\"children\":[{\"text\":\"Quick Start Guide\"}]},{\"text\":\"!\"}]}],\"icon\":{\"hashId\":\"xojkIge-_LqzN7G\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/-6gspMUhUKWsDwe.webp\",\"srcSet\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-400.webp 400w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-300.webp 300w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-200.webp 200w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-100.webp 100w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-50.webp 50w\",\"type\":\"image\/webp\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/placeholder\/-6gspMUhUKWsDwe.jpg\",\"fallbackSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/-6gspMUhUKWsDwe.jpg\",\"fallbackSrcSet\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-400.jpg 400w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-300.jpg 300w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-200.jpg 200w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-100.jpg 100w,\\nhttps:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/src_set\/-6gspMUhUKWsDwe-50.jpg 50w\",\"fallbackType\":\"image\/jpeg\",\"height\":535,\"width\":535,\"alt\":\"a red and white rocket ship flying through the sky\",\"seoName\":\"\",\"crop\":{\"x\":0,\"y\":0,\"width\":535,\"height\":535},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}}}},{\"id\":\"32010b5f-a51e-415d-92fc-6828f487c51e\",\"type\":\"features\",\"props\":{\"colsNumber\":\"2\",\"features\":[{\"id\":\"f657d67a-3681-4c33-b0e1-698da2a1cdf5\",\"type\":\"feature-item\",\"props\":{\"title\":\"The best experience for editors\",\"text\":\"Your marketing team hates gray forms. Give them the easiest UX.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"03Y0I_Cqiu6eb0I\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/zEPlcb4qxvNQIso.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/zEPlcb4qxvNQIso.svg\",\"height\":1,\"width\":1,\"alt\":\"Best UX for editors\",\"seoName\":\"best-ux-editors\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"colsNumber\":\"2\",\"linkText\":\"\",\"linkPath\":\"\"}},{\"id\":\"100e344b-abcf-4c2b-adf0-64b6bbc928a5\",\"type\":\"feature-item\",\"props\":{\"title\":\"React components for devs\",\"text\":\"Leverage React to create amazing visually editable content blocks.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"tgjPPtS2Zmo76Im\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/P7smLEh0jjGOBbI.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/P7smLEh0jjGOBbI.svg\",\"height\":1,\"width\":1,\"alt\":\"React components\",\"seoName\":\"react-components\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"colsNumber\":\"2\",\"linkText\":\"\",\"linkPath\":\"\"}},{\"id\":\"5f4df260-3cd5-4157-8775-7238dedcf902\",\"type\":\"feature-item\",\"props\":{\"title\":\"Your design system\",\"text\":\"Deploy your pixel-perfect design system and be sure nobody can break it..\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"6iPilZvoLcaQZvG\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/lNgttqJvTg1OqJw.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/lNgttqJvTg1OqJw.svg\",\"height\":1,\"width\":1,\"alt\":\"Design system\",\"seoName\":\"design-system\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"colsNumber\":\"2\",\"linkText\":\"\",\"linkPath\":\"\"}},{\"id\":\"32f393f4-641b-46c1-bff9-4a7f1a3fd22a\",\"type\":\"feature-item\",\"props\":{\"title\":\"Enterprise ready\",\"text\":\"Collaboration, localization, granular permissions, SSO, top support: we got you covered.\",\"withIcon\":true,\"withLink\":false,\"image\":{\"hashId\":\"lXwDRUd7MUhezym\",\"src\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/FeA6SJQaWKyiiox.svg\",\"srcSet\":\"\",\"type\":\"image\/svg+xml\",\"placeholderSrc\":\"https:\/\/assets.reactbricks.com\/vBFPKywIJmr1qOa\/images\/original\/FeA6SJQaWKyiiox.svg\",\"height\":1,\"width\":1,\"alt\":\"Enterprise-ready\",\"seoName\":\"enterprise-ready\",\"crop\":{\"x\":0,\"y\":0,\"width\":16,\"height\":16},\"transform\":{\"rotate\":0,\"flip\":{\"horizontal\":false,\"vertical\":false}}},\"colsNumber\":\"2\",\"linkText\":\"\",\"linkPath\":\"\"}}]}}]", "status": "PUBLISHED", "isLocked": false, "publishedAt": "2023-04-14T16:33:09.000Z", "tags": [] } ] } ]