Hero
ContentHero
Main header section
Editable fields
backgroundFitbackgroundImagebackgroundOverlaycta.hrefcta.sizecta.style+11
LandiPilot Docs
UI Block Library
Explore every UI block available for page creation with its category, editable fields, and actual rendered appearance.
Each preview is rendered from the actual UI block component used by LandiPilot.
View details
Minimal Hero
ContentHeroMinimal
Simple and clean hero section
Editable fields
backgroundColorcta.hrefcta.sizecta.stylecta.textsize+9
Split Hero
ContentHeroSplit
Split layout hero section with image
Editable fields
backgroundColorcta.hrefcta.sizecta.stylecta.textdescription+16
Gradient Hero
ContentHeroGradient
Hero section with beautiful gradient background
Editable fields
cta.hrefcta.sizecta.stylecta.textdescriptiongradientDirection+17
Video Hero
ContentHeroVideo
Impactful hero section with video background
Editable fields
autoplaycta.hrefcta.sizecta.stylecta.textdescription+20
Product Hero
ContentHeroProduct
Impactful hero section for product showcase
Editable fields
backgroundColorcta.hrefcta.sizecta.stylecta.textdescription+21
Slider Hero
ContentHeroSlider
Dynamic hero section with multiple slides
Editable fields
autoplayautoplayDelayloopminHeightoverlayOpacityshowNavigation+21
Features
ContentFeatures
Display main features
Editable fields
backgroundColoritems[].descriptionitems[].iconitems[].link.hrefitems[].link.textitems[].title+9
Call to Action
ContentCTA
Call to action section
Editable fields
backgroundColorcta.hrefcta.sizecta.stylecta.textpattern+8
FAQ
ContentFAQ
Answer common questions in Q&A format
Editable fields
backgroundColoritems[].answeritems[].questionspacing.marginBottomspacing.marginTopspacing.paddingBottom+6
Divider
LayoutDivider
Horizontal line to separate sections
Editable fields
colormarginstylethicknesstypography.textSizewidth
Spacer
LayoutSpacer
Add blank space between sections
Editable fields
heighttypography.textSize
Rich Text Settings
ContentRichText
HTML/Markdown-enabled rich text
Editable fields
backgroundColorcontentfontSizeformatmaxWidthpadding+6
Image + Text Settings
ContentImageText
Side-by-side image and text layout
Editable fields
backgroundColorcontentcta.hrefcta.sizecta.stylecta.text+14
CTA Banner
ContentCTABanner
Full-width prominent CTA banner
Editable fields
backgroundColorcta.hrefcta.sizecta.stylecta.textlayout+9
CTA Card
ContentCTACard
Card-style CTA
Editable fields
backgroundColorborderStylecta.hrefcta.sizecta.stylecta.text+11
Alternating Features
ContentFeaturesAlternating
Image and text in alternating layout
Editable fields
backgroundColorgapimageRatioitems[].cta.hrefitems[].cta.sizeitems[].cta.style+12
Icon Features
ContentFeaturesIcons
Icon-centered feature introduction
Editable fields
backgroundColoriconColoriconSizeitems[].descriptionitems[].iconitems[].title+8
Card Features Settings
ContentFeaturesCards
Card-style feature introduction
Editable fields
backgroundColorcardStyleitems[].descriptionitems[].iconitems[].imageitems[].link.href+11
Numbered Features
ContentFeaturesNumbers
Display numbered steps or features
Editable fields
backgroundColoritems[].descriptionitems[].numberitems[].titlelayoutnumberColor+9
Comparison
ContentFeaturesCompare
Compare features in Before/After format
Editable fields
afterLabelbackgroundColorbeforeLabelhighlightAfteritems[].afteritems[].before+9
Showcase
ContentFeaturesShowcase
Display a large image with feature list
Editable fields
backgroundColorcta.hrefcta.sizecta.stylecta.textdescription+11
Bento Grid
ContentFeaturesBento
Apple-style irregular grid layout
Editable fields
backgroundColorgapitems[].coloritems[].descriptionitems[].iconitems[].image+9
Header (Simple)
LayoutHeaderSimple
Simple header navigation
Editable fields
backgroundColorbackgroundOpacitycta.hrefcta.sizecta.stylecta.text+13
Header (Centered Logo)
LayoutHeaderCentered
Header with centered logo
Editable fields
backgroundColorbackgroundOpacityleftNavItems[].hrefleftNavItems[].isExternalleftNavItems[].labellogo.href+12
Header (Transparent)
LayoutHeaderTransparent
Transparent header (for use over Hero sections)
Editable fields
cta.hrefcta.sizecta.stylecta.textlogo.hreflogo.imageUrl+11
Header (Mega Menu)
LayoutHeaderMega
Large header with mega menu navigation
Editable fields
backgroundColorbackgroundOpacitycta.hrefcta.textcta.variantdirectLinks[].href+22
Footer (Simple)
LayoutFooterSimple
Simple footer
Editable fields
backgroundColorcopyrightlinks[].hreflinks[].isExternallinks[].labellogo.imageUrl+10
Footer (Columns)
LayoutFooterColumns
Multi-column footer
Editable fields
backgroundColorcolumns[].links[].hrefcolumns[].links[].isExternalcolumns[].links[].labelcolumns[].titlecopyright+12
Footer (Social)
LayoutFooterSocial
Simple footer with social media links
Editable fields
backgroundColorcopyrighticonSizelayoutlogo.hreflogo.imageUrl+12
Footer (Newsletter)
LayoutFooterNewsletter
Footer with newsletter subscription
Editable fields
backgroundColorbuttonTextcopyrightdescriptionheadinglayout+17
Testimonial (Simple)
ContentTestimonialSimple
Simple single testimonial display
Editable fields
backgroundColorspacing.marginBottomspacing.marginTopspacing.paddingBottomspacing.paddingTopstyle+9
Testimonial (Slider)
ContentTestimonialSlider
Carousel-style testimonial slider
Editable fields
autoPlayautoPlayIntervalbackgroundColornavigationLabels.goToSlidenavigationLabels.nextnavigationLabels.prev+15
Testimonial (Cards)
ContentTestimonialCards
Card-style grid layout
Editable fields
backgroundColorcardStylelayoutshowRatingspacing.marginBottomspacing.marginTop+11
Pricing Table
ContentPricingTable
Pricing plan comparison table
Editable fields
backgroundColorperiodLabels.monthperiodLabels.onceperiodLabels.yearplans[].badgeplans[].cta.href+20
Pricing Cards
ContentPricingCards
Card-style pricing display
Editable fields
backgroundColorcardStylelayoutperiodLabels.monthperiodLabels.onceperiodLabels.year+22
Contact Form
FormContactForm
Customizable contact form
Editable fields
backgroundColoremailTofields[].labelfields[].options[].labelfields[].options[].valuefields[].placeholder+17
Newsletter Form
FormNewsletterForm
Email subscription form
Editable fields
backgroundColorlayoutplaceholdersizespacing.marginBottomspacing.marginTop+9
Lead Form
FormLeadForm
Lead generation form
Editable fields
backgroundColorborderStylefields[].labelfields[].options[].labelfields[].options[].valuefields[].placeholder+19
Gallery Grid
MediaGalleryGrid
Grid-style image gallery
Editable fields
aspectRatiobackgroundColorgapimages[].altimages[].captionimages[].url+9
Gallery Slider
MediaGallerySlider
Slider-style image gallery
Editable fields
aspectRatioautoPlayautoPlayIntervalbackgroundColorimages[].altimages[].caption+11
Video Embed
MediaVideoEmbed
YouTube/Vimeo video embed
Editable fields
aspectRatioautoPlaybackgroundColorloopmaxWidthmuted+11
Stats
ContentStatsSimple
Numerical statistics display
Editable fields
backgroundColorlayoutspacing.marginBottomspacing.marginTopspacing.paddingBottomspacing.paddingTop+10
Social Links
SocialSocialLinks
Social media links
Editable fields
backgroundColoriconColoriconSizeiconStylelayoutlinks[].label+10
Quote
ContentQuote
Display quotes or testimonials
Editable fields
accentColorauthorauthorImageauthorTitlebackgroundColorquote+10
Callout
ContentCallout
Highlight important information
Editable fields
borderPositioncontentdismissibleiconspacing.marginBottomspacing.marginTop+5
Accordion
ContentAccordion
Collapsible content sections
Editable fields
allowMultiplebackgroundColordefaultOpenFirsticonPositionitems[].contentitems[].isOpen+9
Table
ContentTable
Display data in tabular format
Editable fields
backgroundColorborderedcaptioncompacthasHeaderhoverable+10
Tabs
ContentTabs
Tabbed content sections
Editable fields
alignmentbackgroundColordefaultTabspacing.marginBottomspacing.marginTopspacing.paddingBottom+7
Embed
MediaEmbed
Embed external content
Editable fields
allowFullscreenaspectRatioautoplaycaptionlazyLoadmaxWidth+9
Google Map
MediaGoogleMap
Show a secure Google Maps embed
Editable fields
allowFullscreencaptiondescriptionheightlocationmaxWidth+7
Split CTA
CTACTASplit
Left-right split CTA section
Editable fields
backgroundColordescriptionimageimagePositionprimaryCta.hrefprimaryCta.size+13
Quote Testimonial
SocialTestimonialQuote
Large quote testimonial block
Editable fields
authorauthorImageauthorTitlebackgroundColorcompanyLogoquote+9
Floating CTA
CTACTAFloating
Fixed CTA bar that appears on scroll
Editable fields
backgroundColorcta.hrefcta.sizecta.stylecta.textdismissible+7
Pricing FAQ
PricingPricingFAQ
Frequently asked questions about pricing
Editable fields
backgroundColorfaqTitlefaqs[].answerfaqs[].questionlayoutpricingPlan.cta.href+15
Countdown CTA
CTACTACountdown
CTA with countdown timer for limited offers
Editable fields
backgroundColorcta.hrefcta.sizecta.stylecta.textdescription+14
Video Testimonial
SocialTestimonialVideo
Video format customer testimonial
Editable fields
aspectRatioauthorauthorImageauthorTitleautoPlaybackgroundColor+11
Pricing Toggle
PricingPricingToggle
Monthly/yearly toggle pricing display
Editable fields
backgroundColordefaultBillingmonthlyLabelplans[].badgeplans[].cta.hrefplans[].cta.size+18
Pricing Comparison
PricingPricingComparison
Detailed pricing table with feature comparison
Editable fields
backgroundColorfeatures[].namefeatures[].tooltipplans[].badgeplans[].cta.hrefplans[].cta.size+16
Case Study
ContentCaseStudy
Detailed customer success story section
Editable fields
backgroundColorchallengecompanyLogocompanyNamecta.hrefcta.size+22
FAQ Search
ContentFAQSearch
Frequently asked questions with search functionality
Editable fields
backgroundColoritems[].answeritems[].questionnoResultsTextsearchPlaceholdersearchResultsLabel+8
FAQ Categories
ContentFAQCategories
FAQ section organized by categories
Editable fields
backgroundColorcategories[].iconcategories[].items[].answercategories[].items[].questioncategories[].nameexpandFirstItem+8
Login Form
FormLoginForm
Authentication form with social login support
Editable fields
actionUrlbackgroundColoremailLabelforgotPasswordTextforgotPasswordUrlpasswordLabel+13
Quote Form
FormQuoteForm
Customizable quote request form
Editable fields
backgroundColorfields[].labelfields[].options[].labelfields[].options[].valuefields[].placeholderfields[].required+18
Registration Form
FormRegisterForm
Account creation form with social registration
Editable fields
actionUrlbackgroundColorfields[].labelfields[].options[].labelfields[].options[].valuefields[].placeholder+19
Booking Form
FormBookingForm
Appointment booking form with date/time selection
Editable fields
backgroundColordateLabelemailLabelexcludeDays[]maxDatemessageLabel+19
Stats Cards
StatsStatsCards
Card-style statistics display
Editable fields
backgroundColorcardStylecolumnsshowIconshowTrendspacing.marginBottom+14
Stats Progress
StatsStatsProgress
Progress bar style skill/progress display
Editable fields
animatedbackgroundColoritems[].coloritems[].displayValueitems[].labelitems[].value+9
Animated Stats
StatsStatsAnimated
Statistics with count-up animation
Editable fields
backgroundColorcolumnsspacing.marginBottomspacing.marginTopspacing.paddingBottomspacing.paddingTop+12
Masonry Gallery
GalleryGalleryMasonry
Masonry layout image gallery
Editable fields
backgroundColorcolumnsenableLightboxgapimages[].altimages[].caption+11
Video Background
VideoVideoBackground
Hero section with video background
Editable fields
autoplayctaButton.stylectaButton.textctaButton.urlloopminHeight+14
Lightbox Gallery
GalleryGalleryLightbox
Image gallery with lightbox support
Editable fields
aspectRatiobackgroundColorcolumnsenableSlideshowenableZoomgap+14
Video Gallery
VideoVideoGallery
Video collection gallery display
Editable fields
backgroundColorcolumnsenableFilterfilterAllLabellayoutshowCategory+14
Menu Grid
RestaurantMenuGrid
Display menu items in a grid layout
Editable fields
backgroundColorcardStylecolumnscurrencycurrencyPositionitems[].calories+30
Menu Cards
RestaurantMenuCards
Display menu items as visual cards
Editable fields
backgroundColorcardStylecolumnscurrencycurrencyPositionitems[].calories+31
Menu Categories
RestaurantMenuCategories
Display menu organized by categories
Editable fields
backgroundColorcategories[].descriptioncategories[].iconcategories[].items[].caloriescategories[].items[].descriptioncategories[].items[].image+39
Menu Specials
RestaurantMenuSpecials
Showcase special or featured menu items
Editable fields
autoPlayautoPlayIntervalbackgroundColorcurrencycurrencyPositionitems[].availableUntil+33
Team Grid
ContentTeamGrid
Display team members in a grid layout
Editable fields
backgroundColorlayoutmembers[].avatarmembers[].biomembers[].departmentmembers[].name+11
Team Cards
ContentTeamCards
Display team members as cards
Editable fields
backgroundColorcardStylemembers[].avatarmembers[].biomembers[].departmentmembers[].name+12
Team Slider
ContentTeamSlider
Display team members in a slider
Editable fields
autoPlayautoPlayIntervalbackgroundColormembers[].avatarmembers[].biomembers[].department+17
Team Detailed Profile
ContentTeamDetailed
Display detailed team member profiles
Editable fields
achievementsLabelbackgroundColorlayoutmembers[].achievements[]members[].avatarmembers[].bio+18
Logo Grid
ContentLogoGrid
Display partner/client logos in a grid
Editable fields
backgroundColorgrayscalelayoutlogos[].altlogos[].linklogos[].url+7
Partner Showcase
ContentPartnerShowcase
Showcase partner companies with details
Editable fields
allCategoriesLabelbackgroundColorlayoutlearnMoreLabelpartners[].categorypartners[].description+12
Horizontal Timeline
ContentTimelineHorizontal
Display a horizontal scrolling timeline
Editable fields
backgroundColorevents[].dateevents[].descriptionevents[].iconevents[].imageevents[].title+11
Timeline Cards
ContentTimelineCards
Display timeline events as cards
Editable fields
backgroundColorcardStyleevents[].dateevents[].descriptionevents[].iconevents[].image+12
Timeline
ContentTimeline
Chronological events display (legacy)
Editable fields
backgroundColoriconStyleitems[].dateitems[].descriptionitems[].iconitems[].title+8
Comparison Cards
ContentComparisonCards
Compare multiple options with card layout
Editable fields
backgroundColorcardStylehighlightedBadgeLabelitems[].badgeitems[].features[].includeditems[].features[].text+14
Comparison Timeline
ContentComparisonTimeline
Compare before/after in chronological order
Editable fields
afterLabelbackgroundColorbeforeLabelcardStyleevents[].dateevents[].description+12
Comparison Slider
MediaComparisonSlider
Compare before/after images with a slider
Editable fields
afterImage.altafterImage.urlafterLabelaspectRatiobackgroundColorbeforeImage.alt+13
Social Proof
SocialSocialProof
Display follower counts and achievements
Editable fields
backgroundColoritems[].iconitems[].labelitems[].linkitems[].platformitems[].value+9
Share Buttons
SocialSocialShare
Display social media share buttons
Editable fields
backgroundColorlayoutplatforms[]shareDescriptionshareTitleshareUrl+8
Social Feed
SocialSocialFeed
Embed social media posts
Editable fields
backgroundColorfeeds[].embedHtmlfeeds[].platformlayoutspacing.marginBottomspacing.marginTop+5
Timeline Process
ContentTimelineProcess
Display a process flow as a timeline
Editable fields
backgroundColorlayoutshowConnectorsspacing.marginBottomspacing.marginTopspacing.paddingBottom+9
Gallery Portfolio
MediaGalleryPortfolio
Showcase portfolio items in a gallery
Editable fields
backgroundColorcategories[]items[].categoryitems[].image.altitems[].image.urlitems[].link+10
FAQ with Sidebar
ContentFAQSidebar
Categorized FAQ with sidebar navigation
Editable fields
backgroundColorcategories[].items[].answercategories[].items[].questioncategories[].namesidebarPositionspacing.marginBottom+7
Gallery Before/After
MediaGalleryBeforeAfter
Compare before and after images
Editable fields
backgroundColorinitialPositionitems[].afterImage.altitems[].afterImage.urlitems[].afterLabelitems[].beforeImage.alt+11
Video Player
MediaVideoPlayer
Custom HTML5 video player with controls
Editable fields
autoplaybackgroundColorcontrols.fullscreencontrols.playcontrols.playbackSpeedcontrols.progress+13
Hero Animated
ContentHeroAnimated
Hero section with animation effects
Editable fields
animation.delayanimation.durationanimation.staggeranimation.typebackgroundColorcta.href+14
Pricing Calculator
FormPricingCalculator
Interactive pricing calculator
Editable fields
backgroundColorbasePricectaHrefctaLabelcurrencydiscounts[].label+19
Survey Form
FormSurveyForm
Survey and questionnaire form
Editable fields
allowBackbackgroundColorshowProgressBarspacing.marginBottomspacing.marginTopspacing.paddingBottom+18
Stats Chart
ContentStatsChart
Statistical charts with bar, line, pie, and donut visualization
Editable fields
animatebackgroundColorchartTypedata[].colordata[].labeldata[].value+10
Code Block
ContentCodeBlock
Display code with syntax highlighting
Editable fields
backgroundColorcodehighlightLines[]languagemaxHeightshowCopyButton+8
Menu catalog
RestaurantMenuCatalog
Detailed menu catalog with price guide, category navigation, and item cards.
Editable fields
backgroundColorcategories[].descriptioncategories[].items[].badgecategories[].items[].caloriescategories[].items[].descriptioncategories[].items[].image+36
Campaign cards
PromotionCampaignCards
Campaign cards for limited offers, seasonal items, and announcements.
Editable fields
backgroundColorcardStylecards[].badgecards[].dateLabelcards[].descriptioncards[].href+12
News list
UpdatesNewsList
News list for announcements, service updates, releases, and operating notices.
Editable fields
backgroundColoritems[].categoryitems[].dateitems[].hrefitems[].summaryitems[].title+10
Promotion carousel
PromotionHeroPromoCarousel
Large promotional carousel for campaigns and featured items.
Editable fields
autoPlayautoPlayIntervalbackgroundColorlabels.goToSlidelabels.nextlabels.previous+20
Quick links grid
NavigationQuickLinksGrid
Quick action cards for key pages, categories, contact paths, map links, and external actions.
Editable fields
backgroundColorcolumnslinks[].badgelinks[].descriptionlinks[].hreflinks[].icon+9
Vehicle hero search
AutomotiveVehicleHeroSearch
Dealer hero with visual search chips, finance labels, stats, and CTA links.
Editable fields
backgroundColoreyebrowfilters[].hreffilters[].labelfilters[].valueimage+15
Vehicle inventory
AutomotiveVehicleInventoryGrid
Editable vehicle inventory grid/list with price, monthly payment, specs, location, and links.
Editable fields
backgroundColorcolumnsctaLabellayoutshowBadgesshowMonthly+25
Vehicle listing card
AutomotiveVehicleListingCard
Single editable vehicle listing row for stacking consistent dealer inventory cards.
Editable fields
backgroundColorbadgebodyTypeLabelctaLabelfuelLabelgrade+21
Featured vehicle showcase
AutomotiveFeaturedVehicleShowcase
Prominent dealer offer section for selected vehicles and weekly deals.
Editable fields
backgroundColorctaLabelshowMonthlyspacing.marginBottomspacing.marginTopspacing.paddingBottom+21
Vehicle detail specs
AutomotiveVehicleDetailSpecs
Vehicle detail section with gallery, specs, finance labels, highlights, and inquiry actions.
Editable fields
actions[].hrefactions[].labelactions[].stylebackgroundColorbadgedownPaymentLabel+17
Vehicle category links
AutomotiveVehicleCategoryLinks
Category shortcut cards for Pickup, SUV, Eco Car, EV, location, and budget pages.
Editable fields
backgroundColorcategories[].badgecategories[].countLabelcategories[].descriptioncategories[].hrefcategories[].icon+12
Dealer trust badges
AutomotiveDealerTrustBadges
Trust badge grid for inspection, warranty, finance support, trade-in, LINE, and showroom credibility.
Editable fields
backgroundColorbadges[].descriptionbadges[].hrefbadges[].iconbadges[].metricbadges[].title+9