# Website components

> 10 Website components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: Blog index, Blog post, CookieConsent, FeatureStory, LegalPage, Marketing sections, Personal widgets, Profile page, Testimonials, TypingTerminal.

Source: https://docs.nasaqui.com/components/groups/website

- [Blog index](https://docs.nasaqui.com/components/blog-index): A blog landing page: featured post, search, category and tag filters, post cards with cover, date and reading time, and pagination.
- [Blog post](https://docs.nasaqui.com/components/blog-post): A post page: cover, byline, reading progress bar, sticky table of contents with scroll-spy, rich Markdown body with callouts and code, share, tags, author, previous and next, related posts and a comments slot.
- [CookieConsent](https://docs.nasaqui.com/components/cookie-consent): Cookie consent banner and preferences dialog with Consent Mode categories. Reject and Accept carry equal weight, and it holds no tracking code.
- [FeatureStory](https://docs.nasaqui.com/components/feature-story): One feature told as copy plus a picture, side by side above 48rem of container width; alternate with reverse to build a product page.
- [LegalPage](https://docs.nasaqui.com/components/legal-page): A legal document page with a switcher between documents, the updated date, a draft notice, numbered sections with copyable anchors and a section rail.
- [Marketing sections](https://docs.nasaqui.com/components/marketing-sections): Building blocks for a product page. How it works steps, a feature grid, a closing call to action banner, credit packs, aurora and grid backgrounds, a hero with an app mockup and a scripted AI session that plays back. They sit beside the existing feature story, plan cards and testimonials.
- [Personal widgets](https://docs.nasaqui.com/components/personal-widgets): Small widgets for a personal site: availability badge, local clock with working-hours state, social links, now list, stats, skills and weather.
- [Profile page](https://docs.nasaqui.com/components/profile-page): A two-column profile page: an identity column (avatar, name, handle, links, one action, bio, widgets) beside about, experience, skills, projects, writing and testimonials. The owner also sees their apps and account details.
- [Testimonials](https://docs.nasaqui.com/components/testimonials): A public form for people to leave a testimonial with a rating and consent, and a display as masonry wall, equal grid or spotlight, with a menu for moderation.
- [TypingTerminal](https://docs.nasaqui.com/components/typing-terminal): A terminal that types commands and prints their output step by step, for hero sections and docs. Renders the full transcript first, for servers and reduced motion.