Other1
The Other1, which renders a section with a heading, description, and a list of animated cards, each linking to different pages, using Material-UI and Framer Motion for styling and animations.
All available props for the Other1 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the other section.
Component path: src/blocks/other/Other1.tsx
Component usage path: src/app/blocks/other/other1/page.tsx
Preview link: https://www.saasable.io/blocks/other/other1
Props Details
heading
string
The main title of the component, displayed at the top.
"Our Solutions"
description
string
A brief paragraph or text that provides more context about the sections. This is displayed below the sections grid.
"Discover how our services can help"
primaryBtn
ButtonProps
An object containing properties for the primary button, such as its text, variant, and click event.
{ children: "Learn More", onClick: () => { console.log("Button clicked"); } }
sections
SectionProps[]
An array of section objects, each containing a title, subtitle, image, link, and optional animation delay. These represent different content blocks.
[{ title: "AI Solutions", subTitle: "Explore our AI-driven tools", image: { src: "/images/ai.png" }, link: "/ai", animationDelay: 0.3 }]
Last updated