Only one card fully visible at a time
When you scroll, the next card zooms in from the background
Old cards scale down and stack behind (Как многослойная 3D -колода)import { StackedCards } from 'react-stacked';
const industries = [
{
name: 'Healthcare',
icon: '
',description: 'HIPAA-compliant solutions for providers and payers',
},
{
name: 'Finance',
icon: '
',description: 'Secure fintech and banking solutions',
},
{
name: 'E-commerce',
icon: '
',description: 'Scalable platforms for online retailers',
},
{
name: 'Education',
icon: '
',description: 'EdTech solutions for institutions and learners',
},
{
name: 'Manufacturing',
icon: '
',description: 'Industry 4.0 and smart factory solutions',
},
{
name: 'Logistics',
icon: '
',description: 'Supply chain optimization and tracking',
},
];
const IndustriesStackScroll = () => {
return (
Industries We Serve
(
{industry.icon}
{industry.name}
{industry.description}
)}
/>
);
};
export default IndustriesStackScroll;
< /code>
import IndustriesStackScroll from "../../Component/Home/IndustriesScrollStack";
Подробнее здесь: https://stackoverflow.com/questions/796 ... in-reactjs
