import React from "react";
import { Col, Row } from "react-bootstrap";
import Heading from "@/components/Heading";
import Image from "next/image";
import { cleanImage } from "../services/imageHandling";
const overviewData =[
  {
    title:"Mission and values",
    subTitle:"Well-being, innovation, sustainability, craftsmanship",
    description:"We put people and their well-being at the centre of what we do, stimulating their senses to bring about joy in everyday activities. We design unique kitchens, made to last generations, impervious to trends, timeless: an expression of craftsmanship that is masterfully renewed in the present. We transform cooking into an extraordinary experience through the constant innovation of forms and materials. We use our planet’s resources in a responsible way, focusing on sustainability and respecting nature.",
    image:"/image/brands/overview/01.png"
  },
  {
    title:"Mission and values",
    subTitle:"",
   description: `<p>2025 Archello Product of the Year – Public vote – for New Logica</p>
                <p>2025 Archiproducts Design Awards | Archigraphica + Vela Wall Unit</p>
                <p>2025 iF Design Award | Architectural Scenarios</p>
                <p>2025 iF Design Award GOLD | Artematica + New Logica </p>`,
    image:"/image/brands/overview/02.png"
  },
  {
    title:"Symbol and Philosophy",
    subTitle:"",
    description:"True well-being comes from living in harmony with our environment. This philosophy is reflected in our logo, inspired by an ancient symbol where the four petals represent Fire, Water, Earth, and Air united in balance. At the centre stands Man, symbolised by an unbroken circle, embodying harmony itself—echoing the timeless ideals of proportion and perfection seen in the Vitruvian Man.",
    image:"/image/brands/overview/03.png"
  },
  {
    title:"Environmental, Social and Governance",
    subTitle:"",
    description:"We are committed to sustainable development through internationally recognized certifications and ESG principles aligned with the United Nations 2030 Agenda. By integrating environmental responsibility, social inclusion, and ethical governance into our operations, we promote transparency, protect natural resources, and foster a fair and responsible workplace. Our goal is continuous improvement toward a more sustainable and balanced future.",
    image:"/image/brands/overview/04.png"
  },
  {
    title:"History",
    subTitle:"",
    description:"We place people and their well-being at the heart of everything we do, creating timeless, handcrafted kitchens that bring joy to everyday life. Through innovative design, quality materials, and a deep commitment to sustainability, we transform cooking into an extraordinary experience while respecting our planet.",
    image:"/image/brands/overview/05.png"
  },

]
const CompanyOverview = () => {
  return (
    <section className=" brands-overview-section catalogues-sec sec_padd">
      <div className="custom_container container">
        {overviewData.map((item, index) => {

          return (
            <Row className="my-5" key={index}>
              <Col md={6} className="mb-4">
                <div className={``}>
                  <Image
                    width={868}
                    height={538}
                    src={item?.image}
                    alt={item?.title}
                    className="img-fluid"
                  />
                </div>
              </Col>

              {/* FIXED HERE */}
              <Col md={6}>
                <div className="title">{item?.title}</div>
                <div className="sub-title">{item?.subTitle}</div>
                <div
                  className="info"
                  dangerouslySetInnerHTML={{
                    __html: item?.description || "",
                  }}
                />
              </Col>
            </Row>
          );
        })}
      </div>
    </section>
  );
};

export default CompanyOverview;