import room2Image from "../assets/room-2.jpg";

const DedicationSection = () => {
  return (
    <section className="py-20 px-4 bg-background">
      <div className="max-w-7xl mx-auto">
        <div className="grid lg:grid-cols-2 gap-16 items-center">
          <div className="relative">
            <div className="card-elevated overflow-hidden rounded-3xl">
              <img 
                src={room2Image}
                alt="Dedicated service excellence"
                className="w-full h-96 object-cover"
              />
            </div>
          </div>
          
          <div className="space-y-8">
            <div className="text-8xl font-light text-foreground">
              4510<span className="text-secondary">+</span>
            </div>
            
            <div className="space-y-6">
              <h3 className="text-3xl font-light text-foreground">
                Dedicated to exceeding your expectations, providing comfort and satisfaction for memorable experiences
              </h3>
              
              <p className="text-muted-foreground leading-relaxed">
                Our commitment goes beyond just providing accommodation. We strive to create 
                moments that matter, ensuring every guest leaves with cherished memories 
                and a desire to return.
              </p>
              
              <div className="grid grid-cols-2 gap-6 pt-6">
                <div className="space-y-2">
                  <div className="text-2xl font-light text-foreground">98%</div>
                  <p className="text-muted-foreground text-sm">Guest satisfaction rate</p>
                </div>
                <div className="space-y-2">
                  <div className="text-2xl font-light text-foreground">24/7</div>
                  <p className="text-muted-foreground text-sm">Dedicated support</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

export default DedicationSection;