import React from "react";

const ProfilePage = () => {
  return (
    <div className="flex flex-col items-center p-4">
      <div className="max-w-4xl w-full bg-white p-8 rounded-lg shadow-md">
        <h1 className="text-center mb-4 text-3xl font-playfair text-[#4a2c2a]">
          About Us
        </h1>
        <p className="text-center mb-8">
          Welcome to Digital Farmer's Market
        </p>
        <p className="text-center mb-8">
          We connect Nepalese farmers directly with consumers, providing a fair
          and transparent marketplace for fresh, locally grown produce. By
          eliminating middlemen, we ensure farmers receive fair prices and
          consumers access high-quality food.
        </p>
        <hr className="my-8" />
        <h2 className="text-center mb-8 text-2xl font-playfair text-[#4a2c2a]">
          Why Choose Us?
        </h2>
        <div className="flex flex-col md:flex-row justify-around text-center mb-8">
          <div className="mb-8 md:mb-0">
            <p className="text-4xl font-bold mb-2">1.</p>
            <p>Fair Pricing: Farmers set their own prices, ensuring fair compensation.</p>
          </div>
          <div className="mb-8 md:mb-0">
            <p className="text-4xl font-bold mb-2">2.</p>
            <p>Fresh Produce: Enjoy high-quality, locally grown food.</p>
          </div>
          <div>
            <p className="text-4xl font-bold mb-2">3.</p>
            <p>Sustainability: We promote sustainable farming practices and reduce food waste.</p>
          </div>
        </div>
        <hr className="my-8" />
        <h2 className="text-center mb-8 text-2xl font-playfair text-[#4a2c2a]">
          Meet Our Team
        </h2>
        <p className="text-center mb-8">
          Our team of five passionate individuals is dedicated to transforming
          the agricultural landscape in Nepal. With diverse backgrounds in
          agriculture, technology, and entrepreneurship, we’re united by a
          common goal: to empower farmers and support sustainable agriculture.
        </p>
        <div className="flex justify-center">
          <img
            src="https://placehold.co/600x400"
            alt="Team of five individuals standing together, smiling, with a text 'TEAM DeltaX' at the bottom"
            className="rounded-lg shadow-md w-full max-w-md"
          />
        </div>
      </div>
    </div>
  );
};

export default ProfilePage;