Blog3

The Blog3 component displays a grid of blog posts with animated transitions, including a heading, caption, and optional profile details, using Material UI and framer-motion for styling and animations.

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

Component path: src/blocks/blog/Blog3.tsx

Component usage path: src/app/blocks/blog/blog3/page.tsx

Preview link:

Props Details

Prop

Type

Description

Displayed as

Usage in Code

heading

string

Main heading for the blog section

"Featured Articles"

Displayed as the main heading in Typeset

caption

string

Subtitle or additional text under the heading

"Check out our latest posts from industry experts"

Displayed below the heading in Typeset

blogs

BlogProps[]

Array of blog objects with details

[ { "caption": "Exploring the Future of Web Development", ... } ]

Used to render individual blog cards in the grid layout

PreviousBlog2 NextBlog4