# Creght 页面区块库｜Hero、时间线与常用网站区块 > 浏览 Creght 精选页面区块，预览 Hero、时间线等设计，并复制到 Creght AI 编辑器继续创作。 [![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)](/en.md) Products [AI Website BuilderRecommendedBuild websites and web apps through conversation](/en/ai.md) [Visual Website BuilderBuild precisely with a canvas, components, and effects](/en/design.md) [Compare BothChoose the right creation method for your needs→](/en/ai-vs-visual-builder.md) Solutions [Designer Portfolio](/en/solution/designer-portfolio.md) [Foreign Trade Website](/en/solution/foreign-trade-website.md) [Pricing](/en/price.md) [Help Center](/en/help.md) [Resources](/en/resources.md) Creght AI·Website Resources [Website TemplatesStart from a complete website](/en/templates.md) [Page SectionsHero, pricing, case studies, and more](/en/blocks.md) [Motion InspirationDiscover reusable interaction effects](/en/effects.md) [Browse all resources](/en/resources.md) [Visual Builder Resources](/en/design/resources.md) [Contact Us](/en/contact.md) [Get Started](https://creght.cn/project) CREGHT BLOCKS # Page sections [View all sections↗](https://blocks.creght.com/) Curated sections ready for Creght websites. Preview one, then copy it into the AI editor to adapt it. AllHeroTimeline 5 sections ![Hero · Laser Flow section cover](https://fsu.creght.com/_assets/site/2064188570427461632/1782288502801__hero_laserflow.jpg)[Preview：Hero · Laser Flow](https://blocks.creght.com/preview?section=hero-laserFlow) Copy to Creght [Preview](https://blocks.creght.com/preview?section=hero-laserFlow) ## Hero · Laser Flow Hero A fluid laser hero for technology products and AI services. ![Hero · Light Rays section cover](https://fsu.creght.com/_assets/site/2064188570427461632/1782288504865__hero_lightrays.png)[Preview：Hero · Light Rays](https://blocks.creght.com/preview?section=hero-lightRays) Copy to Creght [Preview](https://blocks.creght.com/preview?section=hero-lightRays) ## Hero · Light Rays Hero A light-ray hero for communicating speed, connectivity, and intelligence. ![Hero · 04 section cover](https://fsu.creght.com/_assets/site/2064188570427461632/1782288495943__hero_04.png)[Preview：Hero · 04](https://blocks.creght.com/preview?section=hero-04) Copy to Creght [Preview](https://blocks.creght.com/preview?section=hero-04) ## Hero · 04 Hero A clean hero combining natural scenery with product cards. ![Hero · 02 section cover](https://fsu.creght.com/_assets/site/2064188570427461632/1782288491975__hero_02.png)[Preview：Hero · 02](https://blocks.creght.com/preview?section=hero-02) Copy to Creght [Preview](https://blocks.creght.com/preview?section=hero-02) ## Hero · 02 Hero A butterfly-particle hero for premium technology brands and visual storytelling. ![Timeline · 01 section cover](https://fsu.creght.com/project/mDzERvIUUmW/lZKFrnwKLQS__area.gif)[Preview：Timeline · 01](https://blocks.creght.com/preview?section=timeline-01) Copy to Creght [Preview](https://blocks.creght.com/preview?section=timeline-01) ## Timeline · 01 Timeline HOW TO USE ## Use a page section Bring a selected section into your Creght website in three steps. 1. 01→ ### Choose and preview Open the preview and check that the visual style, interaction, and structure fit your page. 2. 02→ ### Copy to Creght Click Copy to Creght to copy the template reference for the selected section. 3. 03 ### Paste and adapt Paste it into the site AI chat, then describe where it belongs and what should change. ![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png) This website is built with [Creght](/en.md) ![WeChat Support](https://fsu.creght.com/site/2066727200882692096/1785119134612__image.png) WeChat Support ## Links - [Pricing](/en/price.md) - [Solutions](/en/solution.md) - [Customers](/en/customers.md) - [Help Center](/en/help.md) - [Contact Us](/en/contact.md) - [Update Logs & Blogs](/en/blogs.md) - [Refund Policy](/en/tuikuan.md) ## Resources - [All Resources](/en/resources.md) - [Templates](/en/templates.md) - [Components](https://creghtlib.site.creght.com) - [Animations](/en/design/effects.md) - [Figma to Creght](/en/figma2creght.md) - [API for AI](/en/api.md) ## Comparisons - [vs Shianxianle](/en/creght-vs-sxl.md) - [vs Fanke](/en/creght-vs-fkw.md) - [自己写代码 vs Creght](/en/compare/self-coding.md) - [外包 vs 自己做](/en/compare/outsourcing.md) ## Terms - [Terms of Service](/en/legal/terms.md) - [Privacy Policy](/en/legal/privacy.md) - [Acceptable Use Policy](/en/legal/acceptable-use.md) ## Social Media - [Xiaohongshu](https://www.xiaohongshu.com/user/profile/5a38606811be10715f4895b6) - [Bilibili](https://space.bilibili.com/513308095) [蜀ICP备2023038192号-2](https://beian.miit.gov.cn)