Integration1

The Integration1 component renders a section with two grids, one displaying a headline, caption, and a button, and the other showing a list of animated marquee tags with integration data, all styled with Material UI and Framer Motion for animations.

All available props for the Integration1 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the integration section.

Component path: src/blocks/integration/Integration1.tsx

Component usage path: src/app/blocks/integration/integration1/page.tsx

Preview link:

Props Details

Prop

Type

Description

Displayed as

headLine

string

Main heading text

"Our Innovative Solutions"

captionLine

string

Secondary descriptive text

"Discover the features that make us stand out"

primaryBtn

ButtonProps

Properties for the primary button

{ variant: 'contained', children: 'Learn More' }

marquees

MarqueesDataProps[]

Array of marquee sections with properties and tag data

[{ marqueeProps: { speed: 50 }, data: [...] }]

PreviousIntegration NextIntegration2