UI-Builder/example.json at main · AdityyaX/UI-Builder · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
{
  "page": {
    "title": "Home Page",
    "components": [
      {
        "type": "hero",
        "props": {
          "backgroundImage": "url('/images/hero-bg.jpg')",
          "title": "Welcome to Our Website",
          "subtitle": "Your success starts here",
          "cta": {
            "text": "Get Started",
            "link": "/get-started"
          }
        },
        "style": {
          "padding": "50px",
          "textAlign": "center",
          "color": "#fff"
        }
      },
      {
        "type": "services",
        "props": {
          "items": [
            {
              "title": "Web Development",
              "description": "Build responsive and engaging websites.",
              "icon": "url('/icons/web-development.png')"
            },
            {
              "title": "SEO Optimization",
              "description": "Improve your site's visibility on search engines.",
              "icon": "url('/icons/seo.png')"
            }
          ]
        },
        "style": {
          "backgroundColor": "#f8f8f8",
          "padding": "30px"
        }
      },
      {
        "type": "blogPreview",
        "props": {
          "posts": [
            {
              "title": "Latest Trends in Tech",
              "excerpt": "Stay ahead with the latest technology trends.",
              "link": "/blog/latest-trends-in-tech"
            },
            {
              "title": "How to Start a Startup",
              "excerpt": "Essential tips for budding entrepreneurs.",
              "link": "/blog/startup-tips"
            }
          ]
        },
        "style": {
          "margin": "20px 0",
          "textAlign": "left"
        }
      }
    ]
  }
}