79 lines
2.1 KiB
React
79 lines
2.1 KiB
React
|
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;
|