news/app/components/body/GrassrootsDynamics.tsx

import React from 'react';
import List from '../list/List';

export default function GrassrootsDynamics() {
  return (
    <div className="flex bg-white rounded-2xl shadow-xl overflow-hidden">
      {/* 左边图片 */}
      <div className="w-2/5 bg-pink-50 p-6 flex flex-col items-center justify-center relative">
        {/* 装饰图形 */}
        <div className="absolute top-4 left-4 w-16 h-16 bg-blue-500 rounded-full opacity-80"></div>
        <div className="absolute bottom-4 right-4 w-20 h-20 bg-blue-500 rounded-full opacity-80"></div>

        {/* 图片 */}
        <div className="w-full h-64 flex items-center justify-center overflow-hidden rounded-lg">
          <img
            src="/images/carousel-1.jpg"
            alt="基层动态"
            className="w-full h-full object-cover"
          />
        </div>
      </div>

      {/* 右边列表 */}
      <div className="w-3/5 bg-blue-100 text-white p-6">
        <List />
      </div>
    </div>
  );
}