The Feature19 component is a responsive layout featuring a header with optional caption, content blocks with images and descriptions, and action buttons, utilizing Material-UI for styling and layout, and applying gradient overlays for enhanced visual effects.
Component path: src/blocks/feature/Feature19.tsx
Component usage path: src/app/blocks/feature/feature19/page.tsx
Preview link:
heading
string
Main title of the feature section.
"Our Exciting Features"
caption
string (Optional)
Additional description or subtitle
Optional caption text below the heading.
blockData1
BlockProps
Properties for the first block, including image and button.
{ "title": "Feature 1", "description": "Description for feature 1.", "image": { "src": "/path/to/image1.jpg", "alt": "Feature 1 Image" }, "actionBtn": { "variant": "outlined", "color": "primary", "children": "Learn More" } }
blockData2
BlockProps
Properties for the second block, similar to blockData1.
{ "title": "Feature 2", "description": "Description for feature 2.", "image": { "src": "/path/to/image2.jpg", "alt": "Feature 2 Image" }, "actionBtn": { "variant": "outlined", "color": "primary", "children": "Discover More" } }
blockData3
BlockProps2
Properties for the third block, with only description.
{ "description": "Description for the third block." }
blockData4
BlockProps2
Properties for the fourth block, similar to blockData3.
{ "description": "Description for the fourth block." }