chore: replace demo local images

Author: nd0ut

example/pages/index.tsx

@@ -1,9 +1,6 @@
 import type { NextPage, GetStaticProps, InferGetStaticPropsType } from 'next';
 import Image from 'next/image';
-import UploadcareImage, {
-  uploadcareLoader,
-  getBlurDataURL
-} from '@uploadcare/nextjs-loader';
+import UploadcareImage, { getBlurDataURL } from '@uploadcare/nextjs-loader';
 import { FC } from 'react';
 import styles from '../styles/Home.module.css';
 import staticImportImage from '../public/static_image.png';
@@ -19,14 +16,15 @@ const Code: FC<CodeProps> = (p) => (
 const BLUR_IMAGE_URL =
   'https://ucarecdn.com/c768f1c2-891a-4f54-8e1e-7242df218b51/pinewatt2Hzmz15wGikunsplash.jpg';
 
-export const getStaticProps: GetStaticProps<{ blurDataURL: string }> =
-  async () => {
-    const blurDataURL = await getBlurDataURL(BLUR_IMAGE_URL);
+export const getStaticProps: GetStaticProps<{
+  blurDataURL: string;
+}> = async () => {
+  const blurDataURL = await getBlurDataURL(BLUR_IMAGE_URL);
 
-    return {
-      props: { blurDataURL }
-    };
+  return {
+    props: { blurDataURL }
   };
+};
 
 const Home: NextPage<InferGetStaticPropsType<typeof getStaticProps>> = ({
   blurDataURL
@@ -35,7 +33,7 @@ const Home: NextPage<InferGetStaticPropsType<typeof getStaticProps>> = ({
     <div className={styles.card}>
       <h1>
         Uploadcare custom loader for Image Component{' '}
-        <a href="//github.com/uploadcare/nextjs-loader">
+        <a href="https://github.com/uploadcare/nextjs-loader">
           @uploadcare/nextjs-loader
         </a>
       </h1>
@@ -48,9 +46,8 @@ const Home: NextPage<InferGetStaticPropsType<typeof getStaticProps>> = ({
         proxying through Media Proxy.
       </p>
       <Image
-        loader={uploadcareLoader}
         alt="Vercel logo"
-        src="//ucarecdn.com/a6f8abc8-f92e-460a-b7a1-c5cd70a18cdb/vercel.png"
+        src="https://ucarecdn.com/a6f8abc8-f92e-460a-b7a1-c5cd70a18cdb/vercel.png"
         width={500}
         height={500}
         sizes="(max-width: 50rem) 100vw, 50rem"
@@ -63,7 +60,7 @@ const Home: NextPage<InferGetStaticPropsType<typeof getStaticProps>> = ({
       </p>
       <UploadcareImage
         alt="Vercel logo"
-        src="//ucarecdn.com/a6f8abc8-f92e-460a-b7a1-c5cd70a18cdb/vercel.png"
+        src="https://ucarecdn.com/a6f8abc8-f92e-460a-b7a1-c5cd70a18cdb/vercel.png"
         width={500}
         height={500}
         sizes="(max-width: 50rem) 100vw, 50rem"
@@ -94,27 +91,25 @@ const Home: NextPage<InferGetStaticPropsType<typeof getStaticProps>> = ({
       <p>It will be proxied through Media Proxy.</p>
       <Image
         alt="Next.js logo"
-        src="//assets.vercel.com/image/upload/v1538361091/repositories/next-js/next-js.png"
+        src="https://assets.vercel.com/image/upload/v1538361091/repositories/next-js/next-js.png"
         width={500}
         height={166}
-        loader={uploadcareLoader}
+        sizes="(max-width: 50rem) 100vw, 50rem"
         className={styles.fullWidthImage}
       />
       <hr className={styles.hr} />
       <p>SVGs and GIFs will be used without transformations</p>
       <Image
         alt="Next.js logo"
-        src="//ucarecdn.com/375bba4b-35db-4cb8-8fc7-7540625f2181/next.svg"
+        src="https://ucarecdn.com/375bba4b-35db-4cb8-8fc7-7540625f2181/next.svg"
         width={64}
         height={64}
-        loader={uploadcareLoader}
       />
       <Image
         alt="Vercel logo"
-        src="//ucarecdn.com/0f23a269-13eb-4fc9-b378-86f224380d26/vercel.gif"
+        src="https://ucarecdn.com/0f23a269-13eb-4fc9-b378-86f224380d26/vercel.gif"
         width={64}
         height={64}
-        loader={uploadcareLoader}
       />
       <hr className={styles.hr} />
       <p>
@@ -125,8 +120,9 @@ const Home: NextPage<InferGetStaticPropsType<typeof getStaticProps>> = ({
         alt="A local image"
         src="/local_image.png"
         width={600}
-        height={400}
-        loader={uploadcareLoader}
+        height={200}
+        sizes="(max-width: 50rem) 100vw, 50rem"
+        className={styles.fullWidthImage}
       />
       <hr className={styles.hr} />
       <p>
@@ -136,11 +132,12 @@ const Home: NextPage<InferGetStaticPropsType<typeof getStaticProps>> = ({
       <Image
         alt="A statically imported image"
         src={staticImportImage}
-        loader={uploadcareLoader}
+        sizes="(max-width: 50rem) 100vw, 50rem"
+        className={styles.fullWidthImage}
       />
       <hr className={styles.hr} />
       Checkout the project documentation on Github{' '}
-      <a href="//github.com/uploadcare/nextjs-loader">
+      <a href="https://github.com/uploadcare/nextjs-loader">
         @uploadcare/nextjs-loader
       </a>
       .