import React from 'react';

const DesignPage: React.FC = () => {
  return (
    <div className="bg-gray-50 min-h-screen py-16">
      <div className="container mx-auto px-4">
        <h1 className="text-4xl font-bold text-center mb-12">设计理念</h1>
        
        <div className="mb-16">
          <h2 className="text-3xl font-semibold mb-6">传统与现代的融合</h2>
          <div className="flex flex-wrap items-center">
            <div className="w-full md:w-1/2 mb-6 md:mb-0">
              <img src="https://images.unsplash.com/photo-1550009158-9ebf69173e03?ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80" alt="传统与现代" className="rounded-lg shadow-lg" />
            </div>
            <div className="w-full md:w-1/2 md:pl-8">
              <p className="text-gray-700 mb-4">
                在野服饰，我们致力于将中国传统文化元素与现代设计语言完美融合。我们汲取古典美学的精髓，通过创新的剪裁和现代面料，赋予传统服饰新的生命力。
              </p>
              <p className="text-gray-700">
                每一件作品都是对传统的致敬，同时也是对现代审美的诠释。我们相信，真正的创新源于对传统的深刻理解和大胆突破。
              </p>
            </div>
          </div>
        </div>
        
        <div className="mb-16">
          <h2 className="text-3xl font-semibold mb-6">自然灵感</h2>
          <div className="flex flex-wrap items-center flex-row-reverse">
            <div className="w-full md:w-1/2 mb-6 md:mb-0 md:pl-8">
              <img src="https://images.unsplash.com/photo-1550009158-9ebf69173e03?ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80" alt="自然灵感" className="rounded-lg shadow-lg" />
            </div>
            <div className="w-full md:w-1/2">
              <p className="text-gray-700 mb-4">
                大自然是我们永恒的灵感来源。从山水画的意境到花鸟虫鱼的生动，我们将自然元素巧妙地融入设计中，创造出既和谐又独特的服饰作品。
              </p>
              <p className="text-gray-700">
                通过精心选择的色彩、图案和质地，我们努力在每件作品中呈现自然的美感和生命力。
              </p>
            </div>
          </div>
        </div>
        
        <div>
          <h2 className="text-3xl font-semibold mb-6">可持续时尚</h2>
          <div className="flex flex-wrap items-center">
            <div className="w-full md:w-1/2 mb-6 md:mb-0">
              <img src="https://images.unsplash.com/photo-1550009158-9ebf69173e03?ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80" alt="可持续时尚" className="rounded-lg shadow-lg" />
            </div>
            <div className="w-full md:w-1/2 md:pl-8">
              <p className="text-gray-700 mb-4">
                在追求美学的同时，我们也深知对环境负责的重要性。野服饰积极采用环保面料和可持续的生产方式，努力减少我们的碳足迹。
              </p>
              <p className="text-gray-700">
                我们相信，真正的美不仅体现在外表，更在于对地球和未来的责任。通过可持续的设计理念，我们希望为时尚产业的绿色转型贡献自己的力量。
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default DesignPage;