LayoutLab

Word Grid System

JSON Input (Array of Posts)

[
  {
    "contentType": "text",
    "title": "The Future of AI",
    "author": {
      "name": "John Doe",
      "avatar": ""
    },
    "date": "2023-06-15",
    "content": "Artificial Intelligence is rapidly evolving, transforming industries and reshaping our daily lives. From self-driving cars to advanced medical diagnostics, AI is pushing the boundaries of what's possible. As we look to the future, it's clear that AI will play an increasingly central role in solving complex problems and driving innovation across all sectors.",
    "tags": [
      "AI",
      "Technology",
      "Future"
    ],
    "readTime": 5,
    "likes": 120,
    "comments": 18,
    "shares": 35
  },
  {
    "contentType": "image",
    "author": {
      "name": "Jane Smith",
      "avatar": ""
    },
    "date": "2023-06-16",
    "imageUrl": "/placeholder.svg?height=300&width=400",
    "caption": "A beautiful sunset over the mountains",
    "filter": "Valencia",
    "location": "Rocky Mountains",
    "likes": 250,
    "comments": 42,
    "shares": 15
  },
  {
    "contentType": "article",
    "title": "The Impact of Climate Change on Biodiversity",
    "author": {
      "name": "Dr. Emily Green",
      "avatar": ""
    },
    "date": "2023-06-24",
    "summary": "This article explores the far-reaching effects of climate change on global biodiversity...",
    "content": "Climate change is one of the most pressing issues of our time, with wide-ranging impacts on ecosystems worldwide. As temperatures rise and weather patterns shift, countless species are facing unprecedented challenges to their survival. This article delves into the latest research on how climate change is affecting biodiversity, from coral reefs to arctic tundra, and what steps we can take to mitigate its impact.",
    "category": "Environment",
    "readTime": 12,
    "likes": 89,
    "comments": 15,
    "shares": 32
  },
  {
    "contentType": "list",
    "title": "10 Essential Productivity Tips",
    "author": {
      "name": "Productivity Guru",
      "avatar": ""
    },
    "date": "2023-06-25",
    "items": [
      "Set clear goals",
      "Prioritize tasks",
      "Use the Pomodoro Technique",
      "Minimize distractions",
      "Take regular breaks",
      "Use productivity apps",
      "Learn to say no",
      "Get enough sleep",
      "Exercise regularly",
      "Reflect and adjust"
    ],
    "description": "Boost your productivity with these tried-and-tested tips!",
    "likes": 150,
    "comments": 28,
    "shares": 45
  },
  {
    "contentType": "howto",
    "title": "How to Start a Vegetable Garden",
    "author": {
      "name": "Green Thumb",
      "avatar": ""
    },
    "date": "2023-06-26",
    "steps": [
      {
        "title": "Choose a Location",
        "description": "Select a spot with at least 6 hours of sunlight daily."
      },
      {
        "title": "Prepare the Soil",
        "description": "Test and amend your soil for optimal growing conditions."
      },
      {
        "title": "Plan Your Garden",
        "description": "Decide what vegetables to grow and their arrangement."
      },
      {
        "title": "Plant Your Vegetables",
        "description": "Sow seeds or transplant seedlings according to their needs."
      },
      {
        "title": "Water and Maintain",
        "description": "Regularly water, weed, and care for your garden."
      }
    ],
    "timeRequired": "2-3 weeks for setup, ongoing maintenance",
    "difficulty": "Medium",
    "likes": 210,
    "comments": 45,
    "shares": 78
  },
  {
    "contentType": "grid",
    "title": "Quarterly Sales Overview",
    "author": {
      "name": "Sales Team",
      "avatar": ""
    },
    "date": "2023-07-01",
    "gridItems": [
      {
        "title": "Q1 Revenue",
        "value": "$1.2M"
      },
      {
        "title": "Q2 Revenue",
        "value": "$1.5M"
      },
      {
        "title": "Q3 Revenue",
        "value": "$1.8M"
      },
      {
        "title": "Q4 Revenue",
        "value": "$2.1M"
      },
      {
        "title": "Total Revenue",
        "value": "$6.6M"
      },
      {
        "title": "YoY Growth",
        "value": "22%"
      }
    ],
    "columns": 3,
    "likes": 85,
    "comments": 12,
    "shares": 30
  },
  {
    "contentType": "graph",
    "title": "Monthly User Growth",
    "author": {
      "name": "Data Analyst",
      "avatar": ""
    },
    "date": "2023-07-02",
    "data": [
      {
        "name": "Jan",
        "value": 4000
      },
      {
        "name": "Feb",
        "value": 3000
      },
      {
        "name": "Mar",
        "value": 5000
      },
      {
        "name": "Apr",
        "value": 4500
      },
      {
        "name": "May",
        "value": 6000
      },
      {
        "name": "Jun",
        "value": 8000
      }
    ],
    "xAxisLabel": "Month",
    "yAxisLabel": "Users",
    "likes": 120,
    "comments": 18,
    "shares": 45
  },
  {
    "contentType": "statistic",
    "title": "Customer Satisfaction Score",
    "author": {
      "name": "Customer Success",
      "avatar": ""
    },
    "date": "2023-07-03",
    "value": 92,
    "unit": "%",
    "change": 5,
    "description": "Based on our latest customer survey",
    "likes": 75,
    "comments": 8,
    "shares": 20
  },
  {
    "contentType": "comparison",
    "title": "Product A vs Product B Performance",
    "author": {
      "name": "Product Manager",
      "avatar": ""
    },
    "date": "2023-07-04",
    "items": [
      {
        "name": "Sales",
        "valueA": 100000,
        "valueB": 120000
      },
      {
        "name": "Customer Rating",
        "valueA": 4.2,
        "valueB": 4.5
      },
      {
        "name": "Return Rate",
        "valueA": 5,
        "valueB": 3
      }
    ],
    "labelA": "Product A",
    "labelB": "Product B",
    "likes": 95,
    "comments": 22,
    "shares": 18
  },
  {
    "contentType": "timeline",
    "title": "Company Milestones",
    "author": {
      "name": "PR Team",
      "avatar": ""
    },
    "date": "2023-07-05",
    "events": [
      {
        "date": "2010",
        "title": "Founded",
        "description": "Company was established"
      },
      {
        "date": "2015",
        "title": "Series A",
        "description": "Raised $10M in funding"
      },
      {
        "date": "2018",
        "title": "Expansion",
        "description": "Opened offices in 5 new countries"
      },
      {
        "date": "2022",
        "title": "IPO",
        "description": "Successfully went public"
      }
    ],
    "likes": 150,
    "comments": 30,
    "shares": 60
  },
  {
    "contentType": "checklist",
    "title": "Product Launch Checklist",
    "author": {
      "name": "Project Manager",
      "avatar": ""
    },
    "date": "2023-07-06",
    "items": [
      {
        "text": "Finalize product features",
        "checked": true
      },
      {
        "text": "Complete user testing",
        "checked": true
      },
      {
        "text": "Prepare marketing materials",
        "checked": true
      },
      {
        "text": "Set up sales channels",
        "checked": false
      },
      {
        "text": "Train customer support team",
        "checked": false
      }
    ],
    "likes": 80,
    "comments": 15,
    "shares": 25
  }
]

Post 1 of 11

Avatar Image

Design Settings

Color Theme

Font Size: 16px

Padding: 16px

Border Radius: 8px

Max Width: 600px

Show Share Button

The Future of AI

by John Doe

2023-06-15

Artificial Intelligence is rapidly evolving, transforming industries and reshaping our daily lives. From self-driving cars to advanced medical diagnostics, AI is pushing the boundaries of what's possible. As we look to the future, it's clear that AI will play an increasingly central role in solving complex problems and driving innovation across all sectors.

Technology

Future

5 min read

Image Post

by Jane Smith

2023-06-16

A beautiful sunset over the mountains

Filter: Valencia | Location: Rocky Mountains

The Impact of Climate Change on Biodiversity

by Dr. Emily Green

2023-06-24

The Impact of Climate Change on Biodiversity

This article explores the far-reaching effects of climate change on global biodiversity...

Climate change is one of the most pressing issues of our time, with wide-ranging impacts on ecosystems worldwide. As temperatures rise and weather patterns shift, countless species are facing unpreced...

Category: Environment | 12 min read

10 Essential Productivity Tips

by Productivity Guru

2023-06-25

10 Essential Productivity Tips

Boost your productivity with these tried-and-tested tips!

Set clear goals
Prioritize tasks
Use the Pomodoro Technique
Minimize distractions
Take regular breaks
Use productivity apps
Learn to say no
Get enough sleep
Exercise regularly
Reflect and adjust

How to Start a Vegetable Garden

by Green Thumb

2023-06-26

How to Start a Vegetable Garden

Step 1: Choose a Location

Select a spot with at least 6 hours of sunlight daily.

Step 2: Prepare the Soil

Test and amend your soil for optimal growing conditions.

Step 3: Plan Your Garden

Decide what vegetables to grow and their arrangement.

Step 4: Plant Your Vegetables

Sow seeds or transplant seedlings according to their needs.

Step 5: Water and Maintain

Regularly water, weed, and care for your garden.

Time required: 2-3 weeks for setup, ongoing maintenance | Difficulty: Medium

Quarterly Sales Overview

by Sales Team

2023-07-01

Quarterly Sales Overview

Q1 Revenue

$1.2M

Q2 Revenue

$1.5M

Q3 Revenue

$1.8M

Q4 Revenue

$2.1M

Total Revenue

$6.6M

YoY Growth

22%

Monthly User Growth

by Data Analyst

2023-07-02

Monthly User Growth

Customer Satisfaction Score

by Customer Success

2023-07-03

Customer Satisfaction Score

92%

↑ 5%

Based on our latest customer survey

Product A vs Product B Performance

by Product Manager

2023-07-04

Product A vs Product B Performance

Metric

Product A

Product B

Sales

100000

120000

Customer Rating

4.2

4.5

Return Rate

Company Milestones

by PR Team

2023-07-05

Company Milestones

2010

Founded

Company was established

2015

Series A

Raised $10M in funding

2018

Expansion

Opened offices in 5 new countries

2022

IPO

Successfully went public

Product Launch Checklist

by Project Manager

2023-07-06