import Image from "next/image";
import Link from "next/link";

export default function BlogDetails() {
  return (
    <>
      {/* HERO SECTION */}
      <section
        className="hero-remodel-section"
        style={{
          backgroundImage: "url(/assets/images/Sunroomsbreadcamp.png)",
        }}
      >
        <div className="container">
          <div className="row align-items-end">
            <div className="col-lg-6">
              <div className="hero-remodel-content">
                <span className="hero-remodel-subtitle">
                  Blogs Details
                </span>
                <h1 className="hero-remodel-title">
                  Expert Ideas, Trends & Guides for Smarter Living
                </h1>
                <p className="hero-remodel-text">
                  Stay updated with the latest trends in home remodeling, smart
                  living, and modern design. Our blog brings you expert insights.
                </p>
              </div>
            </div>

            <div className="col-md-6 endbreadcamp">
              <Link href="/contact" className="btn-primary-custom">
                Schedule Consultation
              </Link>
            </div>
          </div>
        </div>
      </section>

      {/* BLOG DETAILS */}
      <section className="blog-details-section">
        <div className="container">
          <div className="row">

            {/* LEFT CONTENT */}
            <div className="col-lg-7">
              <div className="blog-content">

                <div className="blog-meta mb-3">
                  <span>12 Feb 2026</span> | <span>HouseCoin Team</span>
                </div>

                <h2 className="blog-title">
                  Smart Kitchen Remodeling Ideas to Elevate Functionality and Style
                </h2>

                <p>
                  A well-designed kitchen is the heart of every modern home. At HouseCoin, we believe that kitchen remodeling is not just about aesthetics—it’s about enhancing functionality, improving workflow, and creating a space that reflects your lifestyle. From smart storage solutions to premium finishes, every detail plays a crucial role in transforming your kitchen into a highly efficient and elegant space.
                </p>

                <p>
                  With the integration of smart home technology, today’s kitchens are more advanced than ever. Features like automated lighting, touchless faucets, and energy-efficient appliances not only add convenience but also contribute to sustainable living. Our expert team ensures that every kitchen renovation is tailored to meet both your design preferences and practical needs.
                </p>

                <Image
                  src="/assets/images/blog1.png"
                  alt="kitchen remodel"
                  width={800}
                  height={500}
                  className="img-fluid rounded my-4"
                />

                <h4>Key benefits of kitchen remodeling</h4>
                <ul>
                  <li>Maximizes space with smart storage and layout planning</li>
                  <li>Enhances home value with modern and premium finishes</li>
                  <li>Improves energy efficiency with advanced appliances</li>
                  <li>Creates a seamless blend of style and functionality</li>
                </ul>

                <h4>Building a future-ready living space</h4>
                <p>
                  Investing in a kitchen remodel is a step toward a smarter and more comfortable lifestyle. At HouseCoin, we combine innovative design, quality craftsmanship, and cutting-edge technology to deliver spaces that are built to last. Whether you're planning a complete renovation or a simple upgrade, our team ensures a smooth, transparent, and hassle-free experience from start to finish.
                </p>

                <div className="row">
                  <div className="col-8">
                    <Image
                      src="/assets/images/blog1.png"
                      alt="kitchen remodel"
                      width={500}
                      height={300}
                      className="img-fluid rounded my-4"
                    />
                  </div>
                  <div className="col-4">
                    <Image
                      src="/assets/images/blog1.png"
                      alt="kitchen remodel"
                      width={300}
                      height={300}
                      className="img-fluid rounded my-4"
                    />
                  </div>
                </div>

              </div>
            </div>

            {/* RIGHT SIDEBAR */}
            <div className="col-lg-5">
              <div className="sidebar-sticky">

                <div className="sidebar-box">
                  <h5 className="sidebar-title">Popular Posts</h5>

                  <div className="post-item d-flex mb-3">
                    <Image src="/assets/images/blog1.png" alt="" width={80} height={80} />
                    <div>
                      <span className="date">18 Feb 2026</span>
                      <p>How Smart Home Technology is Transforming Modern Living</p>
                    </div>
                  </div>

                  <div className="post-item d-flex mb-3">
                    <Image src="/assets/images/blog3.png" alt="" width={80} height={80} />
                    <div>
                      <span className="date">25 Feb 2026</span>
                      <p>Sunroom Design Ideas to Brighten Your Living Space</p>
                    </div>
                  </div>

                  <div className="post-item d-flex">
                    <Image src="/assets/images/blog2.png" alt="" width={80} height={80} />
                    <div>
                      <span className="date">03 Mar 2026</span>
                      <p>Outdoor Living Spaces: Create the Perfect Backyard Retreat</p>
                    </div>
                  </div>

                </div>

              </div>
            </div>

          </div>
        </div>
      </section>
    </>
  );
}