AI Builder – Generate pages, blocks, images & translate with AI / 2.7.2

AI Builder – Generate pages, blocks, images & translate with AI v2.7.2

ai-builder / assets / JSON-Blocks / images.js

images.js in AI Builder – Generate pages, blocks, images & translate with AI 2.7.2, at assets/JSON-Blocks/images.js

302 lines 7.7 KB

Raw Download Zip

1	const images = [
2	{
3	id: "image-center-text-sides",
4	jsonBlocks: {
5	blockName: "core/group",
6	attrs: {
7	align: "full",
8	className: "image-center-text-sides",
9	layout: { type: "constrained" },
10	style: {
11	color: {
12	background: "#f7fafc",
13	},
14	spacing: {
15	padding: {
16	top: "48px",
17	right: "32px",
18	bottom: "48px",
19	left: "32px",
20	},
21	},
22	border: {
23	radius: "18px",
24	},
25	},
26	},
27	innerBlocks: [
28	{
29	blockName: "core/columns",
30	attrs: {
31	align: "full",
32	className: "image-center-columns",
33	verticalAlignment: "center",
34	style: {
35	spacing: {
36	padding: {
37	left: "32px",
38	right: "32px",
39	},
40	},
41	},
42	},
43	innerBlocks: [
44	{
45	blockName: "core/column",
46	attrs: {
47	className: "image-side-text",
48	width: "33.33%",
49	verticalAlignment: "center",
50	},
51	innerBlocks: [
52	{
53	blockName: "core/paragraph",
54	attrs: {
55	className: "image-side-text-content ai-text-block",
56	content: "Share your vision. Inspire your audience.",
57	style: {
58	typography: {
59	fontSize: "20px",
60	fontWeight: "500",
61	lineHeight: "1.5",
62	},
63	color: {
64	text: "#2d3748",
65	},
66	},
67	},
68	},
69	],
70	},
71	{
72	blockName: "core/column",
73	attrs: {
74	className: "image-center-image",
75	width: "33.33%",
76	verticalAlignment: "center",
77	},
78	innerBlocks: [
79	{
80	blockName: "core/image",
81	attrs: {
82	imageUrl: "",
83	className: "image-ui-rounded ai-image-block ai-image-block",
84	},
85	},
86	],
87	},
88	{
89	blockName: "core/column",
90	attrs: {
91	className: "image-side-text",
92	width: "33.33%",
93	verticalAlignment: "center",
94	},
95	innerBlocks: [
96	{
97	blockName: "core/paragraph",
98	attrs: {
99	className: "image-side-text-content ai-text-block",
100	content: "Deliver your message. Make it memorable.",
101	style: {
102	typography: {
103	fontSize: "20px",
104	fontWeight: "500",
105	lineHeight: "1.5",
106	},
107	color: {
108	text: "#2d3748",
109	},
110	},
111	},
112	},
113	],
114	},
115	],
116	},
117	],
118	},
119	},
120	{
121	id: "image-left-text-right",
122	jsonBlocks: {
123	blockName: "core/columns",
124	attrs: {
125	align: "full",
126	className: "image-left-text-right",
127	verticalAlignment: "center",
128	style: {
129	color: {
130	background: "#f0f4f8",
131	},
132	spacing: {
133	padding: {
134	top: "40px",
135	right: "32px",
136	bottom: "40px",
137	left: "32px",
138	},
139	},
140	border: {
141	radius: "16px",
142	},
143	},
144	},
145	innerBlocks: [
146	{
147	blockName: "core/column",
148	attrs: { className: "image-left-image", width: "50%" },
149	innerBlocks: [
150	{
151	blockName: "core/image",
152	attrs: {
153	imageUrl: "",
154	className: "image-ui-rounded ai-image-block ai-image-block",
155	},
156	},
157	],
158	},
159	{
160	blockName: "core/column",
161	attrs: { className: "image-left-text", width: "50%" },
162	innerBlocks: [
163	{
164	blockName: "core/paragraph",
165	attrs: {
166	className: "image-left-text-content ai-text-block",
167	content: "Engaging content, right where you need it.",
168	style: {
169	typography: {
170	fontSize: "22px",
171	fontWeight: "600",
172	},
173	color: {
174	text: "#1a202c",
175	},
176	},
177	},
178	},
179	],
180	},
181	],
182	},
183	},
184	{
185	id: "image-right-text-left",
186	jsonBlocks: {
187	blockName: "core/columns",
188	attrs: {
189	align: "full",
190	className: "image-right-text-left",
191	verticalAlignment: "center",
192	style: {
193	color: {
194	background: "#f0f4f8",
195	},
196	spacing: {
197	padding: {
198	top: "40px",
199	right: "32px",
200	bottom: "40px",
201	left: "32px",
202	},
203	},
204	border: {
205	radius: "16px",
206	},
207	},
208	},
209	innerBlocks: [
210	{
211	blockName: "core/column",
212	attrs: { className: "image-right-text", width: "50%" },
213	innerBlocks: [
214	{
215	blockName: "core/paragraph",
216	attrs: {
217	className: "image-right-text-content ai-text-block",
218	content: "Highlight your ideas with clarity and style.",
219	style: {
220	typography: {
221	fontSize: "22px",
222	fontWeight: "600",
223	},
224	color: {
225	text: "#1a202c",
226	},
227	},
228	},
229	},
230	],
231	},
232	{
233	blockName: "core/column",
234	attrs: { className: "image-right-image", width: "50%" },
235	innerBlocks: [
236	{
237	blockName: "core/image",
238	attrs: {
239	imageUrl: "",
240	className: "image-ui-rounded ai-image-block ai-image-block",
241	},
242	},
243	],
244	},
245	],
246	},
247	},
248	{
249	id: "image-top-text-bottom",
250	jsonBlocks: {
251	blockName: "core/group",
252	attrs: {
253	className: "image-top-text-bottom",
254	layout: { type: "constrained" },
255	style: {
256	color: {
257	background: "#f7fafc",
258	},
259	spacing: {
260	padding: {
261	top: "36px",
262	right: "32px",
263	bottom: "36px",
264	left: "32px",
265	},
266	},
267	border: {
268	radius: "14px",
269	},
270	},
271	},
272	innerBlocks: [
273	{
274	blockName: "core/image",
275	attrs: {
276	imageUrl: "",
277	className: "image-ui-rounded ai-image-block ai-image-block",
278	},
279	},
280	{
281	blockName: "core/paragraph",
282	attrs: {
283	className: "image-bottom-text-content ai-text-block",
284	content: "A clear message, right below your image.",
285	style: {
286	typography: {
287	fontSize: "20px",
288	fontWeight: "500",
289	},
290	color: {
291	text: "#2d3748",
292	},
293	},
294	},
295	},
296	],
297	},
298	},
299	];
300
301	export default images;
302