Vizzuality/landgriffon

import React from 'react';

import Hero from 'containers/the-service/hero';
// import Example from 'containers/the-service/example';

import Steps from 'containers/the-service/steps';
import Step01 from 'containers/the-service/steps/01';
import Step02 from 'containers/the-service/steps/02';
import Step03 from 'containers/the-service/steps/03';
import Step04 from 'containers/the-service/steps/04';
import AppScreens from 'containers/the-service/app-screens';

import Separator from 'containers/separator';
import Testimonials from 'containers/testimonials';
import Newsletter from 'containers/newsletter';
import ScrollDown from 'containers/scroll-down';
import BlogPosts from 'containers/blog-posts';

const TheService: React.FC = () => {
  return (
    <div className="w-full overflow-hidden">
      <ScrollDown theme="light" />
      <Hero />

      <Steps theme="green">
        <Step01 />
        <Step02 />
      </Steps>
      <Separator image="/images/service/images6_service.jpg" />
      <Steps theme="orange">
        <Step03 />
        <Step04 />
      </Steps>
      <AppScreens />
      {/* <Example /> */}

      <Testimonials />
      <BlogPosts />
      <Newsletter />
    </div>
  );
};

export default TheService;