diff --git a/src/components/postCard.js b/src/components/postCard.js
index 585ec1b..8cd4d85 100644
--- a/src/components/postCard.js
+++ b/src/components/postCard.js
@@ -8,17 +8,19 @@ function urlFor(_ref) {
 }
 export default props => {
   console.log("Post Card: ", props.node)
-  const link = urlFor(props.node.logo.asset._ref).url()
+  const link = urlFor(props.node.images[0].asset._ref).url()
   console.log("Card Link: ", link)
   return (
     <article
       className={`post-card ${props.count % 3 === 0 && `post-card-large`} ${
         props.postClass
       } 
-    ${urlFor(props.node.logo.asset._ref) ? `with-image` : `no-image`}`}
+    ${urlFor(props.node.images[0].asset._ref) ? `with-image` : `no-image`}`}
       style={
-        props.node.logo.asset._ref && {
-          backgroundImage: `url(${urlFor(props.node.logo.asset._ref).url()})`,
+        props.node.images[0].asset._ref && {
+          backgroundImage: `url(${urlFor(
+            props.node.images[0].asset._ref
+          ).url()})`,
         }
       }
     >
diff --git a/src/pages/index.js b/src/pages/index.js
index a92235e..225ddf0 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -15,17 +15,31 @@ import imageUrlBuilder from "@sanity/image-url"
 const BlogIndex = ({ data }, location) => {
   const siteTitle = data.site.siteMetadata.title
   const posts = data.allMarkdownRemark.edges
-  const [logos, setLogos] = useState([])
+  // const [logos, setLogos] = useState([])
+  const [images, setImages] = useState([])
   let postCounter = 0
   useEffect(() => {
     onLoad()
   }, [])
+  // async function onLoad() {
+  //   try {
+  //     const products = await client.fetch(`
+  //       *[_type == 'vendor']`)
+  //     console.log("testing 123", products)
+  //     setLogos(products)
+  //   } catch (e) {
+  //     if (e !== "No current user") {
+  //       alert(e)
+  //     }
+  //   }
+  //   // setIsLoading(false);
+  // }
   async function onLoad() {
     try {
       const products = await client.fetch(`
-        *[_type == 'vendor']`)
+        *[_type == 'product']`)
       console.log("testing 123", products)
-      setLogos(products)
+      setImages(products)
     } catch (e) {
       if (e !== "No current user") {
         alert(e)
@@ -47,7 +61,7 @@ const BlogIndex = ({ data }, location) => {
         </header>
       )} */}
       <div className="post-feed">
-        {logos.map((logo, i) => {
+        {/* {logos.map((logo, i) => {
           postCounter++
           return (
             <PostCard
@@ -56,7 +70,18 @@ const BlogIndex = ({ data }, location) => {
               node={logo}
               postClass={`post`}
             />
-            // <h1>yo</h1>
+          )
+        })} */}
+        {images.map((image, i) => {
+          console.log("Image:", image)
+          postCounter++
+          return (
+            <PostCard
+              key={image.slug.current}
+              count={postCounter}
+              node={image}
+              postClass={`post`}
+            />
           )
         })}
         {/* <div className="post-feed">