import React from "react";
import { useTranslation } from "react-i18next";
import { GoArrowUpRight } from "react-icons/go";

const BoseHeadphones = () => {
  const {t} = useTranslation();
  return (
    <div className="BoseHeadphones">
      <img src="/Home/Bose_Headphones.png" alt="" />
      <div>
        <h6>{t("Bose Headphones")}</h6>
        <h1>{t("Smarter than your average headphones")}</h1>
        <button className="button">
          {t("Shop now")}
          <GoArrowUpRight />
        </button>
      </div>
    </div>
  );
};

export default BoseHeadphones;
