[{"id":"355dbef8-3be4-471f-9e32-9216323bc816","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"34faaca0-a50b-41de-b80f-2864ff21c52a","type":"sandpack","props":{"files":"[{\"id\":\"/styles.css\",\"name\":\"styles.css\",\"code\":\"body {\\n font-family: system-ui;\\n padding: 20px;\\n background-color: #f8fafc;\\n color: #1e293b;\\n}\\n\\nh1 {\\n color: #0f172a;\\n}\",\"language\":\"css\"},{\"id\":\"/index.html\",\"name\":\"index.html\",\"code\":\"\\n\\n\\n Vanilla\\n \\n\\n\\n

1\\n

\\n

Edit index.html or styles.css or index.js to get started

\\n \\n\\n\",\"language\":\"html\"},{\"id\":\"/package.json\",\"name\":\"package.json\",\"code\":\"{\\n \\\"dependencies\\\": {},\\n \\\"main\\\": \\\"/index.html\\\",\\n \\\"devDependencies\\\": {}\\n}\",\"language\":\"json\"},{\"id\":\"/index.js\",\"name\":\"index.js\",\"code\":\"console.log(\\\"Hello Vanilla!\\\");\",\"language\":\"javascript\"}]","template":"vanilla-ts","activeFile":"","showCode":"true","width":"100%","height":"auto","emptyFolders":"[]"},"children":[]},{"id":"c2564dbe-4428-4b15-ba6a-f33cea1b15af","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"e2237d8c-78b7-4077-9030-05b398714720","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"d54b0f9f-b83b-4fd5-af65-d94c5e00cebc","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"b4e40ea0-7d09-4642-96fc-54af68bcb3a7","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"gsap-project/\n│\n├── public/\n│ ├── index.html\n│ ├── favicon.ico\n│\n├── src/\n│ │\n│ ├── animations/\n│ │ ├── heroAnimation.js\n│ │ ├── scrollAnimation.js\n│ │ ├── textAnimation.js\n│ │ └── timeline.js\n│ │\n│ ├── components/\n│ │ ├── navbar.js\n│ │ ├── hero.js\n│ │ ├── gallery.js\n│ │ └── footer.js\n│ │\n│ ├── gsap/\n│ │ ├── gsapConfig.js\n│ │ ├── registerPlugins.js\n│ │ └── defaults.js\n│ │\n│ ├── utils/\n│ │ ├── dom.js\n│ │ ├── helpers.js\n│ │ └── debounce.js\n│ │\n│ ├── styles/\n│ │ ├── base.css\n│ │ ├── layout.css\n│ │ └── animations.css\n│ │\n│ ├── assets/\n│ │ ├── images/\n│ │ ├── icons/\n│ │ └── fonts/\n│ │\n│ ├── pages/\n│ │ ├── home.js\n│ │ └── about.js\n│ │\n│ └── main.js\n│\n├── dist/\n│\n├── package.json\n├── ","styles":{}},{"type":"link","href":"http://README.md","content":[{"type":"text","text":"README.md\n","styles":{}}]},{"type":"text","text":"└── .gitignore","styles":{}}],"children":[]},{"id":"63a8e52c-5c22-448b-84ca-fc4bcba6bda5","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]}]