⚡
LightningRails
  • 👋Welcome
  • Access the Repo
  • Getting Started
    • 🚀Quickstart
    • 🎨Themes
    • 🖼️Customize the views
    • 🔮DaisyUI Library
    • ⚡Lightning Landing
      • Quickstart
      • Theme and branding
      • Page structure
      • Publish your landing page
  • Features setup
    • 📸Images & media
    • 🔐Admin Dashboard
    • Search Engine Optimization
    • 📧Automatic Emails
      • 🟨Postmark
      • 🔲Resend
    • 🚪Login with Devise
    • 🪄Magic Link Signup
    • 💳Stripe Payment Gateway
    • Github Signup
    • Lucide icons
    • 🤖Multi-provider AI
    • Open AI API
  • UI Components
    • 🦸Heros
    • ❔FAQs
    • 🃏cards
    • 💬Testimonials
    • 👋Call To Actions
    • 🔦Features
  • Deploying to production
    • ⬆️Heroku Deploy
    • 🛡️Security
      • 🎛️Rate Limiting
  • RESOURCES
    • 🚀Vote for new features
    • Report an issue
    • 🆘Get help on Slack
    • 🍭Design Resources
      • Maria Ba Illustrations
      • Assets Mockup Generator
      • Logo Generator
      • Tailwind Cheatsheet
      • HyperUI Tailwind Library
Powered by GitBook
On this page
  • Hero center
  • Hero with background
  • Hero image split
  • See more Hero designs:

Was this helpful?

  1. UI Components

Heros

All the components pre-built in LightningRails for FAQ sections - Design from DaisyUI, TailwindCss and Custom

PreviousOpen AI APINextFAQs

Last updated 8 months ago

Was this helpful?

Hero center

To add a beautifully designed Hero section to your landing page, copy and paste this line of code where you need this section to appear in your html.erb page:

<%= render "components/hero" %>

Hero with background

To add the Hero section with a background frame, copy and paste this code:

<%= render "components/hero_bg" %>

Hero image split

To add the Hero section with a background frame and a split view with image, copy and paste this code:

<%= render "components/hero_split" %>

See more Hero designs:

🦸
DaisyUI Hero
Hero section central
Hero with image