{"id":18484892,"url":"https://github.com/redocly/landing-page-gallery","last_synced_at":"2025-10-31T13:30:39.647Z","repository":{"id":260319419,"uuid":"864247436","full_name":"Redocly/landing-page-gallery","owner":"Redocly","description":"Explore landing pages in a Redocly project that were built with React. ","archived":false,"fork":false,"pushed_at":"2024-12-10T17:18:03.000Z","size":659,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":13,"default_branch":"main","last_synced_at":"2025-02-09T19:16:17.094Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Redocly.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-27T19:17:44.000Z","updated_at":"2024-12-20T11:25:12.000Z","dependencies_parsed_at":null,"dependency_job_id":"2f5b594b-2291-483e-871c-c812656817e2","html_url":"https://github.com/Redocly/landing-page-gallery","commit_stats":null,"previous_names":["redocly/landing-page-gallery"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Redocly%2Flanding-page-gallery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Redocly%2Flanding-page-gallery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Redocly%2Flanding-page-gallery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Redocly%2Flanding-page-gallery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Redocly","download_url":"https://codeload.github.com/Redocly/landing-page-gallery/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239201642,"owners_count":19599078,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-06T12:43:30.254Z","updated_at":"2025-10-31T13:30:39.576Z","avatar_url":"https://github.com/Redocly.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Redocly landing page gallery\n\nWelcome to Redocly's Landing Page Gallery!\nIn addition to Markdown pages, the following Redocly products allow you to build custom pages with React: [Realm](https://redocly.com/realm), [Revel](https://redocly.com/revel), and [Reef](https://redocly.com/reef).\n\nThis repository contains a collection of example landing pages built using React and related tooling.\nThe examples are designed to help you learn how to create custom React pages in your documentation.\n\n## Example pages\n\nThe gallery has the following example pages available:\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eScreenshot\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg \n          src=\"images/example-saas-thumbnail.png\"\n          alt=\"Example SaaS landing page thumbnail\"\n          style=\"max-width: 360px; margin-right: 20px\"\n        /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ch4\u003eExample SaaS landing page\u003c/h4\u003e\n        \u003cp\u003e\n          A sleek, modern landing page for a SaaS product. Features a full-width hero with CTA, highlighted features, full-width quote, pricing plans, and email subscription.\n        \u003c/p\u003e\n        \u003cp\u003e\u003cb\u003eTools:\u003c/b\u003e React, styled-components\u003c/p\u003e\n        \u003cp\u003e\u003ca href=\"example-saas/index.page.tsx\"\u003eView source code\u003c/a\u003e\u003c/p\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg \n          src=\"images/training-portal-thumbnail.png\"\n          alt=\"Training portal landing page thumbnail\"\n          style=\"max-width: 400px; margin-right: 20px;\"\n        /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ch4\u003eRedocly training portal landing page\u003c/h4\u003e\n        \u003cp\u003e\n          An example landing page built for training and onboarding. Features hero with gradient background and responsive content cards with icons.\n        \u003c/p\u003e\n        \u003cp\u003e\u003cb\u003eTools:\u003c/b\u003e React, styled-components\u003c/p\u003e\n        \u003cp\u003e\u003ca href=\"legacy-portal/training.page.tsx\"\u003eView source code\u003c/a\u003e\u003c/p\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n## Table of contents\n\n- [Usage](#usage)\n- [Project Structure](#project-structure)\n- [Contributing](#contributing)\n- [Requests](#requests)\n\n## Usage\n\nFollow these steps to run the development server and preview the landing pages:\n\n1. Clone the repo:\n\n    ```bash\n    git clone https://github.com/Redocly/landing-page-gallery.git\n    ```\n\n1. Navigate to the project folder.\n\n1. Start the development server: `npx @redocly/cli@latest preview`\n\n1. Click the **Preview URL** in the console to open project in browser.\n\n## Project structure\n\nEach landing page is self-contained in its own folder, including any components or resources needed for that page.\n\nDependencies are managed from the central `package.json` file.\n\n## Contributing\n\nContributions to the Landing page gallery are quite welcome.\nFollow these steps if you'd like to add a new example or improve an existing one:\n\n1. Fork the repo\n\n1. Create new branch for your changes\n\n1. Make your changes and follow the project structure\n\n1. Submit a pull request with description of your changes or additions\n\n1. If adding a new page, add thumbnail and description to `README.md`\n\n## Requests\n\nWe'd like to expand the gallery with new and useful examples.\nIf there's a specific page or React-based tool you'd like an example of, please open an issue using our issue template.\n\nWe'll review issues and consider adding them in the future.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredocly%2Flanding-page-gallery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fredocly%2Flanding-page-gallery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredocly%2Flanding-page-gallery/lists"}