import Image from 'next/image';
import pralinePic from '/public/images/about-us/01-praline.jpg';
import prAmPic from '/public/images/about-us/02-priyanka-amritanshu.jpg';
import dryingPic from '/public/images/about-us/03-drying.jpg';
import chefPic from '/public/images/about-us/04-chef.jpg';
import barkPic from '/public/images/about-us/05-bark.jpg';
import italyPic from '/public/images/about-us/06-italy.jpg';

export default function AboutUsPage() {
  return (
    <div className='overflow-x-hidden bg-white pt-28'>
      <section className='flex flex-col items-center'>
        {/* Left Column - Text with Header */}
        <div className='w-full text-8xl font-normal text-center font-montera'>
          Welcome to the World of Mozimo Magic
        </div>
        <div className='w-full text-xl text-justify p-12'>
          Indulge in the Luxurious. Immerse in the Captivating. Savor the Fresh.
          At Mozimo, we curate a chocolate experience that transports you to a
          world of opulence, captivates your senses with mesmerizing aromas and
          visuals, and delights your taste buds with the vibrant flavors of
          freshly crafted chocolates. Join us on a journey of pure luxury,
          captivating moments, and a fresh perspective on the art of
          chocolate-making.
        </div>
        <div className='w-full'>
          <Image
            src={pralinePic}
            alt='Praline'
            className='w-full h-auto'
            sizes='100vw'
            style={{
              width: '100%',
              height: 'auto',
            }}
          />
        </div>
      </section>
      <section className='flex flex-col md:flex-row items-center'>
        {/* Left Column - Image */}
        <div className='w-full md:w-1/2'>
          <Image
            src={prAmPic}
            alt='Left Side Image'
            className='w-full h-auto'
            sizes='100vw'
            style={{
              width: '100%',
              height: 'auto',
            }}
          />
        </div>
        {/* Right Column - Text with Header */}
        <div className='w-full md:w-1/2'>
          <div className='m-8 space-y-10'>
            <p className='text-6xl font-normal text-justify font-montera'>
              Our Founders
            </p>
            <p className='text-5xl font-normal text-justify font-montera'>
              Priyanka and Amritanshu,
            </p>
            <p className='text-xl text-justify'>
              are the proud founders of Mozimo, a bean-to-bar chocolate shop
              that celebrates the rich and distinctive flavors of single origin
              cocoa beans. Their journey with Mozimo has been a passionate
              pursuit of creating exceptional chocolate that tantalizes the
              taste buds and tells the unique story of each cocoa bean&apos;s
              origin.
            </p>
          </div>
        </div>
      </section>
      <section className='flex flex-col md:flex-row items-center'>
        <div className='w-full md:w-1/2'>
          <div className='m-8 space-y-10'>
            <h2 className='text-6xl font-normal text-justify font-montera'>
              Capturing the essence of
            </h2>
            <h3 className='text-8xl font-normal text-justify font-samantha'>
              Italian Chocolate
            </h3>
            <p className='text-xl text-justify'>
              With over 15 years of hospitality experience, these avid travelers
              scoured the globe for the finest cocoa beans and techniques. Deep
              in remote cocoa farms, they cultivated relationships with farmers
              committed to sustainability. Carefully selecting beans, they honor
              each harvest&apos;s stories. In their cozy workshop, they roast,
              crack, and refine beans with modern techniques, capturing their
              essence in every Mozimo chocolate bar.
            </p>
          </div>
        </div>
        <div className='w-full md:w-1/2'>
          <Image
            src={dryingPic}
            alt='Beans Drying'
            className='w-full h-auto'
            sizes='100vw'
            style={{
              width: '100%',
              height: 'auto',
            }}
          />
        </div>
      </section>
      {/* Fourth Three-Column Layout (Collections) */}
      <section className='flex flex-col md:flex-row items-center'>
        <div className='w-full md:w-1/2'>
          <Image
            src={chefPic}
            alt='Beans Drying'
            className='w-full h-auto'
            sizes='100vw'
            style={{
              width: '100%',
              height: 'auto',
            }}
          />
        </div>
        <div className='w-full md:w-1/2'>
          <Image
            src={barkPic}
            alt='Beans Drying'
            className='w-full h-auto'
            sizes='100vw'
            style={{
              width: '100%',
              height: 'auto',
            }}
          />
        </div>
      </section>
      <section className='flex flex-col md:flex-col items-center'>
        <div className='flex w-full text-xl text-justify p-12'>
          Under the mentorship of the master chocolatier Gabriele Rinaudo,
          Priyanka and Amritanshu dedicated themselves to mastering the
          intricate art of chocolate making. With unwavering determination and a
          thirst for knowledge, they immersed themselves in the world of cocoa,
          learning the nuances of sourcing the finest ingredients and perfecting
          the delicate techniques that transform raw beans into exquisite
          chocolate creations.
        </div>
        <div className='flex w-full text-xl text-justify p-12'>
          In addition to their training under Gabriele Rinaudo, they embarked on
          a transformative journey to Italy to further enrich their
          understanding of the art of chocolate making. This immersive
          experience in Italy not only broadened their knowledge but also
          deepened their appreciation for the timeless artistry and dedication
          that define the world of chocolate making.
        </div>
        <div className='flex w-full'>
          <Image
            src={italyPic}
            alt='Training'
            className='w-full h-auto'
            sizes='100vw'
            style={{
              width: '100%',
              height: 'auto',
            }}
          />
        </div>
        <div className='flex w-full text-xl text-justify p-12'>
          Passionate about chocolate as a medium for creativity and exploration,
          they view it not just as a confection but as a canvas for artistic
          expression. Constantly seeking inspiration, they push the boundaries
          of chocolate-making, committed to crafting sensory experiences that
          delight the taste buds, eyes, and soul. Proud to be part of the global
          craft chocolate revolution, they aim to inspire others while
          championing cocoa diversity and sustainability. Back in the workshop,
          cacao beans are roasted, cracked, and refined with modern techniques,
          crafting each bar of Mozimo chocolate into a masterpiece, capturing
          the essence of its origins.
        </div>
      </section>
    </div>
  );
}