# Creght 页面区块库｜Hero、时间线与常用网站区块

> 浏览 Creght 精选页面区块，预览 Hero、时间线等设计，并复制到 Creght AI 编辑器继续创作。

[![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)](/)

Products

[AI Website BuilderRecommendedBuild websites and web apps through conversation](/ai.md) [Visual Website BuilderBuild precisely with a canvas, components, and effects](/design.md)

[Compare BothChoose the right creation method for your needs→](/ai-vs-visual-builder.md)

Solutions

[Designer Portfolio](/solution/designer-portfolio.md) [Foreign Trade Website](/solution/foreign-trade-website.md)

[Pricing](/price.md) [Help Center](/help.md)

[Resources](/resources.md)

Creght AI·Website Resources

[Website TemplatesStart from a complete website](/templates.md) [Page SectionsHero, pricing, case studies, and more](/blocks.md) [Motion InspirationDiscover reusable interaction effects](/effects.md)

[Browse all resources](/resources.md) [Visual Builder Resources](/design/resources.md)

[Contact Us](/contact.md)

[Get Started](https://creght.com/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](/)

[Discord](https://discord.gg/Qvq2nmZNnb)

## Links

- [Pricing](/price.md)
- [Solutions](/solution.md)
- [Customers](/customers.md)
- [Help Center](/help.md)
- [Contact Us](/contact.md)
- [Update Logs & Blogs](/blogs.md)
- [Refund Policy](/tuikuan.md)

## Resources

- [All Resources](/resources.md)
- [Templates](/templates.md)
- [Components](https://creghtlib.site.creght.com)
- [Animations](/design/effects.md)
- [Figma to Creght](/figma2creght.md)
- [API for AI](/api.md)

## Terms

- [Terms of Service](/legal/terms.md)
- [Privacy Policy](/legal/privacy.md)
- [Acceptable Use Policy](/legal/acceptable-use.md)

## Social Media

- [Twitter](https://twitter.com)
- [Facebook](https://www.facebook.com)
- [LinkedIn](https://www.linkedin.com)

[蜀ICP备2023038192号-2](https://beian.miit.gov.cn)