diff --git a/application/modules/default/views/scripts/home/index-opendesktop-test.phtml b/application/modules/default/views/scripts/home/index-opendesktop-test.phtml
index cff9424e1..4783f869b 100755
--- a/application/modules/default/views/scripts/home/index-opendesktop-test.phtml
+++ b/application/modules/default/views/scripts/home/index-opendesktop-test.phtml
@@ -1,425 +1,142 @@
 <?php
 /**
  *  ocs-webserver
  *
  *  Copyright 2016 by pling GmbH.
  *
  *    This file is part of ocs-webserver.
  *
  *    This program is free software: you can redistribute it and/or modify
  *    it under the terms of the GNU Affero General Public License as
  *    published by the Free Software Foundation, either version 3 of the
  *    License, or (at your option) any later version.
  *
  *    This program is distributed in the hope that it will be useful,
  *    but WITHOUT ANY WARRANTY; without even the implied warranty of
  *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  *    GNU Affero General Public License for more details.
  *
  *    You should have received a copy of the GNU Affero General Public License
  *    along with this program.  If not, see <http://www.gnu.org/licenses/>.
  **/
 $this->headTitle($_SERVER['HTTP_HOST'], 'SET');
 $this->doctype(Zend_View_Helper_Doctype::XHTML1_RDFA);
 $this->headMeta()->appendProperty('og:url', 'www.opendesktop.org');
 $this->headMeta()->appendProperty('og:type', 'website');
 $this->headMeta()->appendProperty('og:title', 'opendesktop.org');
 $this->headMeta()->appendProperty('og:site_name','www.opendesktop.org');
 $this->headMeta()->appendProperty('og:description','A community where developers and artists share applications, themes and other content');
 $this->headMeta()->appendProperty('og:image','https://www.opendesktop.org/images/system/opendesktop-logo.png');
 
 $modelInfo = new Default_Model_Info();
-//$this->comments = $modelInfo->getLatestComments(10);
+$this->comments = $modelInfo->getLatestComments(10);
 //$this->users = $modelInfo->getNewActiveMembers(18);
 //$this->supporters = $modelInfo->getNewActiveSupporters(9);
 //$this->plingproducts = $modelInfo->getNewActivePlingProduct(9);
 $this->productsThemesGTK = $modelInfo->getLastProductsForHostStores(5,"366,363,273,267,138,125,131,153,154,414,133");
 $this->productsThemesPlasma = $modelInfo->getLastProductsForHostStores(5,"365,119,123,266,114,118,349,417,101,100,111,422,423,446,417");
 $this->productsWindowmanager = $modelInfo->getLastProductsForHostStores(5,"117,267,139,143,142,140,141,144");
 $this->productsIconsCursors= $modelInfo->getLastProductsForHostStores(5,"386,107");
 $this->productsScreenshots= $modelInfo->getLastProductsForHostStores(5,"225,445");
 $this->productsApps = $modelInfo->getLastProductsForHostStores(5,233);
 $this->productsAddons = $modelInfo->getLastProductsForHostStores(5,"152");
 $this->productsWallpapersOriginal = $modelInfo->getLastProductsForHostStores(5,"295,158",null,true);
 $this->productsWallpapers = $modelInfo->getLastProductsForHostStores(5,"295,158",null,false);
 $this->countSupporters = $modelInfo->getCountActiveSupporters();
 
 $featuredProducts = $modelInfo->getFeaturedProductsForHostStores(100);
 if ($featuredProducts->getTotalItemCount()) {
     $request = Zend_Controller_Front::getInstance()->getRequest();
     $offset = (int)$request->getParam('page');
     $irandom = rand(1,$featuredProducts->getTotalItemCount());
     $featuredProducts->setItemCountPerPage(1);
     $featuredProducts->setCurrentPageNumber($irandom);
     $this->featureProducts = $featuredProducts;
 }
 
 $helperBuildMemberUrl = new Default_View_Helper_BuildMemberUrl();
 $helperImage = new Default_View_Helper_Image();
 $helpPrintDate = new Default_View_Helper_PrintDate();
 
 
 
+
+
 $item;
 foreach ($this->featureProducts as $i) {
    $item = $i;
    break;
-}                
+}
 $feature = array(
     'project_id' => $item['project_id'],
     'member_id' =>  $item['member_id'],
     'username' =>  $item['username'],
     'profile_image_url' =>  $item['profile_image_url'],
     'featured' =>  $item['featured'],
     'description' =>  $item['description'],
     'image_small' =>  $item['image_small'],
     'laplace_score' =>  $item['laplace_score'],
     'count_likes' =>  $item['count_likes'],
     'count_dislikes' =>  $item['count_dislikes'],
     'changed_at' =>  $item['changed_at'],
     'created_at' =>  $item['created_at'],
-    'count_comments' =>  $item['count_comments']                      
+    'count_comments' =>  $item['count_comments']
 );
-$response = array(    
+$response = array(
     "productsThemesGTK" => Zend_Json::encode($this->productsThemesGTK),
     "productsThemesPlasma" => Zend_Json::encode($this->productsThemesPlasma),
     "productsWindowmanager" => Zend_Json::encode($this->productsWindowmanager),
     "productsIconsCursors" => Zend_Json::encode($this->productsIconsCursors),
     "productsScreenshots" => Zend_Json::encode($this->productsScreenshots),
     "productsApps" => Zend_Json::encode($this->productsApps),
     "productsAddons" => Zend_Json::encode($this->productsAddons),
     "productsWallpapersOriginal" => Zend_Json::encode($this->productsWallpapersOriginal),
     "productsWallpapers" => Zend_Json::encode($this->productsWallpapers),
     "featureProducts" => Zend_Json::encode($feature)
 );
 
+
 ?>
+<link type="text/css" rel="stylesheet" href="/theme/react/assets/css/homepage.css"/>
 
- 
 <main id="explore-content" class="startpage-store">
 
-<style> 
-
-
-  @media (max-width:611px){
-
-    body > .panel.panel-default.pull-left {
-      max-width: 100%;
-      overflow-y: hidden;
-    }
-
-
-    .sidebar-left {
-        background-color: #e4e4e4;
-    }
-
-    .GridFlex-cell.sidebar-left {
-      width: 100%;
-      flex: none !important;
-      border: 0;
-      border-bottom: 1px solid #ccd4d8;
-    }
-
-    #explore-content.startpage-store .GridFlex-cell.content {
-      padding: 0;
-      min-width: 100% !important;
-      padding: 0 5px;
-      padding-right: 5px !important;
-    }
-
-    #featureProductsContainer .feature_container {
-      width: 100% !important;
-    }
-
-    #featureProductsContainer {
-      height: auto !important;
-      margin-bottom: 15px;
-    }
-
-    #featureProductsContainer .feature_container {
-        width: 100%;
-        display: block;
-        margin: 0 auto;
-    }
-
-    #featureProductsContainer .feature_container .main_container {
-      float: left;
-      width: 100%;
-    }
-
-    #featureProductsContainer .feature_container .feature_title {
-      width: 100%;
-      display: block;
-      float: left;
-      text-align: center;
-      height: 25px;
-      line-height: 30px;
-    }
-
-    #featureProductsContainer .feature_container .main_container .label_featured {
-      float: right;
-      position: absolute;
-      top: 30px;
-      right: 0;
-      height: 25px;
-      line-height: 25px;
-      border-radius: 0 5px 0 5px;
-    }
-
-    #featureProductsContainer .feature_container .main_container .feature_image {
-      width: 100%;
-      margin: 0;
-      max-width: 100%;
-    }
-
-    #featureProductsContainer .feature_container .main_container .feature_image img {
-      margin: 0 auto;
-      display: table;
-      max-width: 100%;
-      width: 100%;
-      height: auto;
-    }
-
-    #featureProductsContainer .feature_container .main_container .feature_text {
-      width: 100%;
-      float: left;
-      padding: 15px;
-    }
-
-    #featureProductsContainer .feature_container .main_container .feature_text .feature_category {
-      width: 80%;
-    }
-
-    #featureProductsContainer .feature_container .main_container .feature_text .feature_rating {
-      padding-right: 0;
-      padding-top: 0;
-    }
-
-    .prod-widget-box {
-      padding: 0;
-      width: 100% !important;
-    }
-
-    #explore-content .GridFlex .sidebar-right {
-        width: 100% !important;
-        flex: none !important;
-    }
-
-    #explore-content .sidebar-right-info {
-      padding-left: 10px;
-    }
-
-    .commentstore {
-      padding: 5px;
-    }
-
-  }
-
-</style>
-testest
-<main id="explore-content" class="startpage-store">
-  <div class="GridFlex">
-    <div class="GridFlex-cell sidebar-left">
-            <?php  echo $this->render('explore/partials/filter.phtml'); ?>
+    <div class="col-lg-2 col-md-2 col-sm-4 col-xs-12 sidebar-left">
+      <?php  echo $this->render('explore/partials/filter.phtml'); ?>
     </div>
-    <div class="GridFlex-cell content">
-            <div class="contentcontainer">
 
-                            <div class="row"  id="featureProductsContainer">
-
-                                <?php
-                                if ($this->featureProducts) {
-                                              echo $this->render('home/partials/featured-products.phtml');
-                                }
-                                ?>
-                            </div>
-
-                            <div class="row">
-                            <?php
-                                        echo $this->partial('/home/partials/product_group.phtml', array(
-                                                "title"  => "GTK/Gnome",
-                                                "products" => $this->productsThemesGTK,
-                                                "catIDs" =>"366"
-                                            )
-                                        );
-
-                                        echo $this->partial('/home/partials/product_group.phtml', array(
-                                                "title"  => "KDE Plasma",
-                                                "products" => $this->productsThemesPlasma,
-                                                "catIDs" =>"365"
-                                            )
-                                        );
-                            ?>
-                            </div>
-
-                            <div class="row blockpadding">
-                            <?php
-                                        echo $this->partial('/home/partials/product_group.phtml', array(
-                                                "title"  => "Window Managers",
-                                                "products" => $this->productsWindowmanager,
-                                                "catIDs" =>"147"
-                                            )
-                                        );
-
-                                        echo $this->partial('/home/partials/product_group.phtml', array(
-                                                "title"  => "Icons, Cursors",
-                                                "products" => $this->productsIconsCursors,
-                                                "catIDs" =>"386,107"
-                                            )
-                                        );
-                            ?>
-                            </div>
-
-                            <div class="row blockpadding">
-                            <?php
-                                    echo $this->partial('/home/partials/product_group.phtml', array(
-                                            "title"  => "Artwork, Wallpapers ",
-                                            "products" => $this->productsWallpapers,
-                                            "catIDs" =>"158,295"
-                                        )
-                                    );
-
-
-                                        echo $this->partial('/home/partials/product_group.phtml', array(
-                                                "title"  => "Artwork, Wallpapers (Original)",
-                                                "products" => $this->productsWallpapersOriginal,
-                                                "catIDs" =>"158,295"
-
-                                            )
-                                        );
-                            ?>
-                            </div>
-                            <div class="row blockpadding" >
-                             <?php
-                                         echo $this->partial('/home/partials/product_group.phtml', array(
-                                                 "title"  => "App Add-Ons",
-                                                 "products" => $this->productsAddons,
-                                                 "catIDs" =>"152"
-                                             )
-                                         );
-
-                                         echo $this->partial('/home/partials/product_group.phtml', array(
-                                                 "title"  => "Applications",
-                                                 "products" => $this->productsApps,
-                                                 "catIDs" =>"233"
-                                             )
-                                         );
-
-                             ?>
-                            </div>
-
-                            <div class="row blockpadding">
-                            <?php
-                                               echo $this->partial('/home/partials/product_group.phtml', array(
-                                                "title"  => "Concepts, Screenshots",
-                                                "products" => $this->productsScreenshots,
-                                                "catIDs" =>"445,225"
-                                            )
-                                        );
-
-                            ?>
-                            </div>
-
-                            <?php /*
-
-                            <div class="row blockpadding supportersrow">
-                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
-                                <?php
-                                            echo $this->partial('/home/partials/plingprojects.phtml', array(
-                                                    "title"  => "Recently plinged Products",
-                                                    "projects" => $this->plingproducts
-                                                )
-                                            );
-                                ?>
-                                </div>
-                            </div>
-
-                            <div class="row blockpadding supportersrow">
-                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
-                                <?php
-                                            echo $this->partial('/home/partials/users.phtml', array(
-                                                    "title"  => "Latest Supporters",
-                                                    "users" => $this->supporters
-                                                )
-                                            );
-                                ?>
-                                </div>
-                            </div>
-
-                            <div class="row blockpadding">
-                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
-                                <?php
-                                            echo $this->partial('/home/partials/users.phtml', array(
-                                                    "title"  => "Latest  Community Members ",
-                                                    "users" => $this->users
-                                                )
-                                            );
-                                ?>
-                                </div>
-                            </div>
-
-                            */
-                            ?>
-                 </div>
+    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12  content">
+      <div id="main-content"></div>
+      <script type="text/javascript">
+        var data =<?php echo Zend_Json::encode($response)?>;
+      </script>
+      <script src="/theme/react/opendesktop-home.js" type="text/javascript"></script>
     </div>
-    <div class="GridFlex-cell sidebar-right">
-            <aside  id="explore-sidebar" >
-
-            <?php
-                echo $this->render('/home/partials/common_rightsidebar.phtml');
-            ?>
-
-
-            <div>
-                <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- Responsive New Displayblock -->
-                <ins class="adsbygoogle"
-                     style="display:block"
-                     data-ad-client="ca-pub-1150932386931372"
-                     data-ad-slot="1024407251"
-                     data-ad-format="auto"></ins>
-                <script>
-                (adsbygoogle = window.adsbygoogle || []).push({});
 
-                </script>
-            </div>
-
-            </aside>
+    <div class="col-lg-2 col-md-2 col-sm-4 col-xs-12 sidebar-right">
+      <aside  id="explore-sidebar" >
+        <?php
+            echo $this->render('/home/partials/common_rightsidebar.phtml');
+        ?>
+        <div>
+            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+            <!-- Responsive New Displayblock -->
+            <ins class="adsbygoogle"
+                 style="display:block"
+                 data-ad-client="ca-pub-1150932386931372"
+                 data-ad-slot="1024407251"
+                 data-ad-format="auto"></ins>
+            <script>
+            (adsbygoogle = window.adsbygoogle || []).push({});
+            </script>
+        </div>
+      </aside>
     </div>
-  </div>
+
   <div class="tooltip_templates" style="display:none">
       <span id="tooltip_content">
           <i class="fa fa-spinner"></i>
       </span>
   </div>
-</main>
 
-<script type="text/javascript">
-  var data =<?php echo Zend_Json::encode($response)?>;
-</script>
-
-<script type="application/javascript">
-    $(document).ready(function () {
-        $('body').on('click', '.ajaxPartialFeatureProduct', function (event) {
-            event.preventDefault();
-            $(this).off();
-            var target = '#featureProductsContainer';
-            if($(this).hasClass( "disabled" )) return false;
-            var url = $(this).attr("href");
-            $(target).load(url, function (response, status, xhr) {
-                if (status == "error") {
-                    $(target).empty().html('Service is temporarily unavailable. Our engineers are working quickly to resolve this issue. <br/>Find out why you may have encountered this error.');
-                }
-            });
-            return false;
-        });
-    });
-</script>
-
-<?php $this->inlineScript()->appendScript(
-    '    $(document).ready(function(){
-                TooltipUser.setup("tooltipuser","right");
-                TooltipUser.setup("tooltipuserleft","left");
-                TooltipUserPlings.setup("tooltipuserplings","right");
-            });
-        ');
+</main>