text: import React from 'react';
  import { Link, graphql } from 'gatsby';
  import Helmet from "react-helmet"
  import Layout from '../layout/layout';
  import CallToAction from '../layout/call-to-action';
  import TopicsGrid from '../layout/topics-grid';
  import ThreeColumnList from '../layout/three-column-list';
  import ChangelogPreview from '../layout/changelog-preview';
  import SEO from "../layout/seo"
  
  class Index extends React.Component {
  	render() {
  		const { data: { homeYaml, allMdx } } = this.props;
  		return (
  			<Layout>
  				<SEO
  					description="Information for building, launching, and running dynamic sites on the Pantheon Website Management Platform"
  					image={"/assets/images/default-thumb-doc.png"}
  				/>
  				<div style={{ marginTop: '-20px' }}>
  					<div className="container doc-content-well">
  						<div className="row">
  							<h1 className="title col-sm-12">{homeYaml.title}</h1>
  						</div>
  						<div className="row" style={{ marginBottom: '15px' }}>
  							<div className="col-md-12">
  								<CallToAction
  									title={homeYaml.call_to_action.title}
  									subTitle={homeYaml.call_to_action.sub_title}
  									url={homeYaml.call_to_action.url}
  								/>
  							</div>
  						</div>
  						<div className="row mb-70">
  							<div className="col-md-12">
  								<TopicsGrid topics={homeYaml.topics} />
  							</div>
  						</div>
  						<ThreeColumnList
  							title={homeYaml.three_column_links.title}
  							links={homeYaml.three_column_links.links}
  						/>
  						<ChangelogPreview
  							title={homeYaml.changelog_preview.title}
  							url={homeYaml.changelog_preview.url}
  							changelogs={allMdx.edges}
  						/>
            <Helmet
              title="Pantheon Docs"
              titleTemplate={`%s`}
            />
  					</div>
  				</div>
  			</Layout>
  		);
  	}
  }
  
  export default Index;
  
  export const pageQuery = graphql`
  	{
  		homeYaml {
  			title
  			call_to_action {
  				title
  				sub_title
  				url
  			}
  			topics {
  				title
  				summary
  				icon
  				url
          secondary
  			}
  			three_column_links {
  				title
          links {
            text
            url
          }
  			}
  			changelog_preview {
  				title
  				url
  			}
  		}
  
  		allMdx(filter: {fileAbsolutePath: {regex: "/changelogs/"}}, sort: {fields: [fileAbsolutePath], order: DESC}, limit: 4) {
  			edges {
  				node {
  					id
  					frontmatter {
  						title
  					}
  					fields {
  						slug
  						markdownBody {
  							childMdx {
  								body
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  `;
  