https://pageai.pro PageAI is an AI website builder that ships a production-ready Next.js codebase from a single prompt — plan, design, and deploy your landing page with SEO, blog, and themes baked in. The Claude Design alternative that exports real, owned code. en-us (PageAI) (PageAI) Sun, 19 Apr 2026 00:00:00 GMT https://pageai.pro/blog/docker-sandboxes-sbx-quick-start https://pageai.pro/blog/docker-sandboxes-sbx-quick-start Learn how to set up Docker Sandboxes (sbx) to safely run Claude Code, Codex, Gemini, Copilot and other AI coding agents in isolated microVMs. Full quick start, essential commands, and advanced tips for headless loops and parallel agent branches. Sun, 19 Apr 2026 00:00:00 GMT (PageAI) guidetutorialaiai-codingdockerdocker-sandboxessbxsandboxsecurityclaude-codecodexgemini-clicursor-clicopilotvibe-codingagentic-aiproductivity https://pageai.pro/blog/claude-design-vs-lovable-vs-pageai https://pageai.pro/blog/claude-design-vs-lovable-vs-pageai An honest, public-information comparison of four AI-for-websites tools: Claude Design (Anthropic Labs), Lovable, Bolt.new, and PageAI. No benchmark theater, no fake receipts. Just which tool is built for which job, and why most buyers are comparing the wrong dimension. Fri, 17 Apr 2026 00:00:00 GMT (PageAI) comparisonreviewaiai-website-builderclaude-designanthropiclovablebolt-newpageainextjsvibe-codinglanding-pageproductivity https://pageai.pro/blog/agentic-workflow-landing-pages https://pageai.pro/blog/agentic-workflow-landing-pages A landing page is where most agentic AI workflows die. The model can design, can code, can even deploy. It can't do all three in one pass. Here is the five-stage pipeline that actually ships a production Next.js landing page, with full prompts and the shipping layer that holds it together. Sat, 11 Apr 2026 00:00:00 GMT (PageAI) guidetutorialaiai-codingagentic-aiclaude-codeopenai-codexcursorlanding-pagevibe-codingautomationproductivitypromptsnextjs https://pageai.pro/blog/claude-artifact-to-production https://pageai.pro/blog/claude-artifact-to-production Claude Design is brilliant for exploring a look. But the artifact isn't a production website. Here's the honest walkthrough of what it takes to ship an AI-designed landing page, from the manual copy-paste grind to the shortcut that actually works. Sun, 05 Apr 2026 00:00:00 GMT (PageAI) guidetutorialaiai-codingclaudeclaude-designclaude-artifactsanthropiclanding-pagenextjsvibe-codingproductivityseo https://pageai.pro/blog/long-running-ai-coding-agents-ralph-loop https://pageai.pro/blog/long-running-ai-coding-agents-ralph-loop Learn how to set up the Ralph Loop to orchestrate long running AI coding agents, completely unsupervised. Includes all prompts, skills, scripts and a step-by-step walkthrough in Claude Code, Codex and Gemini CLI. Sun, 22 Feb 2026 00:00:00 GMT (PageAI) guideaiai-codingralph-loopclaude-codeopenaigeminicursoropenai-codexgemini-clicursor-clivibe-codingagentic-aiproductivitydockertutorial https://pageai.pro/blog/vibe-coding-starter-guide https://pageai.pro/blog/vibe-coding-starter-guide Learn the 3-step workflow to generate beautiful, responsive, and maintainable UIs from any design with agentic AI coding. Includes free starter kit, prompts, and all steps to get AI to produce production-ready code. Fri, 19 Dec 2025 00:00:00 GMT (PageAI) guidebeginneraiai-codingvibe-codingcursoruidesigndashboardtailwindtutorialproductivity https://pageai.pro/blog/31-claude-code-setup-tips https://pageai.pro/blog/31-claude-code-setup-tips Claude Code crash course with 33 tips covering shortcuts, prompting, MCP servers, automation hooks, commands, subagents, and rules/memories. This tutorial will make Claude Code better than Cursor! Mon, 11 Aug 2025 00:00:00 GMT (PageAI) guidebeginneraiai-codingcodingclaude-codemcpvibe-codinganthropicclaudeproductivitytipstrickssetuphooksautomation https://pageai.pro/blog/claude-code-taskmaster-ai-tutorial https://pageai.pro/blog/claude-code-taskmaster-ai-tutorial Learn how to set up a task manager MCP server (Claude TaskMaster AI) to reduce AI coding errors in Claude Code. Write a PRD, analyze complexity and break down tasks using Claude Code's integrated MCP support. Sun, 13 Jul 2025 00:00:00 GMT (PageAI) guidebeginneraiai-codingcodingtaskmaster-aiclaude-taskmaster-aiclaude-codemcpvibe-codingdebug-aiprd-fileanthropicclaudeproduct-requirements-documentblog-postsetup https://pageai.pro/blog/cursor-rules-tutorial https://pageai.pro/blog/cursor-rules-tutorial Learn how to automatically generate Cursor rules for any project file, language, or framework. After this tutorial you'll stop writing rules by hand and let AI create perfect, project-specific coding guidelines. Mon, 23 Jun 2025 00:00:00 GMT (PageAI) guidebeginneraiai-codingcodingcursorcursor-ruleswindsurflovablevibe-codingproductivityautomationdevelopmentbest-practicesclaudechatgptblog-posttutorial https://pageai.pro/docs/adding-blog-components-and-pages https://pageai.pro/docs/adding-blog-components-and-pages It is possible to generate a template with PageAI without a blog. However, you can add a blog later on. This guide will show you how to do that. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) guidedocumentationghostblogtutorialimportpostsmarkdown https://pageai.pro/docs/adding-metas-to-a-page https://pageai.pro/docs/adding-metas-to-a-page Learn how to add metas to a page in your PageAI/Next.js project. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) guidedocumentationtutorialnextjs https://pageai.pro/docs/command-overview https://pageai.pro/docs/command-overview Get an overview of the available local commands (npm scripts) for boilerplates generated with PageAI. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) guidedocumentationlocaltutorialcli https://pageai.pro/docs/creating-a-blog-mdx-component https://pageai.pro/docs/creating-a-blog-mdx-component Learn how to create a custom React component that can be used in the blog. Custom components can be used to create reusable sections in the blog as well as interactive components. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) blogguidemdxmarkdowndocumentationtutorial https://pageai.pro/docs/creating-a-layout https://pageai.pro/docs/creating-a-layout Learn how to create custom layouts for your blog posts. Layouts are a great way to add a consistent look and feel to your blog posts. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) blogguidemdxmarkdowndocumentation https://pageai.pro/docs/getting-started https://pageai.pro/docs/getting-started Getting Started with PageAI. See how to generate your first website, customize and download or deploy it to continue vibe coding. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) documentationpageaipromptdeploydownloadcustomizepreview https://pageai.pro/docs/landing-page-components https://pageai.pro/docs/landing-page-components The PageAI generated codebase comes with custom-made presentational components that you can use to build your own landing page. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) blogguidecomponentsdocumentationlanding-pageui-libraryshadcn-ui-landing-page https://pageai.pro/docs/other-advanced-topics https://pageai.pro/docs/other-advanced-topics Discover other advanced topics, such as how to create more PageAI components and the underlying codebase. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) documentationpageaiadvanced https://pageai.pro/docs/pageai-cursor-rules-explained https://pageai.pro/docs/pageai-cursor-rules-explained A deep dive into all PageAI Cursor rules: what they do, how to use them, and why they make your codebase (and AI coding) better. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) guidecursorrulesbest-practicesai-codingcursor-rulescursor-rules-examplenextjstypescripttailwindcssshadcn-uiblog-post https://pageai.pro/docs/pageai-documentation https://pageai.pro/docs/pageai-documentation PageAI Documentation. See how to generate websites, work with landing page components, design and the built-in blog. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) documentationpageai https://pageai.pro/docs/running-locally https://pageai.pro/docs/running-locally In this article you will learn how to run the code locally after it has been deployed Sun, 15 Jun 2025 00:00:00 GMT (PageAI) guidedocumentationlocaltutorial https://pageai.pro/docs/troubleshooting https://pageai.pro/docs/troubleshooting Troubleshoot and fix common issues or errors with PageAI/Next.js, as well as an overview of the codebase, components, tools and deployment. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) guidedocumentationgenerationtutorialtroubleshootingfix-issueerrorcodebaseboilerplatestartertools https://pageai.pro/docs/ui-library https://pageai.pro/docs/ui-library The PageAI codebase comes with a themed UI library, built on top with Shadcn UI (a Radix UI & Tailwind CSS component library). Sun, 15 Jun 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationui-libraryshadcn-uiradix-uishadcn-ui-boilerplateshadcn-ui-components https://pageai.pro/docs/using-the-blog https://pageai.pro/docs/using-the-blog Learn how to use the blog. Write blog posts by example plus get a markdown cheatsheet - headers, lists, images, tables and more! Sun, 15 Jun 2025 00:00:00 GMT (PageAI) blogguidemdxmarkdowndocumentation https://pageai.pro/docs/vibe-coding-with-pageai https://pageai.pro/docs/vibe-coding-with-pageai This guide will show you how to vibe code PageAI-generated websites with AI tooling like Cursor. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) documentationpageaivibe-codingcursor https://pageai.pro/docs/analytics/setting-up-posthog-analytics https://pageai.pro/docs/analytics/setting-up-posthog-analytics Setting up analytics with Posthog in your Next.js / PageAI app is easy and straightforward. This guide will walk you through the process step by step. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) guidedocumentationposthogtutorialanalyticstrackingsetup https://pageai.pro/docs/analytics/setting-up-vercel-analytics https://pageai.pro/docs/analytics/setting-up-vercel-analytics Setting up analytics with Vercel is pre-configured and easy to use. In this tutorial, we will walk you through the process of setting up analytics with Vercel in your Next.js / PageAI app. Sun, 15 Jun 2025 00:00:00 GMT (PageAI) guidedocumentationverceltutorialanalyticstrackingsetup https://pageai.pro/docs/landing-page-components/leading-pill https://pageai.pro/docs/landing-page-components/leading-pill A flexible inline pill component for announcements, badges, and call-to-action elements with SVG borders, gradient variants, glass backgrounds, and comprehensive customization options. Sat, 31 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-csspillbadgeannouncementctainlineshadcn-uishadcn-ui-landing-pageshadcn-ui-pillshadcn-ui-badge https://pageai.pro/docs/landing-page-components/primary-cta-text-effects https://pageai.pro/docs/landing-page-components/primary-cta-text-effects A collection of text effects for the primary CTA section. Great for adding visual interest to your landing page and making it more engaging. Sat, 31 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-csstailwind-css-effectstailwind-text-effectsctacall-to-actiontext-effectsunderline-effectsshadcn-uishadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/primary-cta-effects https://pageai.pro/docs/landing-page-components/primary-cta-effects A collection of animated background effects for the primary CTA section. Great for adding visual interest to your landing page and making it more engaging. Fri, 30 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssctacall-to-actionbackground-effectsparticlesanimationcanvasshadcn-uishadcn-ui-landing-pageshadcn-ui-particles https://pageai.pro/docs/landing-page-components/pricing-comparison https://pageai.pro/docs/landing-page-components/pricing-comparison A comprehensive price comparison component that allows you to compare features across 2-5 products or services with customizable headers, footers, and feature lists. Thu, 29 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-csspricingcomparisonfeaturesproduct-comparisonshadcn-uishadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/about https://pageai.pro/docs/landing-page-components/about Showcase your company information with elegant About, Vision, and Mission sections to build trust with your audience Fri, 16 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssaboutabout-usvisionmissioncompany-infolanding-aboutshadcn-uishadcn-ui-landing-pageshadcn-ui-about https://pageai.pro/docs/landing-page-components/bento-grid https://pageai.pro/docs/landing-page-components/bento-grid A flexible bento grid component for creating visually appealing grid layouts for landing pages Fri, 16 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssbento-gridbento-uigrid-layoutcard-gridfeature-gridshadcn-uishadcn-ui-landing-pageshadcn-ui-bento-grid https://pageai.pro/docs/landing-page-components/problem-solution https://pageai.pro/docs/landing-page-components/problem-solution A component for presenting problems and their solutions in a side-by-side comparison format Fri, 16 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssproblem-solutionproblem-statementproduct-featureshadcn-uishadcn-ui-landing-pageshadcn-ui-problem-solutionshadcn-ui-problem-statement https://pageai.pro/docs/landing-page-components/product-card https://pageai.pro/docs/landing-page-components/product-card A flexible product grid section component for displaying product cards in a responsive layout Fri, 16 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssproduct-sectionproduct-cardproduct-gride-commerceshadcn-uishadcn-ui-landing-pageshadcn-ui-product-cardshadcn-ui-card https://pageai.pro/docs/landing-page-components/stats https://pageai.pro/docs/landing-page-components/stats A customizable grid of statistics showcased in a clean, bordered layout for displaying key metrics and achievements Fri, 16 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssstatsmetricsachievementsdata-displaygridlanding-statsshadcn-uishadcn-ui-landing-pageshadcn-ui-stats https://pageai.pro/docs/landing-page-components/team https://pageai.pro/docs/landing-page-components/team A flexible component for showcasing team members with customizable layout and styling options Fri, 16 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssteammembersteam-membersteam-sectionteam-memberprofileshadcn-uishadcn-ui-team https://pageai.pro/docs/landing-page-components/problem-agitator https://pageai.pro/docs/landing-page-components/problem-agitator A component for displaying common user problems in a visually engaging format with hover annotations Thu, 15 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssproblem-agitatoragitatorpain-pointsuser-problemsshadcn-ui https://pageai.pro/docs/landing-page-components/product-steps https://pageai.pro/docs/landing-page-components/product-steps A component for displaying a series of product steps or features with alternating media positions Thu, 15 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssproduct-stepsproduct-featuresstep-by-stepinstructionslanding-stepsshadcn-uishadcn-ui-landing-pageshadcn-ui-product-stepsshadcn-ui-step-by-stepshadcn-ui-instructions https://pageai.pro/docs/landing-page-components/blog-list https://pageai.pro/docs/landing-page-components/blog-list A responsive blog list component that displays blog posts in a grid or list format. Wed, 14 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pagelanding-blogblogblog-listblog-post-cardblog-post-gridui-libraryreactnextjstailwind-cssshadcn-uishadcn-ui-blog-list https://pageai.pro/docs/landing-page-components/blog-post https://pageai.pro/docs/landing-page-components/blog-post A component for displaying blog post cards in a clean, modern design Wed, 14 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssblogblog-cardarticlecontent https://pageai.pro/docs/landing-page-components/primary-video-cta https://pageai.pro/docs/landing-page-components/primary-video-cta A versatile landing page component for showcasing a video alongside compelling call-to-action content Wed, 14 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssprimary-ctavideo-playercta-sectionvideo-ctalanding-cta https://pageai.pro/docs/landing-page-components/appstore-button https://pageai.pro/docs/landing-page-components/appstore-button A component for displaying app store download buttons on landing pages. Supports iOS App Store, Mac App Store, Microsoft Store, and Google Play Store with white and black variants. Tue, 13 May 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssapp-storedownload-buttonios-appstoregoogle-playstoremicrosoft-storemac-appstorelanding-app-store-buttonshadcn-uishadcn-ui-button https://pageai.pro/docs/landing-page-components/pricing-plan https://pageai.pro/docs/landing-page-components/pricing-plan A component meant to be used for landing page pricing plan display with features and a call-to-action button. On smaller screens, the layout becomes a single column to ensure usability. Tue, 25 Feb 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-csspricing-planlanding-pricing-planshadcn-uishadcn-ui-pricing-planshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/pricing https://pageai.pro/docs/landing-page-components/pricing A component meant to be used for landing page pricing display. It can show different pricing plans or tiers, features, and a call-to-action button. Tue, 25 Feb 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-csspricinglanding-pricingshadcn-uishadcn-ui-pricingshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/footer https://pageai.pro/docs/landing-page-components/footer A component meant to be used for the footer on the landing page. It provides additional information and links related to the website, organized in columns. On smaller screens, it changes to a horizontal layout to ensure usability. Mon, 24 Feb 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssfooterlanding-footershadcn-uishadcn-ui-footershadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/newsletter https://pageai.pro/docs/landing-page-components/newsletter A component meant to be used for a newsletter subscription on the landing page. It allows users to enter their email to subscribe to updates. On smaller screens, the input field may adjust accordingly. Sun, 23 Feb 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssnewsletterwaitlistinput-emaillanding-newslettershadcn-uishadcn-ui-newslettershadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/navigation https://pageai.pro/docs/landing-page-components/navigation A component meant to be used as navigation / header in the landing page. It displays a top navigation bar with a main menu and a logo. On smaller screens, the main menu is hidden and a hamburger menu is displayed instead. Sat, 22 Feb 2025 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssnavigationmain-menutop-navigationnavigationheaderlanding-navigationlanding-page-headershadcn-uishadcn-ui-navigationshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/product-tour https://pageai.pro/docs/landing-page-components/product-tour A component meant to be used in the landing page. It displays a list of features and content corresponding to each, creating a product tour. Useful to showcase many features in a compact way and guide the user through the product. Sun, 08 Sep 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageproduct-tourproduct-featurefeature-listui-libraryreactnextjstailwind-cssshadcn-uishadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/marquee https://pageai.pro/docs/landing-page-components/marquee A component meant to be used in the landing page. It displays an animated marquee that can loop through images, icons, or text. Mon, 05 Aug 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssmarqueeshadcn-uishadcn-ui-marqueeshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/showcase https://pageai.pro/docs/landing-page-components/showcase A component meant to be used in the landing page. It displays text and a grid of logos/images, optionally showcasing the companies that use the product, integrations etc. Mon, 05 Aug 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssshowcaselogo-gridicon-gridgridshadcn-uishadcn-ui-showcaseshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/testimonial-inline-item https://pageai.pro/docs/landing-page-components/testimonial-inline-item A component meant to be used in the landing page. It displays a single testimonial inline. Use this to highlight short customer testimonials or reviews. are meant as short validation and are usually support for a primary or secondary Call to action. Can be used with Testimonial Inline. Tue, 09 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-csstestimonialshadcn-uishadcn-ui-testimonialshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/discount https://pageai.pro/docs/landing-page-components/discount A component meant to be used in the landing page. Use this to show a discount or offer to encourage users to take action, typically used under call to action buttons. Thu, 04 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssdiscountshadcn-uishadcn-ui-discountshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/faq-collapsible https://pageai.pro/docs/landing-page-components/faq-collapsible A component meant to be used in the landing page. It displays a collapsible list of frequently asked questions and their answers. Thu, 04 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssfaqfrequently-asked-questionsshadcn-uishadcn-ui-frequently-asked-questionsshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/feature-key-points https://pageai.pro/docs/landing-page-components/feature-key-points A component meant to be used in the landing page. This component displays bullet points (key features) in the description of LandingProductFeature. Thu, 04 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pagekey-pointsbullet-pointsui-libraryreactnextjstailwind-cssshadcn-uishadcn-ui-bullet-pointsshadcn-ui-key-points https://pageai.pro/docs/landing-page-components/primary-image-cta https://pageai.pro/docs/landing-page-components/primary-image-cta A component meant to be used in the landing page. A section that shows a title, description and an image. Optionally, it can have actions (children), leading components and a background glow. Thu, 04 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssctacall-to-actionshadcn-uishadcn-ui-ctashadcn-ui-call-to-actionshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/primary-text-cta https://pageai.pro/docs/landing-page-components/primary-text-cta A component meant to be used in the landing page as the primary Call to Action section. A section that shows a title & description. Optionally, it can have actions (children) and a background. Thu, 04 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssctacall-to-actionshadcn-uishadcn-ui-ctashadcn-ui-call-to-actionshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/product-features-grid https://pageai.pro/docs/landing-page-components/product-features-grid A component meant to be used in the landing page. It displays a title, description and a grid of LandingProductFeature and/or LandingProductVideoFeature (in any combination, passed as children). Thu, 04 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageproduct-featurefeature-listui-libraryreactnextjstailwind-cssshadcn-uishadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/product-hunt-award https://pageai.pro/docs/landing-page-components/product-hunt-award A component meant to be used in the landing page. Use this to show a Product Hunt award, if applicable, to increase trust. Thu, 04 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssproduct-huntshadcn-uishadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/product-video-feature https://pageai.pro/docs/landing-page-components/product-video-feature A component meant to be used in the landing page. It displays a title, description and video of a product's feature. The video could either be left, right or center (larger). The section can have a background or not. Thu, 04 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssshadcn-uishadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/rating https://pageai.pro/docs/landing-page-components/rating A component meant to be used in the landing page. Shows a rating with stars. Thu, 04 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssratingshadcn-uishadcn-ui-ratingshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/social-proof-band-item https://pageai.pro/docs/landing-page-components/social-proof-band-item A component meant to be used in the landing page, as a child of Social Proof Band. Shows a social proof/key feature/milestone item with an optional graphic. Thu, 04 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-csssocial-proofshadcn-uishadcn-ui-social-proofshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/social-proof-band https://pageai.pro/docs/landing-page-components/social-proof-band A component meant to be used in the landing page. Highlights important features, milestones or testimonials of your product. Use this to highlight key features or social proof. This is usually placed at the top of the page, but you can also use it in between sections or below your primary CTA. Thu, 04 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-csssocial-proofshadcn-uishadcn-ui-social-proofshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/social-proof https://pageai.pro/docs/landing-page-components/social-proof A component meant to be used in the landing page. Use this to show proof of existing, happy customers & increase trust.. Thu, 04 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-csssocial-proofshadcn-uishadcn-ui-social-proofshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/testimonial-inline https://pageai.pro/docs/landing-page-components/testimonial-inline A component meant to be used in the landing page. It displays a grid of short testimonials. Use this to highlight short customer testimonials or reviews. These are not meant for reviews, but short validation and are usually support for a primary or secondary Call to action. Thu, 04 Apr 2024 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-csstestimonialshadcn-uishadcn-ui-testimonialshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/band https://pageai.pro/docs/landing-page-components/band This component is used to display a fullscreen, brand-colored section that displays a title, description & some product logos or icons. Sun, 19 Nov 2023 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssshowcasesocial-proofshadcn-uishadcn-ui-social-proofshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/faq https://pageai.pro/docs/landing-page-components/faq This component is used to display frequently asked questions & answers on the landing page. Sun, 19 Nov 2023 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-cssfrequently-asked-questionsshadcn-uishadcn-ui-frequently-asked-questionsshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/feature-list https://pageai.pro/docs/landing-page-components/feature-list This component is used to display a list of features on the landing page. Each feature has a title, description and icon. Sun, 19 Nov 2023 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryproduct-featurefeature-listreactnextjstailwind-cssshadcn-uishadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/feature https://pageai.pro/docs/landing-page-components/feature This component is used to display a single product feature. It has a title, description and icon. Used in the Features List component. Sun, 19 Nov 2023 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageproduct-featureui-libraryreactnextjstailwind-cssshadcn-uishadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/product-feature https://pageai.pro/docs/landing-page-components/product-feature This component is used to display a product feature in the landing page. It can show an image on the left, right or center; either in perspective or flat and has many customization options Sun, 19 Nov 2023 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageproduct-featureui-libraryreactnextjstailwind-cssshadcn-uishadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/sale-cta https://pageai.pro/docs/landing-page-components/sale-cta A component meant to be used in the landing page. Use this to prompt users to take action, such as signing up for a trial or buying a product. Sun, 19 Nov 2023 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-librarytailwind-cssreactnextjsctacall-to-actionshadcn-uishadcn-ui-ctashadcn-ui-call-to-actionshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/testimonial-grid https://pageai.pro/docs/landing-page-components/testimonial-grid A component meant to be used in the landing page. Use this to highlight customer testimonials or reviews as a grid. Each testimonial has text, a name, and a picture of the person. Sun, 19 Nov 2023 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-csstestimonialshadcn-uishadcn-ui-testimonialshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/testimonial-list https://pageai.pro/docs/landing-page-components/testimonial-list This component is used to display a list of testimonials. Each testimonial has text, a name, and a picture of the person. Sun, 19 Nov 2023 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-csstestimonialshadcn-uishadcn-ui-testimonialshadcn-ui-landing-page https://pageai.pro/docs/landing-page-components/testimonial https://pageai.pro/docs/landing-page-components/testimonial This component is used to display a single testimonial. It has text, a name, and a picture of the person. Sun, 19 Nov 2023 00:00:00 GMT (PageAI) guidecomponentsdocumentationlanding-pageui-libraryreactnextjstailwind-csstestimonialshadcn-uishadcn-ui-testimonialshadcn-ui-landing-page