PluginProbe
AI Builder – Generate pages, blocks, images & translate with AI / 2.2.3
AI Builder – Generate pages, blocks, images & translate with AI v2.2.3
2.7.10 2.7.9 2.7.8 2.0.8 2.0.9 2.1.0 2.1.1 2.1.10 2.1.11 2.1.12 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.1.9 2.2.0 2.2.1 2.2.2 2.2.3 2.2.4 2.3.0 2.3.10 All 122 releases
ai-builder / assets / JSON-Blocks / banner.js

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

235 lines 6.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 const bannerBlocks = [
2 {
3 id: "banner-01",
4 jsonBlocks: {
5 blockName: "core/group",
6 attrs: {
7 align: "full",
8 className: "banner-container banner-modern",
9 style: {
10 color: {
11 background: "#2563eb",
12 },
13 },
14 },
15 innerBlocks: [
16 {
17 blockName: "core/group",
18 attrs: {
19 className: "banner-content",
20 },
21 innerBlocks: [
22 {
23 blockName: "core/heading",
24 attrs: {
25 content: "Welcome to Our Platform",
26 level: 2,
27 className: "banner-title",
28 textAlign: "center",
29 style: {
30 color: {
31 text: "#ffffff",
32 },
33 },
34 },
35 },
36 {
37 blockName: "core/paragraph",
38 attrs: {
39 content: "Discover amazing features and possibilities",
40 className: "banner-description ai-text-block",
41 textAlign: "center",
42 style: {
43 color: {
44 text: "#ffffff",
45 },
46 },
47 },
48 },
49 {
50 blockName: "core/buttons",
51 attrs: {
52 className: "banner-buttons",
53 },
54 innerBlocks: [
55 {
56 blockName: "core/button",
57 attrs: {
58 text: "Get Started",
59 className: "banner-button",
60 style: {
61 color: {
62 background: "#ffffff",
63 text: "#2563eb",
64 },
65 },
66 },
67 },
68 ],
69 },
70 ],
71 },
72 ],
73 },
74 },
75 {
76 id: "banner-02",
77 jsonBlocks: {
78 blockName: "core/group",
79 attrs: {
80 align: "full",
81 className: "banner-container banner-gradient",
82 style: {
83 color: {
84 background: "linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%)",
85 },
86 },
87 },
88 innerBlocks: [
89 {
90 blockName: "core/columns",
91 attrs: {
92 align: "full",
93 },
94 innerBlocks: [
95 {
96 blockName: "core/column",
97 attrs: {
98 className: "banner-text-column",
99 },
100 innerBlocks: [
101 {
102 blockName: "core/heading",
103 attrs: {
104 content: "Transform Your Experience",
105 level: 2,
106 className: "banner-title",
107 style: {
108 color: {
109 text: "#ffffff",
110 },
111 },
112 },
113 },
114 {
115 blockName: "core/paragraph",
116 attrs: {
117 content: "Join thousands of satisfied users worldwide",
118 className: "banner-description ai-text-block",
119 style: {
120 color: {
121 text: "#ffffff",
122 },
123 },
124 },
125 },
126 {
127 blockName: "core/buttons",
128 attrs: {
129 className: "banner-buttons",
130 },
131 innerBlocks: [
132 {
133 blockName: "core/button",
134 attrs: {
135 text: "Learn More",
136 className: "banner-button",
137 style: {
138 color: {
139 background: "#ffffff",
140 text: "#2563eb",
141 },
142 },
143 },
144 },
145 ],
146 },
147 ],
148 },
149 {
150 blockName: "core/column",
151 attrs: {
152 className: "banner-image-column",
153 },
154 innerBlocks: [
155 {
156 blockName: "core/image",
157 attrs: {
158 imageUrl: "",
159 className: "ai-image-block",
160 },
161 },
162 ],
163 },
164 ],
165 },
166 ],
167 },
168 },
169 {
170 id: "banner-03",
171 jsonBlocks: {
172 blockName: "core/group",
173 attrs: {
174 align: "full",
175 className: "banner-container banner-minimal",
176 style: {
177 color: {
178 background: "#f8f9fa",
179 },
180 },
181 },
182 innerBlocks: [
183 {
184 blockName: "core/group",
185 attrs: {
186 className: "banner-content",
187 },
188 innerBlocks: [
189 {
190 blockName: "core/heading",
191 attrs: {
192 content: "Simple & Effective",
193 level: 2,
194 className: "banner-title",
195 textAlign: "center",
196 },
197 },
198 {
199 blockName: "core/paragraph",
200 attrs: {
201 content: "Streamline your workflow with our intuitive tools",
202 className: "banner-description ai-text-block",
203 textAlign: "center",
204 },
205 },
206 {
207 blockName: "core/buttons",
208 attrs: {
209 className: "banner-buttons",
210 },
211 innerBlocks: [
212 {
213 blockName: "core/button",
214 attrs: {
215 text: "Try Now",
216 className: "banner-button",
217 style: {
218 color: {
219 background: "#2563eb",
220 text: "#ffffff",
221 },
222 },
223 },
224 },
225 ],
226 },
227 ],
228 },
229 ],
230 },
231 },
232 ];
233
234 export default bannerBlocks;
235