text: import desktop0 from "../../assets/desktop0.jpg";
  import desktop1 from "../../assets/desktop1.jpg";
  import desktop2 from "../../assets/desktop2.jpg";
  import desktop3 from "../../assets/desktop3.jpg";
  import desktop4 from "../../assets/desktop4.jpg";
  import desktop5 from "../../assets/desktop5.jpg";
  import desktop6 from "../../assets/desktop6.jpg";
  import desktop7 from "../../assets/desktop7.jpg";
  import desktop8 from "../../assets/desktop8.jpg";
  import desktop9 from "../../assets/desktop9.jpg";
  import mobile0 from "../../assets/mobile0.jpg";
  import mobile1 from "../../assets/mobile1.jpg";
  import mobile2 from "../../assets/mobile2.jpg";
  import mobile3 from "../../assets/mobile3.jpg";
  import mobile4 from "../../assets/mobile4.jpg";
  import mobile5 from "../../assets/mobile5.jpg";
  import mobile6 from "../../assets/mobile6.jpg";
  import mobile7 from "../../assets/mobile7.jpg";
  import mobile8 from "../../assets/mobile8.jpg";
  import mobile9 from "../../assets/mobile9.jpg";
  
  export default {
    "galaxy-products-configurator-redesign": {
      headline: "Samsung Galaxy Products Redesign",
      subHeadline: "Custom configurator for purchase your Samsung Galaxy Products",
      description: `The Galaxy Products configurator is an interactive page where show our Galaxy Products to consumers, let 
        them compare and evaluate alternatives before acquiring the product. We redesign it's workflow to achieve a more clear
        and intuitive way for our consumers' purchase. It's currently used for galaxy s10/s9/note9 purchase.
        <br><br>I build this project from ground up by myself, and delivered it into production 
        within 2 months.<br><br>This project is built on React/Redux in combination with Sass. It's full responsive and 
        implemented tagging information for marketing purpose. All the data is retrieved by RESTful API.`,
      link: "https://www.samsung.com/us/mobile/galaxy-s10/buy/",
      linkText: "SEE IT LIVE",
      release: "February 2019",
      tech: ["ReactJS", "Redux", "ES6", "Sass", "HTML5", "Webpack", "Restful APIs", "Full Responsive"],
      desktop: desktop9,
      mobile: mobile9
    },
    "wearables-configurator": {
      headline: "Samsung Wearables",
      subHeadline: "Custom configurator for purchase your Samsung Wearables",
      description: `The Samsung Wearables configurator is an interactive page where the users will finish their purchase of  
        Samsung Wearables based on their selections of several steps. It's currently used for Gear series and Galaxy Watch purchase.
        <br><br>I build this project from ground up by myself, and delivered it into production within 2 weeks on my own.
        <br><br>This project is built on React/Redux in combination with Sass, and page routing is handled by 
        history API so each step can be cached and deeplinked in browser. It's full responsive and implemented tagging information for marketing 
        purpose. All the data is retrieved by RESTful API.`,
      link: "https://www.samsung.com/us/smartwatches-and-fitness-bands/buy/",
      linkText: "SEE IT LIVE",
      release: "June 2018",
      tech: ["ReactJS", "Redux", "ES6", "Sass", "HTML5", "Webpack", "Restful APIs", "Full Responsive"],
      desktop: desktop8,
      mobile: mobile8
    },
    "tablets-configurator": {
      headline: "Samsung Tablets",
      subHeadline: "Custom configurator for purchase your Samsung Tablets",
      description: `The Samsung Tablets configurator is an interactive page where the users will finish their purchase of  
        Samsung Tablets based on their selections of several steps. It's currently used for Tab S3/S4 and Galaxy Book purchase.
        <br><br>I build this project from ground up by myself, and delivered it into production within 2 weeks on my own.
        <br><br>This project is built on React/Redux in combination with Sass, and page routing is handled by 
        history API so each step can be cached and deeplinked in browser. It's full responsive and implemented tagging information for marketing 
        purpose. All the data is retrieved by RESTful API.`,
      link: "https://www.samsung.com/us/mobile/tablets/buy/",
      linkText: "SEE IT LIVE",
      release: "June 2018",
      tech: ["ReactJS", "Redux", "ES6", "Sass", "HTML5", "Webpack", "Restful APIs", "Full Responsive"],
      desktop: desktop7,
      mobile: mobile7
    },
    "galaxy-products-configurator": {
      headline: "Samsung Galaxy Products",
      subHeadline: "Custom configurator for purchase your Samsung Galaxy Products",
      description: `The Galaxy Products configurator is an interactive page where the users will finish their purchase of  
        Galaxy Products based on their selections of several steps. It's currently used for galaxy s8/s9/note8/note9 purchase.
        <br><br>I lead a front-end group of 4 developers to build this project from ground up, and delivered it into production 
        within 3 weeks.<br><br>This project is built on React/Redux in combination with Sass, and page routing is handled by 
        history API so each step can be cached and deeplinked in browser. It's full responsive and implemented tagging information for marketing 
        purpose. All the data is retrieved by RESTful API.`,
      link: "https://www.samsung.com/us/smartphones/galaxy-s9/buy/",
      linkText: "SEE IT LIVE",
      release: "February 2018",
      tech: ["ReactJS", "Redux", "ES6", "Sass", "HTML5", "Webpack", "Restful APIs", "Full Responsive"],
      desktop: desktop6,
      mobile: mobile6
    },
    "tvs-configurator": {
      headline: "Samsung TVs",
      subHeadline: "Custom configurator for purchase your Samsung TVs",
      description: `The Samsung TVs configurator is an interactive page where the users will finish their purchase of  
        Samsung TVs based on their selections of several steps. It's currently used for Samsung QLED/UHD TV purchase.
        <br><br>I lead another front-end developer to build this project from ground up, and delivered it into production 
        within 1 month.<br><br>This project is built on React/Redux in combination with Sass, and page routing is handled by 
        history API so each step can be cached and deeplinked in browser. It's full responsive and implemented tagging information for marketing 
        purpose. All the data is retrieved by RESTful API.`,
      link: "https://www.samsung.com/us/televisions-home-theater/tvs/buy/",
      linkText: "SEE IT LIVE",
      release: "November 2017",
      tech: ["ReactJS", "Redux", "ES6", "Sass", "HTML5", "Webpack", "Restful APIs", "Full Responsive"],
      desktop: desktop5,
      mobile: mobile5
    },
    "home-appliances-configurator": {
      headline: "Samsung Home Appliances",
      subHeadline: "Custom configurator for purchase your Home Appliances",
      description: `The Samsung TVs configurator is an interactive page where the users will finish their purchase of  
        Samsung Home Appliances based on their selections of several steps. It's currently used for refrigerator/range/washer/dryer/microwave/dishwasher purchase.
        <br><br>I lead another front-end developer to build this project from ground up, and delivered it into production 
        within 2 months.<br><br>This project is built on React/Redux in combination with Sass, and page routing is handled by 
        history API so each step can be cached and deeplinked in browser. It's full responsive and implemented tagging information for marketing 
        purpose. All the data is retrieved by RESTful API, including zip code and installation availability.`,
      link: "https://www.samsung.com/us/home-appliances/refrigerators/",
      linkText: "SEE IT LIVE",
      release: "August 2017",
      tech: ["ReactJS", "Redux", "ES6", "Sass", "HTML5", "Webpack", "Restful APIs", "Full Responsive"],
      desktop: desktop4,
      mobile: mobile4
    },
    "product-finder": {
      headline: "Samsung Product Finder",
      subHeadline: "Product Finder guides your customers to the right products",
      description: `The Samsung Product Finder is a product category page where the users can easily find right products by  
        filtering them through model, color, size, price or rating. It's currently used for all Samsung product category such as
        mobiles, TVs and home appliances.<br><br>I worked with another front-end developer to build this project from ground up, 
        and delivered it into production within 2 months.<br><br>This project is built on React/Redux in combination with JSS, 
        and each filter result handled by history API so it will be cached in browser without duplicate hits to server to get same data. 
        It's full responsive and all the data is retrieved by RESTful API.`,
      link: "https://www.samsung.com/us/mobile/phones/all-phones/",
      linkText: "SEE IT LIVE",
      release: "March 2017",
      tech: ["ReactJS", "Redux", "ES6", "JSS", "HTML5", "Webpack", "Restful APIs", "Full Responsive"],
      desktop: desktop3,
      mobile: mobile3
    },
    "all-deals": {
      headline: "Samsung All Deals",
      subHeadline: "Find all the best deals daily for your customers",
      description: `The Samsung All Deals is a product category page where the users can easily find the best deals of products. 
        It's currently used for all Samsung products daily deals, especially for 2016 and 2017 Black Friday. <br><br>I worked 
        with another 2 front-end developers to build this project from ground up, and delivered it into production within 5 weeks.
        <br><br>This project is built on React/Flux in combination with Sass, and the category filter is built by JQuery.
        It's full responsive and all the data is retrieved by RESTful API.`,
      link: "https://www.samsung.com/us/shop/all-deals/",
      linkText: "SEE IT LIVE",
      release: "November 2016",
      tech: ["ReactJS", "Flux", "ES6", "Sass", "HTML5", "JQuery", "Restful APIs", "Full Responsive"],
      desktop: desktop2,
      mobile: mobile2
    },
    "samsung-us-site": {
      headline: "Samsung US Site",
      subHeadline: "Replatform Samsung.com/us using a modular, template approach based on Adobe CMS",
      description: `Samsung are committed to redesigning Samsung.com/us using a modular, template approach. This approach 
        utilizes a systematic, holistic logic that can be applied to all new templates using a "master list" of reusable 
        modular components. <br><br>I worked with 3 front-end developers and 5 AEM developers to build this project from 
        ground up, and delivered it into production with half year. <br><br>This project is built on Adobe CMS, which is called
        AEM. AEM has 3 different levels: page level, template level and component level. Page level is built by JSP, including 
        common header, footer, and template. Template level is a XML configuration page connecting page and component, which
        includes all the component dependences. Component level has back-end business logic and front-end UI, the connector
        is Sightly, which is a templating engine and language implementation for AEM. For back-end we use Java, and front-end  
        we use HTML5, SASS, JQuery and KnockoutJS. The whole project building process is handled by Maven, including 
        front-end gulp task.`,
      link: "https://www.samsung.com/us/",
      linkText: "SEE IT LIVE",
      release: "August 2016",
      tech: ["KnockoutJS", "JQuery", "Gulp", "HTML5", "Sass", "Sightly", "Java", "JSP", "Full Responsive"],
      desktop: desktop1,
      mobile: mobile1
    },
    "roar": {
      headline: "ROAR",
      subHeadline: "Explore AR experiences and create your own augmented reality",
      description: `ROAR self-service platform allows to build AR experiences in a few clicks. 
        It's designed for CPG brands, Retailers, Agencies as well as for ordinary users. This is a landing page for AR Platform.
        <br><br>I built this landing page by myself from ground up, and delivered it into production 
        within 3 weeks. <br><br>This project is built on AngularJS in combination with Jade and Stylus.
        It's full responsive and video animated.`, 
      link: "/demo/roar/",
      linkText: "SEE IT DEMO",
      release: "September 2015",
      tech: ["AngularJS", "Google Maps API", "Grunt", "Jade", "Stylus", "Full Responsive"],
      desktop: desktop0,
      mobile: mobile0
    }
  };