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 / calendar.js

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

214 lines 6.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 const calendarBlocks = [
2 {
3 id: "calendar-01",
4 jsonBlocks: {
5 blockName: "core/group",
6 attrs: {
7 align: "full",
8 className: "calendar-container",
9 style: {
10 color: {
11 background: "#ffffff",
12 },
13 },
14 },
15 innerBlocks: [
16 {
17 blockName: "core/heading",
18 attrs: {
19 content: "Upcoming Events",
20 level: 2,
21 className: "calendar-title",
22 textAlign: "center",
23 },
24 },
25 {
26 blockName: "core/paragraph",
27 attrs: {
28 content: "Stay updated with our latest events and activities",
29 className: "calendar-description ai-text-block",
30 textAlign: "center",
31 },
32 },
33 {
34 blockName: "core/group",
35 attrs: {
36 className: "calendar-content",
37 },
38 innerBlocks: [
39 {
40 blockName: "core/columns",
41 attrs: {
42 className: "calendar-grid",
43 },
44 innerBlocks: [
45 {
46 blockName: "core/column",
47 attrs: {
48 className: "calendar-event",
49 },
50 innerBlocks: [
51 {
52 blockName: "core/group",
53 attrs: {
54 className: "event-date",
55 },
56 innerBlocks: [
57 {
58 blockName: "core/paragraph",
59 attrs: {
60 content: "15",
61 className: "event-day ai-text-block",
62 },
63 },
64 {
65 blockName: "core/paragraph",
66 attrs: {
67 content: "JUN",
68 className: "event-month ai-text-block",
69 },
70 },
71 ],
72 },
73 {
74 blockName: "core/heading",
75 attrs: {
76 content: "Workshop: Web Design",
77 level: 3,
78 className: "event-title",
79 },
80 },
81 {
82 blockName: "core/paragraph",
83 attrs: {
84 content:
85 "Learn the latest web design trends and techniques",
86 className: "event-description ai-text-block",
87 },
88 },
89 {
90 blockName: "core/paragraph",
91 attrs: {
92 content: "10:00 AM - 12:00 PM",
93 className: "event-time ai-text-block",
94 },
95 },
96 ],
97 },
98 {
99 blockName: "core/column",
100 attrs: {
101 className: "calendar-event",
102 },
103 innerBlocks: [
104 {
105 blockName: "core/group",
106 attrs: {
107 className: "event-date",
108 },
109 innerBlocks: [
110 {
111 blockName: "core/paragraph",
112 attrs: {
113 content: "22",
114 className: "event-day ai-text-block",
115 },
116 },
117 {
118 blockName: "core/paragraph",
119 attrs: {
120 content: "JUN",
121 className: "event-month ai-text-block",
122 },
123 },
124 ],
125 },
126 {
127 blockName: "core/heading",
128 attrs: {
129 content: "Conference: Digital Marketing",
130 level: 3,
131 className: "event-title",
132 },
133 },
134 {
135 blockName: "core/paragraph",
136 attrs: {
137 content:
138 "Explore the future of digital marketing strategies",
139 className: "event-description ai-text-block",
140 },
141 },
142 {
143 blockName: "core/paragraph",
144 attrs: {
145 content: "2:00 PM - 5:00 PM",
146 className: "event-time ai-text-block",
147 },
148 },
149 ],
150 },
151 {
152 blockName: "core/column",
153 attrs: {
154 className: "calendar-event",
155 },
156 innerBlocks: [
157 {
158 blockName: "core/group",
159 attrs: {
160 className: "event-date",
161 },
162 innerBlocks: [
163 {
164 blockName: "core/paragraph",
165 attrs: {
166 content: "30",
167 className: "event-day ai-text-block",
168 },
169 },
170 {
171 blockName: "core/paragraph",
172 attrs: {
173 content: "JUN",
174 className: "event-month ai-text-block",
175 },
176 },
177 ],
178 },
179 {
180 blockName: "core/heading",
181 attrs: {
182 content: "Networking Event",
183 level: 3,
184 className: "event-title",
185 },
186 },
187 {
188 blockName: "core/paragraph",
189 attrs: {
190 content:
191 "Connect with industry professionals and expand your network",
192 className: "event-description ai-text-block",
193 },
194 },
195 {
196 blockName: "core/paragraph",
197 attrs: {
198 content: "6:00 PM - 8:00 PM",
199 className: "event-time ai-text-block",
200 },
201 },
202 ],
203 },
204 ],
205 },
206 ],
207 },
208 ],
209 },
210 },
211 ];
212
213 export default calendarBlocks;
214