DesignPage.tsx 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. import React from 'react';
  2. const DesignPage: React.FC = () => {
  3. return (
  4. <div className="bg-gray-50 min-h-screen py-16">
  5. <div className="container mx-auto px-4">
  6. <h1 className="text-4xl font-bold text-center mb-12">设计理念</h1>
  7. <div className="mb-16">
  8. <h2 className="text-3xl font-semibold mb-6">传统与现代的融合</h2>
  9. <div className="flex flex-wrap items-center">
  10. <div className="w-full md:w-1/2 mb-6 md:mb-0">
  11. <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" />
  12. </div>
  13. <div className="w-full md:w-1/2 md:pl-8">
  14. <p className="text-gray-700 mb-4">
  15. 在野服饰,我们致力于将中国传统文化元素与现代设计语言完美融合。我们汲取古典美学的精髓,通过创新的剪裁和现代面料,赋予传统服饰新的生命力。
  16. </p>
  17. <p className="text-gray-700">
  18. 每一件作品都是对传统的致敬,同时也是对现代审美的诠释。我们相信,真正的创新源于对传统的深刻理解和大胆突破。
  19. </p>
  20. </div>
  21. </div>
  22. </div>
  23. <div className="mb-16">
  24. <h2 className="text-3xl font-semibold mb-6">自然灵感</h2>
  25. <div className="flex flex-wrap items-center flex-row-reverse">
  26. <div className="w-full md:w-1/2 mb-6 md:mb-0 md:pl-8">
  27. <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" />
  28. </div>
  29. <div className="w-full md:w-1/2">
  30. <p className="text-gray-700 mb-4">
  31. 大自然是我们永恒的灵感来源。从山水画的意境到花鸟虫鱼的生动,我们将自然元素巧妙地融入设计中,创造出既和谐又独特的服饰作品。
  32. </p>
  33. <p className="text-gray-700">
  34. 通过精心选择的色彩、图案和质地,我们努力在每件作品中呈现自然的美感和生命力。
  35. </p>
  36. </div>
  37. </div>
  38. </div>
  39. <div>
  40. <h2 className="text-3xl font-semibold mb-6">可持续时尚</h2>
  41. <div className="flex flex-wrap items-center">
  42. <div className="w-full md:w-1/2 mb-6 md:mb-0">
  43. <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" />
  44. </div>
  45. <div className="w-full md:w-1/2 md:pl-8">
  46. <p className="text-gray-700 mb-4">
  47. 在追求美学的同时,我们也深知对环境负责的重要性。野服饰积极采用环保面料和可持续的生产方式,努力减少我们的碳足迹。
  48. </p>
  49. <p className="text-gray-700">
  50. 我们相信,真正的美不仅体现在外表,更在于对地球和未来的责任。通过可持续的设计理念,我们希望为时尚产业的绿色转型贡献自己的力量。
  51. </p>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. );
  58. };
  59. export default DesignPage;