import React from 'react';
import './HeroSection.css';

function HeroSection() {
  return (
    <section className="hero-section">
      <div className="container">
        <div className="hero-image">
          <img src={process.env.PUBLIC_URL + '/images/car.svg'} alt="Изображение" />

        </div>
        <div className="hero-content">
          <h1>Discover Our Product Catalog</h1>
          <p>Explore our wide range of products, from electronics to home goods, all delivered right to your doorstep.</p>
          <div className="buttons">
            <button className="shop-button">Shop Now</button>
            <button className="cart-button">View Cart</button>
          </div>
        </div>
      </div>
    </section>
  );
}

export default HeroSection;