import teamImage from "../assets/thomas-weber.jpg";

const VisionSection = () => {
  return (
    <section className="section-padding bg-muted/20">
      <div className="container-padding">
        <div className="grid lg:grid-cols-2 gap-12 lg:gap-16 items-center">
          {/* Content */}
          <div className="spacing-section">
            <div className="spacing-content">
              <h2 className="text-section-title">Gebaut auf Vertrauen</h2>
              <div className="spacing-small text-large text-muted-foreground leading-relaxed">
                <p>
                  Unsere Basis ist Vertrauen, angetrieben von Technologie und Innovation.
                  B2in ist nicht nur eine Holding, sondern ein aktiver Gestalter der Immobilienzukunft.
                </p>
                <p>
                  Wir vereinfachen komplexe Prozesse durch eine zentrale digitale Plattform –
                  das B2in-Portal – und schaffen dabei Transparenz, Qualität und Innovation
                  in jedem Schritt unserer Zusammenarbeit.
                </p>
                <p>
                  Unser Engagement für Exzellenz zeigt sich in der Art, wie wir
                  Markenwerte leben und Partnerschaften aufbauen, die nachhaltigen
                  Erfolg für alle Beteiligten schaffen.
                </p>
              </div>
            </div>
          </div>

          {/* Image */}
          <div className="relative">
            <div className="card-elevated rounded-3xl overflow-hidden">
              <img
                src={teamImage}
                alt="Professionelles Team in kollaborativem Meeting"
                className="w-full h-[500px] object-cover"
              />
              <div className="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" />
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

export default VisionSection;
