Init

2024-10-12 02:08:44 +03:00
commit 680168f6de
34 changed files with 21951 additions and 0 deletions
@@ -0,0 +1,78 @@
+import * as React from "react";
+import {graphql, Link} from "gatsby";
+import Breadcrumbs from "../../components/Breadcrumbs/Breadcrumbs";
+import Listing from "../../components/Listing/Listing";
+
+const List = ({data, location}) => {
+    const products = data.allDataJson.nodes;
+    const images = data.allImageSharp.nodes;
+
+    return (
+        <main>
+            <Breadcrumbs location={location.pathname} label="Insights"/>
+            <h1>Insights</h1>
+            <p className="text-container m-b-56">
+                Upcoming fashion insights, enabling you to make informed procurement and
+                manufacturing decisions that align with consumer preferences and market
+                demands
+            </p>
+            <div className="center">
+                <Link to="/insights/" className="button button__primary active">
+                    Women’s Fashion
+                </Link>
+            </div>
+            <Listing products={products} images={images}/>
+        </main>
+    );
+};
+export const query = graphql`
+  query {
+    allDataJson {
+      nodes {
+        name
+        images
+        tags
+        description
+        socialMedia {
+        Twitter {
+          Social_Media_Influence
+          Tweet_Bookmarks
+          Tweet_Bookmarks_Relative_to_Average
+          Tweet_Likes
+          Tweet_Likes_Relative_to_Average
+          Tweet_Quotes
+          Tweet_Quotes_Relative_to_Average
+          Tweet_Reposts
+          Tweet_Reposts_Relative_to_Average
+          Tweet_Views
+          Tweet_Views_Relative_to_Average
+          found
+        }
+        Instagram {
+          Post_Comments
+          Post_Comments_Relative_to_Average
+          Post_Likes
+          Post_Likes_Relative_to_Average
+          Social_Media_Influence
+          found
+        }
+      }
+      }
+    }
+    allImageSharp(sort: { original: { src: ASC } }) {
+      nodes {
+        gatsbyImageData(
+          width: 400
+          height: 500
+          placeholder: BLURRED
+          transformOptions: { cropFocus: CENTER, fit: COVER }
+        )
+        fluid {
+          originalName
+        }
+      }
+    }
+  }
+`;
+
+export default List;