import React from 'react';

const DragonBoatFestivalPoster = () => {
  return (
    <div style={{ position: 'relative', width: '1080px', height: '1920px' }}>
      {/* 背景图层 */}
      <div style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}></div>

      {/* 主体图层 */}
      <div style={{ position: 'absolute', top: '25%', left: '50%', transform: 'translate(-50%, -50%)' }}>
        <div></div>
        <div></div>
      </div>

      {/* 活动亮点 */}
      <div style={{ 
        position: 'absolute', 
        bottom: '25%', 
        left: '50%', 
        transform: 'translate(-50%, 0)',
        display: 'grid',
        gridTemplateColumns: 'repeat(3, 1fr)',
        gap: '20px'
      }}>
        <div>
          <div></div>
          <div></div>
          <div></div>
        </div>
        <div>
          <div></div>
          <div></div>
          <div></div>
        </div>
        <div>
          <div></div>
          <div></div>
          <div></div>
        </div>
      </div>

      {/* 页脚 */}
      <div style={{ position: 'absolute', bottom: 0, left: '50%', transform: 'translateX(-50%)' }}>
        <div></div>
        <div></div>
      </div>
    </div>
  );
};

export default DragonBoatFestivalPoster;