Uilora Gallery
Image + FAQ split layout with clean minimal accordion.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| faqs | Array<{q: string, a: string}> | 5 Uilora FAQs | Array of FAQ items. |
| title | string | Frequently asked questions | Section heading. |
| image | string | Unsplash portrait | Left panel image URL. |
| accentColor | string | #000000 | Accent color for active states. |
When to Use
Perfect for fashion brands, lifestyle products, and portfolio sites that want a visually striking FAQ section with a hero image alongside clean text.
Best Practices
Use a high-quality vertical/portrait image for the best visual balance. Keep FAQs to 4-6 items.
Why This Component Matters
The image-text split creates visual interest and breaks monotony. It pairs support content with brand imagery for a premium feel.
FAQ
QCan I use a video instead?
The image prop accepts a URL. For video, modify the component to use a video element.
QDoes the image change?
This version uses a static image. For reactive images, use the Uilora Split FAQ.
Related Components
Uilora Dynamic
Interactive tiered pricing calculator with seat slider, billing toggle, and real-time cost breakdown.
Uilora Cloud Slider
Dark navy 3-plan cloud pricing with per-card sliders, add-on checkboxes, and live price calculation.
Uilora Matrix
Feature comparison matrix with 3 plans, monthly/yearly toggle, Pro spotlight, check/cross icons.