✨ Update uses page (#1163)

* ✨ Update uses image

* ✨ Update uses items

src/__tests__/uses/__snapshots__/uses.spec.js.snap

@@ -18,20 +18,25 @@ exports[`uses page should match uses page 1`] = `
  <div>
  <img
  alt="Carlos Cuesta workspace setup"
+ className="max-w-full rounded-md"
  data-nimg="1"
  decoding="async"
- height={1134}
+ height={1232}
  loading="lazy"
  onError={[Function]}
  onLoad={[Function]}
- src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fcarloscuesta%2Fimage%2Fupload%2Fv1659775881%2Fcarloscuesta-setup_z1azyb.jpg&w=3840&q=100"
- srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fcarloscuesta%2Fimage%2Fupload%2Fv1659775881%2Fcarloscuesta-setup_z1azyb.jpg&w=2048&q=100 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fcarloscuesta%2Fimage%2Fupload%2Fv1659775881%2Fcarloscuesta-setup_z1azyb.jpg&w=3840&q=100 2x"
+ src="/_next/image?url=%2Fimg.jpg&w=3840&q=100"
+ srcSet="/_next/image?url=%2Fimg.jpg&w=1920&q=100 1x, /_next/image?url=%2Fimg.jpg&w=3840&q=100 2x"
  style={
  {
+ "backgroundImage": "url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 1500 1232'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage preserveAspectRatio='none' filter='url(%23b)' x='0' y='0' height='100%25' width='100%25' href='data:image/png;base64,imagedata'/%3E%3C/svg%3E")",
+ "backgroundPosition": "50% 50%",
+ "backgroundRepeat": "no-repeat",
+ "backgroundSize": "cover",
  "color": "transparent",
  }
  }
- width={2016}
+ width={1500}
  />
  <Section
  items={
@@ -116,6 +121,21 @@ exports[`uses page should match uses page 1`] = `
  "link": "https://www.elgato.com/wave-mic-arm-lp",
  "title": "Elgato Wave Mic Arm LP",
  },
+ {
+ "category": "Charger",
+ "link": "https://www.belkin.com/es/cargador-inal%C3%A1mbrico-3-en-1-de-15-w-con-tecnolog%C3%ADa-magsafe-oficial/P-WIZ016.html",
+ "title": "Belkin BoostCharge Pro",
+ },
+ {
+ "category": "Lighting",
+ "link": "https://eu.govee.com/collections/tv-gaming-lights/products/govee-rgbicww-wifi-bluetooth-flow-plus-light-bars",
+ "title": "Govee Flow Plus Light Bars",
+ },
+ {
+ "category": "Clock",
+ "link": "https://www.mi.com/product/mi-smart-clock/",
+ "title": "Mi Smart Clock",
+ },
  ]
  }
  subTitle="Home office equipment"

src/pages/uses/index.tsx

@@ -18,10 +18,12 @@ const Uses = () => (
 
  <div>
  <Image
- src="https://res.cloudinary.com/carloscuesta/image/upload/v1659775881/carloscuesta-setup_z1azyb.jpg"
+ src={require('./setup.jpg')}
  alt="Carlos Cuesta workspace setup"
- width={2016}
- height={1134}
+ className="max-w-full rounded-md"
+ placeholder="blur"
+ width={1500}
+ height={1232}
  quality={100}
  />
 
@@ -107,6 +109,21 @@ const Uses = () => (
  title: 'Elgato Wave Mic Arm LP',
  link: 'https://www.elgato.com/wave-mic-arm-lp',
  },
+ {
+ category: 'Charger',
+ title: 'Belkin BoostCharge Pro',
+ link: 'https://www.belkin.com/es/cargador-inal%C3%A1mbrico-3-en-1-de-15-w-con-tecnolog%C3%ADa-magsafe-oficial/P-WIZ016.html',
+ },
+ {
+ category: 'Lighting',
+ title: 'Govee Flow Plus Light Bars',
+ link: 'https://eu.govee.com/collections/tv-gaming-lights/products/govee-rgbicww-wifi-bluetooth-flow-plus-light-bars',
+ },
+ {
+ category: 'Clock',
+ title: 'Mi Smart Clock',
+ link: 'https://www.mi.com/product/mi-smart-clock/',
+ },
  ]}
  subTitle="Home office equipment"
  title="Gear"