Feature Components Showcase
All 15 feature base components, using the content of the Prismic `feature` page
1. FeatureGrid2x2Centered
Lorem ipsum dolor
Et quam consequatur non facilis sunt
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse. Ea dolorem alias in rerum ullam vel velit doloremque est blanditiis fuga quo ducimus molestiae.
- Optio ratione hic officia maxime
- Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse.
- Blanditiis magnam
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
- Lorem ipsum dolor
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
- Non impedit voluptatem
- Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse.
2. FeatureGrid2x2Offset
Et quam consequatur non facilis sunt
- Optio ratione hic officia maxime
- Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse.
- Blanditiis magnam
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
- Lorem ipsum dolor
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
- Non impedit voluptatem
- Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse.
3. FeatureOffsetWithChecklist
Lorem ipsum dolor
Et quam consequatur non facilis sunt
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse. Ea dolorem alias in rerum ullam vel velit doloremque est blanditiis fuga quo ducimus molestiae.
- Optio ratione hic officia maxime
- Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse.
- Blanditiis magnam
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
- Lorem ipsum dolor
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
- Non impedit voluptatem
- Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse.
4. FeatureWithImage
Lorem ipsum dolor
Et quam consequatur non facilis sunt
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse. Ea dolorem alias in rerum ullam vel velit doloremque est blanditiis fuga quo ducimus molestiae. Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
5. FeatureWithImageAndFeatures
Lorem ipsum dolor
Et quam consequatur non facilis sunt
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse. Ea dolorem alias in rerum ullam vel velit doloremque est blanditiis fuga quo ducimus molestiae.
- Optio ratione hic officia maxime
- Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse.
- Blanditiis magnam
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
- Lorem ipsum dolor
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
6. FeatureWithImageAndTestimonial
Lorem ipsum dolor
Et quam consequatur non facilis sunt
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse. Ea dolorem alias in rerum ullam vel velit doloremque est blanditiis fuga quo ducimus molestiae.
"Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non."
Marcus Tullius
Senator
7. FeatureWithImageAndFaq
Lorem ipsum dolor
Et quam consequatur non facilis sunt
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse. Ea dolorem alias in rerum ullam vel velit doloremque est blanditiis fuga quo ducimus molestiae.
8. FeatureContainedInPanel
Et quam consequatur non facilis sunt
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse. Ea dolorem alias in rerum ullam vel velit doloremque est blanditiis fuga quo ducimus molestiae.
- Optio ratione hic officia maxime
- Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse.
- Blanditiis magnam
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
9. FeatureWithImageAndCards
Lorem ipsum dolor
Et quam consequatur non facilis sunt
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse. Ea dolorem alias in rerum ullam vel velit doloremque est blanditiis fuga quo ducimus molestiae.
10. FeatureWithLargeImage
Lorem ipsum dolor
Et quam consequatur non facilis sunt
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse. Ea dolorem alias in rerum ullam vel velit doloremque est blanditiis fuga quo ducimus molestiae.
- Optio ratione hic officia maxime
- Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse.
- Blanditiis magnam
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
- Lorem ipsum dolor
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
11. FeatureWithImagePanel
Lorem ipsum dolor
Et quam consequatur non facilis sunt
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse. Ea dolorem alias in rerum ullam vel velit doloremque est blanditiis fuga quo ducimus molestiae.
- Optio ratione hic officia maxime
- Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse.
- Blanditiis magnam
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
- Lorem ipsum dolor
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
12. FeatureWithCodePanel
Lorem ipsum dolor
Et quam consequatur non facilis sunt
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse. Ea dolorem alias in rerum ullam vel velit doloremque est blanditiis fuga quo ducimus molestiae.
- Optio ratione hic officia maxime
- Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse.
- Blanditiis magnam
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
- Lorem ipsum dolor
- Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
export default defineAppConfig({
// Configuration options
theme: {
primaryColor: '#3B82F6',
},
})13. FeatureSimpleThreeColumn
Et quam consequatur non facilis sunt
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse. Ea dolorem alias in rerum ullam vel velit doloremque est blanditiis fuga quo ducimus molestiae.
14. FeatureWithBorderedImage
Et quam consequatur non facilis sunt
15. FeatureThreeColumnWithLargeIcons
Lorem ipsum dolor
Et quam consequatur non facilis sunt
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse. Ea dolorem alias in rerum ullam vel velit doloremque est blanditiis fuga quo ducimus molestiae.
- Optio ratione hic officia maxime
Ut minus quidem sit odio nobis non impedit voluptatem aut asperiores illum et minima autem sit quidem deserunt est facere esse.
- Blanditiis magnam
Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.
- Lorem ipsum dolor
Lorem ipsum dolor sit amet. Ut dolore ipsum aut rerum reprehenderit et amet dolorum qui odit porro est blanditiis magnam aut aliquam consequatur non corrupti rerum.