diff --git a/app/src/main/java/com/dlsc/jfxcentral2/app/pages/MobileRefreshPage.java b/app/src/main/java/com/dlsc/jfxcentral2/app/pages/MobileRefreshPage.java
index 5eec727d..4d7b6a49 100644
--- a/app/src/main/java/com/dlsc/jfxcentral2/app/pages/MobileRefreshPage.java
+++ b/app/src/main/java/com/dlsc/jfxcentral2/app/pages/MobileRefreshPage.java
@@ -3,7 +3,7 @@
 import com.dlsc.jfxcentral2.app.RepositoryManager;
 import com.dlsc.jfxcentral2.app.utils.RepositoryUpdater;
 import com.dlsc.jfxcentral2.components.CustomImageView;
-import com.dlsc.jfxcentral2.mobile.components.WelcomePageView;
+import com.dlsc.jfxcentral2.mobile.components.IntroPane;
 import com.dlsc.jfxcentral2.model.Size;
 import com.dlsc.jfxcentral2.utils.MobileLinkUtil;
 import com.dlsc.jfxcentral2.utils.PagePath;
@@ -44,12 +44,15 @@ public MobileRefreshPage(ObjectProperty<Size> size) {
             invalidationListener.invalidated(null);
         });
 
-        // top part
-        WelcomePageView welcomePageView = new WelcomePageView();
-        StackPane topBox = new StackPane(welcomePageView);
-        topBox.getStyleClass().add("top-box");
+        // top part (logo)
+        CustomImageView logo = new CustomImageView();
+        logo.getStyleClass().addAll("jfx-central-logo", "color");
 
-        Label loadLabel = new Label("Progress download github repository. 38%");
+        // center part (intro pane)
+        IntroPane introPane = new IntroPane();
+        VBox.setVgrow(introPane, Priority.ALWAYS);
+
+        Label loadLabel = new Label();
         loadLabel.getStyleClass().add("load-label");
         loadLabel.setManaged(false);
         loadLabel.setVisible(false);
@@ -79,24 +82,10 @@ public MobileRefreshPage(ObjectProperty<Size> size) {
             repositoryUpdater.performUpdate(false);
         });
 
-        Label welcomeLabel = new Label("Welcome to JFXCentral");
-        welcomeLabel.getStyleClass().add("welcome-label");
-        welcomeLabel.managedProperty().bind(welcomeLabel.visibleProperty());
-        welcomeLabel.visibleProperty().bind(startButton.visibleProperty().not());
-
-        Label descLabel = new Label("Home to anything related to JavaFX.");
-        descLabel.getStyleClass().add("desc-label");
-        descLabel.managedProperty().bind(descLabel.visibleProperty());
-        descLabel.visibleProperty().bind(startButton.visibleProperty().not());
-
-        VBox bottomBox = new VBox(welcomeLabel, descLabel, startButton, loadLabel);
+        VBox bottomBox = new VBox(startButton, loadLabel);
         bottomBox.getStyleClass().add("bottom-box");
-        VBox.setVgrow(bottomBox, Priority.ALWAYS);
-
-        CustomImageView logo = new CustomImageView();
-        logo.getStyleClass().addAll("jfx-central-logo", "color");
 
-        VBox content = new VBox(topBox, bottomBox, logo);
+        VBox content = new VBox(logo, introPane, bottomBox);
         content.getStyleClass().add("content-box");
         getChildren().add(content);
 
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/WelcomePageCell.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/IntroCard.java
similarity index 93%
rename from mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/WelcomePageCell.java
rename to mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/IntroCard.java
index 01b0568d..3b867865 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/WelcomePageCell.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/IntroCard.java
@@ -8,11 +8,11 @@
 import javafx.scene.layout.StackPane;
 import javafx.scene.layout.VBox;
 
-public class WelcomePageCell extends VBox {
+public class IntroCard extends VBox {
 
-    private static final String DEFAULT_STYLE_CLASS = "welcome-page-view-cell";
+    private static final String DEFAULT_STYLE_CLASS = "intro-card";
 
-    public WelcomePageCell() {
+    public IntroCard() {
         getStyleClass().add(DEFAULT_STYLE_CLASS);
 
         CustomImageView imageView = new CustomImageView();
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/IntroPane.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/IntroPane.java
new file mode 100644
index 00000000..9e74c806
--- /dev/null
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/IntroPane.java
@@ -0,0 +1,95 @@
+package com.dlsc.jfxcentral2.mobile.components;
+
+import javafx.scene.image.Image;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.Priority;
+import javafx.scene.layout.Region;
+import javafx.scene.layout.VBox;
+import javafx.util.Duration;
+
+import java.net.URL;
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.List;
+import java.util.Objects;
+
+public class IntroPane extends VBox {
+
+    private static final String DEFAULT_STYLE_CLASS = "intro-pane";
+    public static final String DOT = "dot";
+    public static final String SELECTED = "selected";
+    private final PageView pageView;
+
+    public record IntroCardData(String title, String description, String imageUrl) {
+    }
+
+    public final List<IntroCardData> introCardData = new ArrayList<>(List.of(
+            new IntroCardData("JavaFX Books", "Explore our JavaFX book collection, from beginner guides to advanced tutorials, including game development and use-cases like JavaFX for Raspberry Pi.", "books.png"),
+            new IntroCardData("Videos", "Watch JavaFX videos, conference talks, demos, and tutorials for all expertise levels.", "videos.png"),
+            new IntroCardData("Libraries", "Explore JavaFX third-party libraries, featuring components, game engines, styles, 3D graphics, and frameworks to enhance your projects.", "libraries.png"),
+            new IntroCardData("JavaFX Tutorials", "Browse tutorials ranging from JavaFX basics to advanced application and game development.", "tutorials.png"),
+            new IntroCardData("Tools", "Explore JavaFX tools including plugins, layout, CSS tools, testing, and packaging.", "tools.png"),
+            new IntroCardData("Links of The Week", "Miscellaneous stuff found on the web that is related to JavaFX.", "news.png"),
+            new IntroCardData("Tips & Tricks", "Discover practical JavaFX tips in this section, featuring articles that share real-world techniques and tricks for effective JavaFX development.", "tips.png"),
+            new IntroCardData("JavaFX Blogs", "Visit our blog section for articles from JavaFX experts, featuring practical tips, cutting-edge insights, and more from the world of JavaFX.", "blogs.png"),
+            new IntroCardData("People", "A curated list of people connected to JavaFX. They develop libraries, applications, tools or they present at conferences and evangelise JavaFX.", "people.png"),
+            new IntroCardData("Companies", "Explore companies in JavaFX, especially those with significant influence and contributions to the JavaFX community, shaping and advancing the ecosystem.", "companies.png")
+    ));
+
+    public IntroPane() {
+        getStyleClass().add(DEFAULT_STYLE_CLASS);
+
+        // shuffle pages
+        Collections.shuffle(introCardData);
+
+        // page view
+        pageView = new PageView();
+        pageView.setSwitchPageDuration(Duration.seconds(0.5));
+        pageView.setPageFactory(pageIndex -> {
+            int index = pageIndex % introCardData.size();
+
+            IntroCardData cardData = introCardData.get(index);
+            IntroCard cell = new IntroCard();
+            cell.getStyleClass().add(cardData.title().toLowerCase().replace(" ", "-"));
+            URL resource = IntroPane.class.getResource(cardData.imageUrl());
+            cell.setImage(new Image(Objects.requireNonNull(resource).toExternalForm()));
+            cell.setTitle(cardData.title());
+            cell.setDescription(cardData.description());
+
+            return cell;
+        });
+        pageView.setCurrentPageIndex(0);
+        HBox progressBox = createProgressBox();
+
+        VBox.setVgrow(pageView, Priority.ALWAYS);
+        getChildren().addAll(pageView, progressBox);
+    }
+
+    private HBox createProgressBox() {
+        List<Region> dots = new ArrayList<>();
+        for (int i = 0; i < introCardData.size(); i++) {
+            Region dot = new Region();
+            dot.getStyleClass().add(DOT);
+            int finalI = i;
+            dot.setOnMousePressed(evt -> pageView.setCurrentPageIndex(finalI));
+            dots.add(dot);
+        }
+
+        dots.get(0).getStyleClass().add(SELECTED);
+
+        pageView.currentPageIndexProperty().addListener((obs, oldPage, newPage) -> {
+            int oldIndex = oldPage.intValue() % introCardData.size();
+            int newIndex = newPage.intValue() % introCardData.size();
+
+            dots.get(oldIndex).getStyleClass().remove(SELECTED);
+            dots.get(newIndex).getStyleClass().add(SELECTED);
+        });
+
+        HBox dotBox = new HBox();
+        dotBox.getStyleClass().add("dot-box");
+        dotBox.getChildren().addAll(dots);
+
+        return dotBox;
+    }
+
+}
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LearnListCell.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LearnListCell.java
index 5af713db..9465e8b6 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LearnListCell.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LearnListCell.java
@@ -47,6 +47,7 @@ protected void updateItem(Learn item, boolean empty) {
                     .ifPresent(person -> {
                         AvatarView avatarView = new AvatarView();
                         avatarView.setTooltip(new Tooltip(person.getName()));
+                        avatarView.setMouseTransparent(true);
                         avatarView.imageProperty().bind(ImageManager.getInstance().personImageProperty(person));
                         authorBox.getChildren().add(avatarView);
                     }));
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LinkedObjectsBox.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LinkedObjectsBox.java
new file mode 100644
index 00000000..a561720f
--- /dev/null
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LinkedObjectsBox.java
@@ -0,0 +1,171 @@
+package com.dlsc.jfxcentral2.mobile.components;
+
+import com.dlsc.jfxcentral.data.DataRepository2;
+import com.dlsc.jfxcentral.data.model.Blog;
+import com.dlsc.jfxcentral.data.model.Book;
+import com.dlsc.jfxcentral.data.model.Company;
+import com.dlsc.jfxcentral.data.model.Learn;
+import com.dlsc.jfxcentral.data.model.LearnJavaFX;
+import com.dlsc.jfxcentral.data.model.LearnMobile;
+import com.dlsc.jfxcentral.data.model.LearnRaspberryPi;
+import com.dlsc.jfxcentral.data.model.Library;
+import com.dlsc.jfxcentral.data.model.ModelObject;
+import com.dlsc.jfxcentral.data.model.Person;
+import com.dlsc.jfxcentral.data.model.RealWorldApp;
+import com.dlsc.jfxcentral.data.model.Tip;
+import com.dlsc.jfxcentral.data.model.Video;
+import com.dlsc.jfxcentral2.components.SizeSupport;
+import com.dlsc.jfxcentral2.mobile.home.CategoryPreviewView;
+import com.dlsc.jfxcentral2.model.Size;
+import javafx.beans.property.ObjectProperty;
+import javafx.beans.property.SimpleObjectProperty;
+import javafx.scene.layout.VBox;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class LinkedObjectsBox<T extends ModelObject> extends VBox {
+
+    private final SizeSupport sizeSupport = new SizeSupport(this);
+
+    public LinkedObjectsBox() {
+        getStyleClass().add("linked-objects-box");
+
+        updateView();
+        dataProperty().addListener((obs, oldDate, newDate) -> updateView());
+    }
+
+    public LinkedObjectsBox(T data) {
+        this();
+        setData(data);
+    }
+
+    private void updateView() {
+        getChildren().clear();
+
+        T data = getData();
+        if (data == null) {
+            return;
+        }
+
+        // apps
+        List<RealWorldApp> linkedApps = getLinkedObjects(data, RealWorldApp.class);
+        if (!linkedApps.isEmpty()) {
+            CategoryPreviewView showCasePreviewView = CategoryPreviewView.createShowCasePreviewView(linkedApps);
+            showCasePreviewView.sizeProperty().bind(sizeProperty());
+            showCasePreviewView.setTitle("Apps");
+            getChildren().add(showCasePreviewView);
+        }
+
+        // libraries
+        List<Library> linkedLibraries = getLinkedObjects(data, Library.class);
+        if (!linkedLibraries.isEmpty()) {
+            CategoryPreviewView libraryPreviewView = CategoryPreviewView.createLibraryPreviewView(linkedLibraries);
+            libraryPreviewView.sizeProperty().bind(sizeProperty());
+            libraryPreviewView.setTitle("Libraries");
+            getChildren().add(libraryPreviewView);
+        }
+
+        // books
+        List<Book> linkedBooks = getLinkedObjects(data, Book.class);
+        if (!linkedBooks.isEmpty()) {
+            CategoryPreviewView booksPreviewView = CategoryPreviewView.createBooksPreviewView(linkedBooks);
+            booksPreviewView.sizeProperty().bind(sizeProperty());
+            booksPreviewView.setTitle("Books");
+            getChildren().add(booksPreviewView);
+        }
+
+        // videos
+        List<Video> linkedVideos = getLinkedObjects(data, Video.class);
+        if (!linkedVideos.isEmpty()) {
+            CategoryPreviewView videoPreviewView = CategoryPreviewView.createVideosPreviewView(linkedVideos);
+            videoPreviewView.sizeProperty().bind(sizeProperty());
+            videoPreviewView.setTitle("Videos");
+            getChildren().add(videoPreviewView);
+        }
+
+        // tips
+        List<Tip> linkedTips = getLinkedObjects(data, Tip.class);
+        if (!linkedTips.isEmpty()) {
+            CategoryPreviewView tipsPreviewView = CategoryPreviewView.createTipsPreviewView(linkedTips);
+            tipsPreviewView.sizeProperty().bind(sizeProperty());
+            tipsPreviewView.setTitle("Tips");
+            getChildren().add(tipsPreviewView);
+        }
+
+        // blogs
+        List<Blog> linkedBlogs = getLinkedObjects(data, Blog.class);
+        if (!linkedBlogs.isEmpty()) {
+            CategoryPreviewView blogPreviewView = CategoryPreviewView.createBlogPreviewView(linkedBlogs);
+            blogPreviewView.sizeProperty().bind(sizeProperty());
+            blogPreviewView.setTitle("Blogs");
+            getChildren().add(blogPreviewView);
+        }
+
+        // learn
+        List<Learn> linkedLearn = new ArrayList<>();
+        linkedLearn.addAll(getLinkedObjects(data, LearnJavaFX.class));
+        linkedLearn.addAll(getLinkedObjects(data, LearnMobile.class));
+        linkedLearn.addAll(getLinkedObjects(data, LearnRaspberryPi.class));
+
+        if (!linkedLearn.isEmpty()) {
+            CategoryPreviewView learnPreviewView = CategoryPreviewView.createLearnPreviewView(linkedLearn);
+            learnPreviewView.sizeProperty().bind(sizeProperty());
+            learnPreviewView.setTitle("Learn");
+            getChildren().add(learnPreviewView);
+        }
+
+        // person
+        List<Person> linkedPersons = getLinkedObjects(data, Person.class);
+        if (!linkedPersons.isEmpty()) {
+            CategoryPreviewView personPreviewView = CategoryPreviewView.createPeoplePreviewView(linkedPersons);
+            personPreviewView.sizeProperty().bind(sizeProperty());
+            personPreviewView.setTitle("People");
+            getChildren().add(personPreviewView);
+        }
+
+        // companies
+        List<Company> linkedCompanies = getLinkedObjects(data, Company.class);
+        if (!linkedCompanies.isEmpty()) {
+            CategoryPreviewView companyPreviewView = CategoryPreviewView.createCompanyPreviewView(linkedCompanies);
+            companyPreviewView.sizeProperty().bind(sizeProperty());
+            companyPreviewView.setTitle("Companies");
+            getChildren().add(companyPreviewView);
+        }
+    }
+
+    private <M extends ModelObject> List<M> getLinkedObjects(T t, Class<M> type) {
+        return DataRepository2.getInstance().getLinkedObjects(t, type);
+    }
+
+    // size
+
+    public final Size getSize() {
+        return sizeSupport.getSize();
+    }
+
+    public final void setSize(Size size) {
+        sizeSupport.setSize(size);
+    }
+
+    public final ObjectProperty<Size> sizeProperty() {
+        return sizeSupport.sizeProperty();
+    }
+
+    // data
+
+    private final ObjectProperty<T> data = new SimpleObjectProperty<>(this, "data");
+
+    public final ObjectProperty<T> dataProperty() {
+        return data;
+    }
+
+    public final T getData() {
+        return data.get();
+    }
+
+    public final void setData(T data) {
+        this.data.set(data);
+    }
+
+}
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/MobileBlogOverviewBox.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/MobileBlogOverviewBox.java
index 5b78e831..4bad0b23 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/MobileBlogOverviewBox.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/MobileBlogOverviewBox.java
@@ -10,6 +10,7 @@
 import com.dlsc.jfxcentral2.utils.StringUtil;
 import com.rometools.rome.feed.synd.SyndEntry;
 import javafx.application.Platform;
+import javafx.beans.binding.Bindings;
 import javafx.beans.property.ObjectProperty;
 import javafx.concurrent.Service;
 import javafx.concurrent.Task;
@@ -42,7 +43,7 @@ public MobileBlogOverviewBox(Blog blog) {
 
         // top
         Header header = new Header();
-        header.setTitle("Recent posts" );
+        header.setTitle("Recent posts");
         header.setIcon(null);
 
         // center
@@ -54,6 +55,10 @@ public MobileBlogOverviewBox(Blog blog) {
         listView.getStyleClass().addAll("posts-list", "mobile");
         listView.setCellFactory(param -> new PostViewCell());
         listView.setMaxHeight(Double.MAX_VALUE);
+        listView.prefHeightProperty().bind(Bindings.createDoubleBinding(() -> {
+                    return listView.getItems().size() * listView.getFixedCellSize();
+                },
+                Bindings.size(listView.getItems()), listView.fixedCellSizeProperty()));
 
         StackPane listWrapper = new StackPane(listView);
         listWrapper.getStyleClass().add("list-wrapper");
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/MobilePersonDetailView.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/MobilePersonDetailView.java
index f6b7a660..63989187 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/MobilePersonDetailView.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/MobilePersonDetailView.java
@@ -2,23 +2,16 @@
 
 import com.dlsc.jfxcentral.data.DataRepository2;
 import com.dlsc.jfxcentral.data.ImageManager;
-import com.dlsc.jfxcentral.data.model.Blog;
-import com.dlsc.jfxcentral.data.model.Book;
-import com.dlsc.jfxcentral.data.model.Library;
-import com.dlsc.jfxcentral.data.model.ModelObject;
 import com.dlsc.jfxcentral.data.model.Person;
-import com.dlsc.jfxcentral.data.model.RealWorldApp;
-import com.dlsc.jfxcentral.data.model.Tip;
-import com.dlsc.jfxcentral.data.model.Video;
 import com.dlsc.jfxcentral2.components.AvatarView;
 import com.dlsc.jfxcentral2.components.SizeSupport;
-import com.dlsc.jfxcentral2.mobile.home.CategoryPreviewView;
 import com.dlsc.jfxcentral2.model.Size;
 import com.dlsc.jfxcentral2.utils.IkonUtil;
 import com.dlsc.jfxcentral2.utils.MobileLinkUtil;
 import javafx.beans.property.ObjectProperty;
 import javafx.beans.property.SimpleObjectProperty;
 import javafx.geometry.Pos;
+import javafx.scene.Node;
 import javafx.scene.control.Button;
 import javafx.scene.control.Label;
 import javafx.scene.layout.HBox;
@@ -29,8 +22,6 @@
 import org.kordamp.ikonli.javafx.FontIcon;
 import org.kordamp.ikonli.materialdesign2.MaterialDesignA;
 
-import java.util.List;
-
 public class MobilePersonDetailView extends VBox {
 
     private static final String DEFAULT_STYLE_CLASS = "mobile-person-detail-view";
@@ -39,7 +30,6 @@ public class MobilePersonDetailView extends VBox {
     private final Label nameLabel;
     private final HBox badgeBox;
     private final Label descriptionLabel;
-    private final VBox personLinkedObjectBox;
 
     public record LinkedObjectBadge(String name, Ikon ikon, int count) {
     }
@@ -67,10 +57,11 @@ public MobilePersonDetailView() {
         descriptionLabel.getStyleClass().add("description");
         descriptionLabel.setWrapText(true);
 
-        personLinkedObjectBox = new VBox();
-        personLinkedObjectBox.getStyleClass().add("person-linked-box");
+        LinkedObjectsBox<Person> linkedObjectsBox = new LinkedObjectsBox<>();
+        linkedObjectsBox.sizeProperty().bind(sizeProperty());
+        linkedObjectsBox.dataProperty().bind(personProperty());
 
-        VBox personContentBox = new VBox(nameLabel, badgeBox, descriptionLabel, personLinkedObjectBox);
+        VBox personContentBox = new VBox(nameLabel, badgeBox, descriptionLabel, linkedObjectsBox);
         personContentBox.getStyleClass().add("person-content-box");
 
         getChildren().addAll(topPane, personContentBox);
@@ -89,7 +80,6 @@ private void updateView() {
             nameLabel.setText("");
             descriptionLabel.setText("");
             badgeBox.getChildren().clear();
-            personLinkedObjectBox.getChildren().clear();
             return;
         }
 
@@ -102,59 +92,6 @@ private void updateView() {
 
         // reset the boxes
         updateBadge(person);
-        updatePersonLinkedObjectBox(person);
-    }
-
-    private void updatePersonLinkedObjectBox(Person person) {
-        List<RealWorldApp> linkedApps = getLinkedObjects(person, RealWorldApp.class);
-        if (!linkedApps.isEmpty()) {
-            CategoryPreviewView showCasePreviewView = CategoryPreviewView.createShowCasePreviewView(linkedApps);
-            showCasePreviewView.sizeProperty().bind(sizeProperty());
-            showCasePreviewView.setTitle("Apps");
-            personLinkedObjectBox.getChildren().add(showCasePreviewView);
-        }
-
-        List<Library> linkedLibraries = getLinkedObjects(person, Library.class);
-        if (!linkedLibraries.isEmpty()) {
-            CategoryPreviewView libraryPreviewView = CategoryPreviewView.createLibraryPreviewView(linkedLibraries);
-            libraryPreviewView.sizeProperty().bind(sizeProperty());
-            libraryPreviewView.setTitle("Libraries");
-            personLinkedObjectBox.getChildren().add(libraryPreviewView);
-        }
-
-        List<Book> linkedBooks = getLinkedObjects(person, Book.class);
-        if (!linkedBooks.isEmpty()) {
-            CategoryPreviewView booksPreviewView = CategoryPreviewView.createBooksPreviewView(linkedBooks);
-            booksPreviewView.sizeProperty().bind(sizeProperty());
-            booksPreviewView.setTitle("Books");
-            personLinkedObjectBox.getChildren().add(booksPreviewView);
-        }
-
-        List<Video> linkedVideos = getLinkedObjects(person, Video.class);
-        if (!linkedVideos.isEmpty()) {
-            CategoryPreviewView videoPreviewView = CategoryPreviewView.createVideosPreviewView(linkedVideos);
-            videoPreviewView.sizeProperty().bind(sizeProperty());
-            videoPreviewView.setTitle("Videos");
-            personLinkedObjectBox.getChildren().add(videoPreviewView);
-        }
-
-        List<Tip> linkedTips = getLinkedObjects(person, Tip.class);
-        if (!linkedTips.isEmpty()) {
-            CategoryPreviewView tipsPreviewView = CategoryPreviewView.createTipsPreviewView(linkedTips);
-            tipsPreviewView.sizeProperty().bind(sizeProperty());
-            tipsPreviewView.setTitle("Tips");
-            personLinkedObjectBox.getChildren().add(tipsPreviewView);
-        }
-
-        List<Blog> linkedBlogs = getLinkedObjects(person, Blog.class);
-        if (!linkedBlogs.isEmpty()) {
-            CategoryPreviewView blogPreviewView = CategoryPreviewView.createBlogPreviewView(linkedBlogs);
-            blogPreviewView.sizeProperty().bind(sizeProperty());
-            blogPreviewView.setTitle("Blogs");
-            personLinkedObjectBox.getChildren().add(blogPreviewView);
-        }
-
-        // learn part
     }
 
     private void updateBadge(Person person) {
@@ -173,10 +110,6 @@ private void updateBadge(Person person) {
         }
     }
 
-    private <T extends ModelObject> List<T> getLinkedObjects(Person person, Class<T> type) {
-        return DataRepository2.getInstance().getLinkedObjects(person, type);
-    }
-
     // Size
 
     public final ObjectProperty<Size> sizeProperty() {
@@ -207,4 +140,19 @@ public final void setPerson(Person person) {
         personProperty().set(person);
     }
 
+    // extra node
+
+    private final ObjectProperty<Node> extraNode = new SimpleObjectProperty<>(this, "extraNode");
+
+    public final ObjectProperty<Node> extraNodeProperty() {
+        return extraNode;
+    }
+
+    public final Node getExtraNode() {
+        return extraNode.get();
+    }
+
+    public final void setExtraNode(Node extraNode) {
+        extraNodeProperty().set(extraNode);
+    }
 }
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/WelcomePageView.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/WelcomePageView.java
deleted file mode 100644
index 02ab15d3..00000000
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/WelcomePageView.java
+++ /dev/null
@@ -1,71 +0,0 @@
-package com.dlsc.jfxcentral2.mobile.components;
-
-import javafx.animation.KeyFrame;
-import javafx.animation.Timeline;
-import javafx.scene.image.Image;
-import javafx.util.Duration;
-import one.jpro.jproutils.treeshowing.TreeShowing;
-
-import java.net.URL;
-import java.util.Objects;
-
-public class WelcomePageView extends PageView {
-
-    private static final String DEFAULT_STYLE_CLASS = "welcome-page-view";
-
-    public record PageDate(String title, String description, String imageUrl) {
-    }
-
-    public static final PageDate[] PAGES = {
-            // new PageDate("JavaFX Books", "A collection of books about JavaFX.", "books.png"),
-            new PageDate("Videos", "Watch JavaFX videos, conference talks, demos, and tutorials for all expertise levels.", "videos.png"),
-            new PageDate("Libraries", "Explore JavaFX third-party libraries, featuring components, game engines, styles, 3D graphics, and frameworks to enhance your projects.", "libraries.png"),
-            // new PageDate("JavaFX Tutorials", "A collection of tutorials for JavaFX.", "tutorials.png"),
-            new PageDate("Tools", "Explore JavaFX tools including plugins, layout, CSS tools, testing, and packaging.", "tools.png"),
-            new PageDate("Links of The Week", "Miscellaneous stuff found on the web that is related to JavaFX.", "news.png"),
-            // new PageDate("JavaFX Blogs", "A collection of blogs about JavaFX.", "blogs.png"),
-            new PageDate("People", "A curated list of people connected to JavaFX. They develop libraries, applications, tools or they present at conferences and evangelise JavaFX.", "people.png"),
-            new PageDate("Companies", "Explore companies in JavaFX, especially those with significant influence and contributions to the JavaFX community, shaping and advancing the ecosystem.", "companies.png")
-    };
-
-    private final WelcomePageCell[] cells = new WelcomePageCell[PAGES.length];
-
-    public WelcomePageView() {
-        getStyleClass().add(DEFAULT_STYLE_CLASS);
-        setMouseTransparent(true);
-        setSwitchPageDuration(Duration.seconds(1));
-        setPageFactory(pageIndex -> {
-            int index = pageIndex % PAGES.length;
-            if (cells[index] == null) {
-                PageDate pageDate = PAGES[index];
-                WelcomePageCell cell = new WelcomePageCell();
-                cell.getStyleClass().add(pageDate.title().toLowerCase().replace(" ", "-"));
-                URL resource = WelcomePageView.class.getResource(pageDate.imageUrl());
-                cell.setImage(new Image(Objects.requireNonNull(resource).toExternalForm()));
-                cell.setTitle(pageDate.title());
-                cell.setDescription(pageDate.description());
-                cells[index] = cell;
-            }
-            return cells[index];
-        });
-        setCurrentPageIndex((int) (Math.random() * PAGES.length));
-
-
-        Timeline timeline = new Timeline();
-        timeline.setCycleCount(Timeline.INDEFINITE);
-        timeline.getKeyFrames().add(new KeyFrame(Duration.seconds(4), evt -> {
-            gotoNextPage();
-        }));
-
-        TreeShowing.treeShowing(this).addListener((obs, ov, nv) -> {
-            if (nv) {
-                timeline.play();
-                System.out.println(">> Start Animation");
-            } else {
-                timeline.stop();
-                System.out.println(">> Stop Animation");
-            }
-        });
-    }
-
-}
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/home/CategoryPreviewView.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/home/CategoryPreviewView.java
index 6106fa1c..1870c8b7 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/home/CategoryPreviewView.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/home/CategoryPreviewView.java
@@ -5,7 +5,11 @@
 import com.dlsc.jfxcentral.data.ImageManager;
 import com.dlsc.jfxcentral.data.model.Blog;
 import com.dlsc.jfxcentral.data.model.Book;
+import com.dlsc.jfxcentral.data.model.Company;
 import com.dlsc.jfxcentral.data.model.Learn;
+import com.dlsc.jfxcentral.data.model.LearnJavaFX;
+import com.dlsc.jfxcentral.data.model.LearnMobile;
+import com.dlsc.jfxcentral.data.model.LearnRaspberryPi;
 import com.dlsc.jfxcentral.data.model.Library;
 import com.dlsc.jfxcentral.data.model.Person;
 import com.dlsc.jfxcentral.data.model.RealWorldApp;
@@ -29,12 +33,15 @@
 import javafx.collections.FXCollections;
 import javafx.collections.ObservableList;
 import javafx.css.PseudoClass;
+import javafx.scene.Node;
 import javafx.scene.control.Button;
 import javafx.scene.control.Label;
 import javafx.scene.image.Image;
 import javafx.scene.layout.HBox;
 import javafx.scene.layout.Priority;
+import javafx.scene.layout.StackPane;
 import javafx.scene.layout.VBox;
+import org.kordamp.ikonli.Ikon;
 import org.kordamp.ikonli.javafx.FontIcon;
 
 import java.util.ArrayList;
@@ -85,6 +92,7 @@ public CategoryPreviewView() {
                 }
 
                 cell.setTitle(item.title());
+                cell.setTitleGraphic(item.titleGraphic());
                 cell.setDescription(item.description());
 
                 // must enable social features
@@ -110,12 +118,17 @@ public CategoryPreviewView() {
      * @param likesNumber : must enable social features
      * @param viewsNumber : must enable social features
      */
-    public record CategoryItem(String title, String description, ObjectProperty<Image> imageProperty, String url,
+    public record CategoryItem(String title, String description, Node titleGraphic, ObjectProperty<Image> imageProperty,
+                               String url,
                                int likesNumber,
                                int saveNumber,
                                int viewsNumber) {
         public CategoryItem(String title, String description, ObjectProperty<Image> imageProperty, String url) {
-            this(title, description, imageProperty, url, 0, 0, 0);
+            this(title, description, null, imageProperty, url, 0, 0, 0);
+        }
+
+        public CategoryItem(String title, String description, Node titleGraphic, ObjectProperty<Image> imageProperty, String url) {
+            this(title, description, titleGraphic, imageProperty, url, 0, 0, 0);
         }
     }
 
@@ -200,17 +213,23 @@ public CategoryCell() {
             AvatarView avatarView = new AvatarView();
             avatarView.imageProperty().bind(imageProperty());
             avatarView.setType(AvatarView.Type.SQUARE);
+            avatarView.setMouseTransparent(true);
+            avatarView.managedProperty().bind(avatarView.visibleProperty());
+            avatarView.visibleProperty().bind(imageProperty().isNotNull());
 
             // right side
             Label titleLabel = new Label();
             titleLabel.getStyleClass().add("title");
             titleLabel.textProperty().bind(titleProperty());
+            titleLabel.graphicProperty().bind(titleGraphicProperty());
 
             Label descriptionLabel = new Label();
             descriptionLabel.getStyleClass().add("description");
             descriptionLabel.setWrapText(true);
             descriptionLabel.setMaxHeight(Double.MAX_VALUE);
             descriptionLabel.textProperty().bind(descriptionProperty());
+            descriptionLabel.managedProperty().bind(descriptionLabel.visibleProperty());
+            descriptionLabel.visibleProperty().bind(descriptionProperty().isNotEmpty());
             VBox.setVgrow(descriptionLabel, Priority.ALWAYS);
 
             Label likesLabel = new Label();
@@ -259,6 +278,22 @@ public final void setTitle(String title) {
             titleProperty().set(title);
         }
 
+        // titleGraphic
+
+        private final ObjectProperty<Node> titleGraphic = new SimpleObjectProperty<>(this, "titleGraphic");
+
+        public final ObjectProperty<Node> titleGraphicProperty() {
+            return titleGraphic;
+        }
+
+        public final Node getTitleGraphic() {
+            return titleGraphicProperty().get();
+        }
+
+        public final void setTitleGraphic(Node titleGraphic) {
+            titleGraphicProperty().set(titleGraphic);
+        }
+
         // description
 
         private final StringProperty description = new SimpleStringProperty(this, "description");
@@ -539,12 +574,27 @@ public static CategoryPreviewView createLearnPreviewView(List<Learn> learns, Str
         if (showAllUrl != null) {
             view.setShowAllUrl(showAllUrl);
         }
-
+        view.getStyleClass().add("learn-category-preview-view");
         List<CategoryPreviewView.CategoryItem> items = new ArrayList<>();
         for (Learn learn : learns) {
+            // create title graphic
+            Ikon icon = ModelObjectTool.getModelIcon(learn);
+            FontIcon fontIcon = new FontIcon(icon);
+            StackPane iconWrapper = new StackPane(fontIcon);
+            iconWrapper.getStyleClass().add("icon-wrapper");
+            if (learn instanceof LearnJavaFX) {
+                iconWrapper.getStyleClass().add("javafx");
+            } else if (learn instanceof LearnMobile) {
+                iconWrapper.getStyleClass().add("mobile");
+            } else if (learn instanceof LearnRaspberryPi) {
+                iconWrapper.getStyleClass().add("raspberry-pi");
+            }
+
+            // create item
             CategoryPreviewView.CategoryItem item = new CategoryPreviewView.CategoryItem(
                     learn.getName(),
-                    learn.getSummary(),
+                    null,
+                    iconWrapper,
                     null,
                     ModelObjectTool.getModelLink(learn)
             );
@@ -554,4 +604,30 @@ public static CategoryPreviewView createLearnPreviewView(List<Learn> learns, Str
         view.getItems().setAll(items);
         return view;
     }
+
+    public static CategoryPreviewView createCompanyPreviewView(List<Company> linkedCompanies) {
+        return createCompanyPreviewView(linkedCompanies, null);
+    }
+
+    public static CategoryPreviewView createCompanyPreviewView(List<Company> linkedCompanies, String showAllUrl) {
+        CategoryPreviewView view = new CategoryPreviewView();
+        view.setTitle("Companies");
+        if (showAllUrl != null) {
+            view.setShowAllUrl(showAllUrl);
+        }
+
+        List<CategoryPreviewView.CategoryItem> items = new ArrayList<>();
+        for (Company company : linkedCompanies) {
+            CategoryPreviewView.CategoryItem item = new CategoryPreviewView.CategoryItem(
+                    company.getName(),
+                    company.getDescription(),
+                    ImageManager.getInstance().companyImageProperty(company),
+                    ModelObjectTool.getModelLink(company)
+            );
+            items.add(item);
+        }
+
+        view.getItems().setAll(items);
+        return view;
+    }
 }
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileBookDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileBookDetailsPage.java
index a182f9ec..4d56ebfd 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileBookDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileBookDetailsPage.java
@@ -3,12 +3,12 @@
 import com.dlsc.jfxcentral.data.model.Book;
 import com.dlsc.jfxcentral2.components.PrettyScrollPane;
 import com.dlsc.jfxcentral2.components.overviewbox.BookOverviewBox;
+import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
 import javafx.scene.layout.Priority;
-import javafx.scene.layout.StackPane;
 import javafx.scene.layout.VBox;
 
 import java.util.List;
@@ -35,7 +35,14 @@ public List<Node> content() {
         bookOverviewBox.setIcon(null);
         bookOverviewBox.setTitle(null);
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(new StackPane(bookOverviewBox));
+        // linked objects
+        LinkedObjectsBox<Book> linkedObjectsBox = new LinkedObjectsBox<>(book);
+        linkedObjectsBox.sizeProperty().bind(sizeProperty());
+
+        VBox detailsPageContentWrapper = new VBox(bookOverviewBox, linkedObjectsBox);
+        detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
+
+        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileCompanyDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileCompanyDetailsPage.java
index 441d506f..d1d25ec1 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileCompanyDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileCompanyDetailsPage.java
@@ -4,13 +4,13 @@
 import com.dlsc.jfxcentral.data.model.Company;
 import com.dlsc.jfxcentral2.components.PrettyScrollPane;
 import com.dlsc.jfxcentral2.components.overviewbox.CompanyOverviewBox;
+import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import com.dlsc.jfxcentral2.utils.IkonUtil;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
 import javafx.scene.layout.Priority;
-import javafx.scene.layout.StackPane;
 import javafx.scene.layout.VBox;
 
 import java.util.List;
@@ -38,7 +38,14 @@ public List<Node> content() {
         companyOverviewBox.setIcon(null);
         companyOverviewBox.setTitle(null);
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(new StackPane(companyOverviewBox));
+        // linked objects
+        LinkedObjectsBox<Company> linkedObjectsBox = new LinkedObjectsBox<>(company);
+        linkedObjectsBox.sizeProperty().bind(sizeProperty());
+
+        VBox detailsPageContentWrapper = new VBox(companyOverviewBox, linkedObjectsBox);
+        detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
+
+        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileDetailsPageBase.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileDetailsPageBase.java
index 42e1f906..a3829c6e 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileDetailsPageBase.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileDetailsPageBase.java
@@ -1,43 +1,13 @@
 package com.dlsc.jfxcentral2.mobile.pages.details;
 
 import com.dlsc.jfxcentral.data.DataRepository2;
-import com.dlsc.jfxcentral.data.model.Blog;
-import com.dlsc.jfxcentral.data.model.Book;
-import com.dlsc.jfxcentral.data.model.Company;
-import com.dlsc.jfxcentral.data.model.Documentation;
-import com.dlsc.jfxcentral.data.model.Learn;
-import com.dlsc.jfxcentral.data.model.LearnJavaFX;
-import com.dlsc.jfxcentral.data.model.LearnMobile;
-import com.dlsc.jfxcentral.data.model.LearnRaspberryPi;
-import com.dlsc.jfxcentral.data.model.Library;
 import com.dlsc.jfxcentral.data.model.ModelObject;
-import com.dlsc.jfxcentral.data.model.Person;
-import com.dlsc.jfxcentral.data.model.RealWorldApp;
-import com.dlsc.jfxcentral.data.model.Tip;
-import com.dlsc.jfxcentral.data.model.Tool;
-import com.dlsc.jfxcentral.data.model.Tutorial;
-import com.dlsc.jfxcentral.data.model.Video;
 import com.dlsc.jfxcentral2.components.MobilePageBase;
-import com.dlsc.jfxcentral2.components.detailsbox.AppsDetailsBox;
-import com.dlsc.jfxcentral2.components.detailsbox.BlogsDetailsBox;
-import com.dlsc.jfxcentral2.components.detailsbox.BooksDetailsBox;
-import com.dlsc.jfxcentral2.components.detailsbox.CompaniesDetailsBox;
-import com.dlsc.jfxcentral2.components.detailsbox.DetailsBoxBase;
-import com.dlsc.jfxcentral2.components.detailsbox.DocumentationDetailsBox;
-import com.dlsc.jfxcentral2.components.detailsbox.LearnDetailBox;
-import com.dlsc.jfxcentral2.components.detailsbox.LibrariesDetailsBox;
-import com.dlsc.jfxcentral2.components.detailsbox.PersonsDetailsBox;
-import com.dlsc.jfxcentral2.components.detailsbox.TipsAndTricksDetailsBox;
-import com.dlsc.jfxcentral2.components.detailsbox.ToolsDetailsBox;
-import com.dlsc.jfxcentral2.components.detailsbox.TutorialsDetailsBox;
-import com.dlsc.jfxcentral2.components.detailsbox.VideosDetailsBox;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
 
-import java.util.ArrayList;
 import java.util.List;
-import java.util.function.Supplier;
 
 public abstract class MobileDetailsPageBase<T extends ModelObject> extends MobilePageBase {
 
@@ -67,54 +37,4 @@ public void setItem(T item) {
 
     public abstract List<Node> content();
 
-    protected List<DetailsBoxBase<?>> createDetailBoxes() {
-        ModelObject modelObject = getItem();
-        List<DetailsBoxBase<?>> boxes = new ArrayList<>();
-
-        maybeAddBox(modelObject, Library.class, LibrariesDetailsBox::new, boxes);
-        maybeAddBox(modelObject, Tool.class, ToolsDetailsBox::new, boxes);
-        maybeAddBox(modelObject, Book.class, BooksDetailsBox::new, boxes);
-        maybeAddBox(modelObject, Video.class, VideosDetailsBox::new, boxes);
-        maybeAddBox(modelObject, Blog.class, BlogsDetailsBox::new, boxes);
-        maybeAddBox(modelObject, Tutorial.class, TutorialsDetailsBox::new, boxes);
-        maybeAddBox(modelObject, Learn.class, LearnDetailBox::new, boxes);
-
-        maybeAddBox(modelObject, Tip.class, TipsAndTricksDetailsBox::new, boxes);
-        maybeAddBox(modelObject, RealWorldApp.class, AppsDetailsBox::new, boxes);
-        maybeAddBox(modelObject, Person.class, PersonsDetailsBox::new, boxes);
-        maybeAddBox(modelObject, Company.class, CompaniesDetailsBox::new, boxes);
-        maybeAddBox(modelObject, Documentation.class, DocumentationDetailsBox::new, boxes);
-
-        return boxes;
-    }
-
-    private <MO extends ModelObject> void maybeAddBox(ModelObject modelObject, Class<MO> clazz, Supplier<DetailsBoxBase<MO>> boxSupplier, List<DetailsBoxBase<?>> boxList) {
-        if (clazz.equals(Learn.class)) {
-            addLearnBox(modelObject, boxList);
-            return;
-        }
-
-        List<MO> linkedObjects = DataRepository2.getInstance().getLinkedObjects(modelObject, clazz);
-        if (!linkedObjects.isEmpty()) {
-            DetailsBoxBase<MO> box = boxSupplier.get();
-            box.getItems().setAll(linkedObjects);
-            box.sizeProperty().bind(sizeProperty());
-            boxList.add(box);
-        }
-    }
-
-    private void addLearnBox(ModelObject modelObject, List<DetailsBoxBase<?>> boxList) {
-        List<LearnJavaFX> fxList = DataRepository2.getInstance().getLinkedObjects(modelObject, LearnJavaFX.class);
-        List<LearnMobile> mobileList = DataRepository2.getInstance().getLinkedObjects(modelObject, LearnMobile.class);
-        List<LearnRaspberryPi> learnRaspberryPiList = DataRepository2.getInstance().getLinkedObjects(modelObject, LearnRaspberryPi.class);
-        if (!fxList.isEmpty() || !mobileList.isEmpty() || !learnRaspberryPiList.isEmpty()) {
-            LearnDetailBox box = new LearnDetailBox();
-            box.getItems().setAll(fxList);
-            box.getItems().addAll(mobileList);
-            box.getItems().addAll(learnRaspberryPiList);
-            box.sizeProperty().bind(sizeProperty());
-            boxList.add(box);
-        }
-    }
-
 }
\ No newline at end of file
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileLibraryDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileLibraryDetailsPage.java
index de6ce4b6..00dc70d7 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileLibraryDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileLibraryDetailsPage.java
@@ -3,12 +3,12 @@
 import com.dlsc.jfxcentral.data.model.Library;
 import com.dlsc.jfxcentral2.components.PrettyScrollPane;
 import com.dlsc.jfxcentral2.components.overviewbox.LibraryOverviewBox;
+import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
 import javafx.scene.layout.Priority;
-import javafx.scene.layout.StackPane;
 import javafx.scene.layout.VBox;
 
 import java.util.List;
@@ -34,7 +34,14 @@ public List<Node> content() {
         libraryOverviewBox.setIcon(null);
         libraryOverviewBox.setTitle(null);
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(new StackPane(libraryOverviewBox));
+        // linked objects
+        LinkedObjectsBox<Library> linkedObjectsBox = new LinkedObjectsBox<>(library);
+        linkedObjectsBox.sizeProperty().bind(sizeProperty());
+
+        VBox detailsPageContentWrapper = new VBox(libraryOverviewBox, linkedObjectsBox);
+        detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
+
+        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileShowcaseMobileDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileShowcaseMobileDetailsPage.java
index f0625dfc..0e2a66f3 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileShowcaseMobileDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileShowcaseMobileDetailsPage.java
@@ -3,11 +3,12 @@
 import com.dlsc.jfxcentral.data.model.RealWorldApp;
 import com.dlsc.jfxcentral2.components.PrettyScrollPane;
 import com.dlsc.jfxcentral2.components.overviewbox.ShowcaseOverviewBox;
+import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
-import javafx.scene.layout.StackPane;
+import javafx.scene.layout.VBox;
 
 import java.util.List;
 
@@ -32,7 +33,14 @@ public List<Node> content() {
         appOverviewBox.setIcon(null);
         appOverviewBox.setTitle(null);
 
-        PrettyScrollPane scrollPane = new PrettyScrollPane(new StackPane(appOverviewBox));
+        // linked objects
+        LinkedObjectsBox<RealWorldApp> linkedObjectsBox = new LinkedObjectsBox<>(app);
+        linkedObjectsBox.sizeProperty().bind(sizeProperty());
+
+        VBox detailsPageContentWrapper = new VBox(appOverviewBox, linkedObjectsBox);
+        detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
+
+        PrettyScrollPane scrollPane = new PrettyScrollPane(detailsPageContentWrapper);
         scrollPane.getStyleClass().add("mobile");
 
         return List.of(header, scrollPane);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTipDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTipDetailsPage.java
index c96d35ac..b371f2c3 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTipDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTipDetailsPage.java
@@ -3,12 +3,12 @@
 import com.dlsc.jfxcentral.data.model.Tip;
 import com.dlsc.jfxcentral2.components.PrettyScrollPane;
 import com.dlsc.jfxcentral2.components.overviewbox.TipOverviewBox;
+import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
 import javafx.scene.layout.Priority;
-import javafx.scene.layout.StackPane;
 import javafx.scene.layout.VBox;
 
 import java.util.List;
@@ -34,7 +34,14 @@ public List<Node> content() {
         tipOverviewBox.setIcon(null);
         tipOverviewBox.setTitle(null);
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(new StackPane(tipOverviewBox));
+        // linked objects
+        LinkedObjectsBox<Tip> linkedObjectsBox = new LinkedObjectsBox<>(tip);
+        linkedObjectsBox.sizeProperty().bind(sizeProperty());
+
+        VBox detailsPageContentWrapper = new VBox(tipOverviewBox, linkedObjectsBox);
+        detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
+
+        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileToolDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileToolDetailsPage.java
index da807dcf..58592331 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileToolDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileToolDetailsPage.java
@@ -3,12 +3,12 @@
 import com.dlsc.jfxcentral.data.model.Tool;
 import com.dlsc.jfxcentral2.components.PrettyScrollPane;
 import com.dlsc.jfxcentral2.components.overviewbox.ToolOverviewBox;
+import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
 import javafx.scene.layout.Priority;
-import javafx.scene.layout.StackPane;
 import javafx.scene.layout.VBox;
 
 import java.util.List;
@@ -35,7 +35,14 @@ public List<Node> content() {
         toolOverviewBox.setIcon(null);
         toolOverviewBox.setTitle(null);
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(new StackPane(toolOverviewBox));
+        // linked objects
+        LinkedObjectsBox<Tool> linkedObjectsBox = new LinkedObjectsBox<>(tool);
+        linkedObjectsBox.sizeProperty().bind(sizeProperty());
+
+        VBox detailsPageContentWrapper = new VBox(toolOverviewBox, linkedObjectsBox);
+        detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
+
+        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTutorialDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTutorialDetailsPage.java
index 02009004..b06fcc1e 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTutorialDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileTutorialDetailsPage.java
@@ -3,12 +3,12 @@
 import com.dlsc.jfxcentral.data.model.Tutorial;
 import com.dlsc.jfxcentral2.components.PrettyScrollPane;
 import com.dlsc.jfxcentral2.components.overviewbox.TutorialOverviewBox;
+import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
 import javafx.scene.layout.Priority;
-import javafx.scene.layout.StackPane;
 import javafx.scene.layout.VBox;
 
 import java.util.List;
@@ -34,7 +34,14 @@ public List<Node> content() {
         tutorialOverviewBox.setIcon(null);
         tutorialOverviewBox.setTitle(null);
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(new StackPane(tutorialOverviewBox));
+        // linked objects
+        LinkedObjectsBox<Tutorial> linkedObjectsBox = new LinkedObjectsBox<>(tutorial);
+        linkedObjectsBox.sizeProperty().bind(sizeProperty());
+
+        VBox detailsPageContentWrapper = new VBox(tutorialOverviewBox, linkedObjectsBox);
+        detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
+
+        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
diff --git a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileVideoDetailsPage.java b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileVideoDetailsPage.java
index 3e4c672e..3c878db6 100644
--- a/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileVideoDetailsPage.java
+++ b/mobile/src/main/java/com/dlsc/jfxcentral2/mobile/pages/details/MobileVideoDetailsPage.java
@@ -3,12 +3,12 @@
 import com.dlsc.jfxcentral.data.model.Video;
 import com.dlsc.jfxcentral2.components.PrettyScrollPane;
 import com.dlsc.jfxcentral2.components.overviewbox.VideoOverviewBox;
+import com.dlsc.jfxcentral2.mobile.components.LinkedObjectsBox;
 import com.dlsc.jfxcentral2.mobile.components.MobilePageHeader;
 import com.dlsc.jfxcentral2.model.Size;
 import javafx.beans.property.ObjectProperty;
 import javafx.scene.Node;
 import javafx.scene.layout.Priority;
-import javafx.scene.layout.StackPane;
 import javafx.scene.layout.VBox;
 
 import java.util.List;
@@ -33,8 +33,18 @@ public List<Node> content() {
         videoOverviewBox.sizeProperty().bind(sizeProperty());
         videoOverviewBox.setIcon(null);
         videoOverviewBox.setTitle(null);
+        videoOverviewBox.boundsInLocalProperty().addListener((obs, oldVal, newVal) -> {
+            videoOverviewBox.setMinHeight(newVal.getHeight());
+        });
 
-        PrettyScrollPane detailsContentPane = new PrettyScrollPane(new StackPane(videoOverviewBox));
+        // linked objects
+        LinkedObjectsBox<Video> linkedObjectsBox = new LinkedObjectsBox<>(video);
+        linkedObjectsBox.sizeProperty().bind(sizeProperty());
+
+        VBox detailsPageContentWrapper = new VBox(videoOverviewBox, linkedObjectsBox);
+        detailsPageContentWrapper.getStyleClass().add("details-page-content-wrapper");
+
+        PrettyScrollPane detailsContentPane = new PrettyScrollPane(detailsPageContentWrapper);
         detailsContentPane.getStyleClass().add("mobile");
         detailsContentPane.setMaxHeight(Double.MAX_VALUE);
         VBox.setVgrow(detailsContentPane, Priority.ALWAYS);
diff --git a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/IMAGE_CREDITS.md b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/IMAGE_CREDITS.md
new file mode 100644
index 00000000..9ca04e48
--- /dev/null
+++ b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/IMAGE_CREDITS.md
@@ -0,0 +1,51 @@
+# Image Credits
+
+## blogs.png
+- **Author**: OpenIcons
+- **Source**: https://pixabay.com/vectors/magnifying-glass-pencil-search-97588/
+- **License**: [Pixabay License](https://pixabay.com/service/license-summary/)
+
+## books.png
+- **Author**: OpenClipart-Vectors
+- **Source**: https://pixabay.com/vectors/book-coffee-cup-stack-1294864/
+- **License**: [Pixabay License](https://pixabay.com/service/license-summary/)
+
+## companies.png
+- **Author**: zzzvector
+- **Source**: https://pixabay.com/illustrations/building-company-business-4052951/
+- **License**: [Pixabay License](https://pixabay.com/service/license-summary/)
+
+## libraries.png
+- **Author**: OpenClipart-Vectors
+- **Source**: https://pixabay.com/vectors/github-logo-favicon-mascot-button-154769/
+- **License**: [Pixabay License](https://pixabay.com/service/license-summary/)
+
+## news.png
+- **Author**: OpenClipart-Vectors
+- **Source**: https://pixabay.com/vectors/newspaper-news-article-journal-154444/
+- **License**: [Pixabay License](https://pixabay.com/service/license-summary/)
+
+## people.png
+- **Author**: GDJ
+- **Source**: https://pixabay.com/vectors/connections-communications-social-2099068/
+- **License**: [Pixabay License](https://pixabay.com/service/license-summary/)
+
+## tips.png
+- **Author**: OpenClipart-Vectors
+- **Source**: https://pixabay.com/vectors/dialog-tip-advice-hint-speaking-148815/
+- **License**: [Pixabay License](https://pixabay.com/service/license-summary/)
+
+## tools.png
+- **Author**: IO-Images
+- **Source**: https://pixabay.com/vectors/wrench-maintenance-service-repair-4941426/
+- **License**: [Pixabay License](https://pixabay.com/service/license-summary/)
+
+## tutorials.png
+- **Author**: ArtsyBee
+- **Source**: https://pixabay.com/illustrations/education-online-school-elearning-5307501/
+- **License**: [Pixabay License](https://pixabay.com/service/license-summary/)
+
+## videos.png
+- **Author**: IO-Images
+- **Source**: https://pixabay.com/vectors/play-begin-video-movie-arrow-1073616/
+- **License**: [Pixabay License](https://pixabay.com/service/license-summary/)
\ No newline at end of file
diff --git a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/blogs.png b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/blogs.png
new file mode 100644
index 00000000..b968b91b
Binary files /dev/null and b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/blogs.png differ
diff --git a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/books.png b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/books.png
new file mode 100644
index 00000000..34cc9a29
Binary files /dev/null and b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/books.png differ
diff --git a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/learns.jpg b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/learns.jpg
deleted file mode 100644
index 20da1e5d..00000000
Binary files a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/learns.jpg and /dev/null differ
diff --git a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/libraries.png b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/libraries.png
index 8f405712..a3d38295 100644
Binary files a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/libraries.png and b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/libraries.png differ
diff --git a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/news.png b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/news.png
index 9a9218c9..e17dac69 100644
Binary files a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/news.png and b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/news.png differ
diff --git a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/tools.png b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/tools.png
index 5b5a748f..bf804424 100644
Binary files a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/tools.png and b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/tools.png differ
diff --git a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/tutorials.png b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/tutorials.png
new file mode 100644
index 00000000..744a5002
Binary files /dev/null and b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/tutorials.png differ
diff --git a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/videos.png b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/videos.png
index ad61c033..54d51172 100644
Binary files a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/videos.png and b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/components/videos.png differ
diff --git a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/mobile.css b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/mobile.css
index b81fadfa..b04d57eb 100644
--- a/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/mobile.css
+++ b/mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/mobile.css
@@ -411,6 +411,40 @@
     -fx-icon-color: -grey-30;
 }
 
+.learn-category-preview-view > .content > .category-cell .cell-content > .title {
+    -fx-alignment: center-left;
+    -fx-text-fill: #555;
+    -fx-font-family: "Spline Sans Medium";
+}
+
+.learn-category-preview-view > .content > .category-cell .cell-content > .title .icon-wrapper {
+    -fx-background-color: -grey-10;
+    -fx-pref-width: 30px;
+    -fx-pref-height: 30px;
+    -fx-background-radius: 1000px;
+}
+
+.learn-category-preview-view > .content > .category-cell .cell-content > .title .icon-wrapper.javafx {
+    -fx-background-color: rgb(104, 104, 204);
+}
+
+.learn-category-preview-view > .content > .category-cell .cell-content > .title .icon-wrapper.mobile {
+    -fx-background-color: rgb(61, 185, 131);
+}
+
+.learn-category-preview-view > .content > .category-cell .cell-content > .title .icon-wrapper.raspberry-pi {
+    -fx-background-color: #fd2a68;
+}
+
+.learn-category-preview-view > .content > .category-cell .cell-content > .title .ikonli-font-icon {
+    -fx-icon-color: #ffffff;
+    -fx-icon-size: 20px;
+}
+
+.learn-category-preview-view > .content > .category-cell .cell-content > .title .icon-wrapper.raspberry-pi .ikonli-font-icon {
+    -fx-icon-size: 18px;
+}
+
 /** ------------------------------------
  * WeekLinksLiteView
  **/
@@ -777,6 +811,10 @@
     -fx-spacing: 15px;
 }
 
+.mobile-details-page .details-page-content-wrapper {
+    -fx-alignment: top-center;
+}
+
 .mobile-details-page .overview-box .content-box {
     -fx-alignment: top-center;
 }
@@ -942,22 +980,22 @@
  * MobileRefreshPage
  */
 .mobile-refresh-page {
-    -fx-background-color: linear-gradient(from 0% 0% to 0% 100%, rgba(247, 249, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
+    -fx-background-color: #070B32;
 }
 
 .mobile-refresh-page > .content-box {
     -fx-alignment: top-center;
-    -fx-padding: 0 0 15px 0;
+    -fx-padding: 60px 0 40px 0;
 }
 
 .mobile-refresh-page > .content-box > .custom-image-view {
-    -fx-fit-width: 105px;
+    -fx-fit-width: 125px;
 }
 
 .mobile-refresh-page .bottom-box {
     -fx-spacing: 15px;
     -fx-alignment: top-center;
-    -fx-padding: 20px 0 0 0;
+    -fx-padding: 0 0 25px 0;
 }
 
 .mobile-refresh-page .bottom-box > .start-button {
@@ -1000,73 +1038,74 @@
 }
 
 /** ----------------------------------
- * WelcomePageView
+ * IntroPane
  */
-.welcome-page-view {
-    -fx-pref-height: 480px;
+.intro-pane {
+    -fx-background-color: #0f0832;
+    -fx-padding: 50px 0px 25px 0px;
+}
+
+.intro-pane .dot-box {
+    -fx-spacing: 10px;
+    -fx-alignment: center;
+    -fx-padding: 5px 0 0 0;
+}
+
+.intro-pane .dot-box .dot {
+    -size: 8px;
+    -fx-opacity: .5;
+    -fx-background-color: white;
+    -fx-pref-width: -size;
+    -fx-pref-height: -size;
+    -fx-max-width: -size;
+    -fx-max-height: -size;
+    -fx-min-width: -size;
+    -fx-min-height: -size;
+
+    -fx-background-radius: 1000;
 }
 
-.welcome-page-view-cell {
+.intro-pane .dot-box .dot.selected {
+    -fx-opacity: 1;
+}
+
+/** ----------------------------------
+ * IntroCard
+ */
+.intro-card {
     -fx-alignment: top-center;
     -fx-spacing: 20px;
 }
 
-.welcome-page-view-cell .custom-image-view {
+.intro-card .custom-image-view {
     -fx-fit-height: 220px;
     -fx-fit-to-width: 220px;
 }
 
-.welcome-page-view-cell .title {
+.intro-card .title {
     -fx-font-family: "Spline Sans Medium";
-    -fx-text-fill: #070B32;
+    -fx-text-fill: -light-blue;
     -fx-font-size: 18px;
 }
 
-.welcome-page-view-cell .description {
+.intro-card .description {
     -fx-font-family: "Spline Sans";
-    -fx-text-fill: #525252;
+    -fx-text-fill: #8a8e91;
     -fx-padding: 0 50px;
     -fx-text-alignment: center;
     -fx-font-size: 14px;
 }
 
-.welcome-page-view-cell .image-wrapper {
-    -fx-pref-height: 290px;
-    -fx-background-radius: 0 0 50 50;
-}
-
-.welcome-page-view-cell.videos .image-wrapper {
-    -fx-background-color: #00b2e6;
-}
-
-.welcome-page-view-cell.videos .image-wrapper .custom-image-view {
-    -fx-fit-height: 230px;
-    -fx-fit-to-width: 230px;
-}
-
-.welcome-page-view-cell.libraries .image-wrapper {
-    -fx-background-color: linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #d4d9de 0.0%, #3d5469 100.0%);
-}
-
-.welcome-page-view-cell.tools .image-wrapper {
-    -fx-background-color: linear-gradient(from 0% 0% to 0% 100%, rgb(214, 243, 255) 0%, rgb(196, 178, 225) 100%);
-}
-
-.welcome-page-view-cell.companies .image-wrapper {
-    -fx-background-color: linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #7de8ed 0.0%, #4a4ae3 100.0%);
-}
-
-.welcome-page-view-cell.people .image-wrapper {
-    -fx-background-color: linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, rgba(254, 166, 255, 0.75) 0.0%, #03dbde 100.0%);
+.intro-card .image-wrapper {
+    -fx-pref-height: 240px;
+    -fx-max-height: 240px;
+    -fx-pref-width: 240px;
+    -fx-max-width: 240px;
 }
 
-.welcome-page-view-cell.links-of-the-week .image-wrapper {
-    -fx-background-color: #0066d6;
-}
-
-.welcome-page-view-cell.links-of-the-week .image-wrapper .custom-image-view {
-    -fx-fit-height: 260px;
-    -fx-fit-to-width: 260px;
+.intro-card.links-of-the-week .image-wrapper .custom-image-view {
+    -fx-fit-height: 220px;
+    -fx-fit-to-width: 220px;
 }
 
 /** ----------------------------------
@@ -1199,9 +1238,13 @@
     -fx-font-size: 14px;
 }
 
-.mobile-person-detail-view > .person-content-box .person-linked-box {
+/** ----------------------------------
+ * LinkedObjectsBox
+ */
+.linked-objects-box {
     -fx-padding: 5px 15px;
     -fx-spacing: 15px;
+    -fx-max-width: 800px;
 }
 
 /** ----------------------------------
diff --git a/sampler/src/main/java/com/dlsc/jfxcentral2/demo/mobile/HelloCategoryPreviewView.java b/sampler/src/main/java/com/dlsc/jfxcentral2/demo/mobile/HelloCategoryPreviewView.java
index 4a3ba959..6f579b9a 100644
--- a/sampler/src/main/java/com/dlsc/jfxcentral2/demo/mobile/HelloCategoryPreviewView.java
+++ b/sampler/src/main/java/com/dlsc/jfxcentral2/demo/mobile/HelloCategoryPreviewView.java
@@ -51,6 +51,7 @@ private CategoryPreviewView createShowCasePreviewView() {
             CategoryPreviewView.CategoryItem item = new CategoryPreviewView.CategoryItem(
                     app.getName(),
                     app.getSummary(),
+                    null,
                     ImageManager.getInstance().realWorldAppBannerImageProperty(app),
                     ModelObjectTool.getModelLink(app),
                     123,
@@ -77,6 +78,7 @@ private CategoryPreviewView createPeoplePreviewView() {
             CategoryPreviewView.CategoryItem item = new CategoryPreviewView.CategoryItem(
                     person.getName(),
                     DataRepository2.getInstance().getPersonReadMe(person),
+                    null,
                     ImageManager.getInstance().personImageProperty(person),
                     ModelObjectTool.getModelLink(person),
                     399,
@@ -102,6 +104,7 @@ private CategoryPreviewView createTipsPreviewView() {
             CategoryPreviewView.CategoryItem item = new CategoryPreviewView.CategoryItem(
                     tip.getName(),
                     tip.getSummary(),
+                    null,
                     ImageManager.getInstance().tipBannerImageProperty(tip),
                     ModelObjectTool.getModelLink(tip),
                     123,