Skip to main content

​
Overview

The homepage (index.astro) is the main landing page of the site, displaying the Geometry Dash logo, a featured video, social media icons, and app download links.

​
Source Code

src/pages/index.astro
---
import Layout from "../layouts/Layout.astro";
import Socials from "../components/Socials.astro";
import Video from "../components/Video.astro";
import Apps from "../components/Apps.astro";
---

<Layout title="RobTop Games" description="">
  <Socials />
  <Video />
  <Apps />
</Layout>

​
Page Structure

The homepage is composed of three main components stacked vertically:
1

Social Media Icons

The <Socials /> component displays animated social media links (YouTube, Twitter, Facebook, Instagram).
2

Featured Video

The <Video /> component shows the Geometry Dash logo and a YouTube video thumbnail.
3

Download Links

The <Apps /> component provides download buttons for iOS, Android, and Steam.

​
Visual Hierarchy

┌─────────────────────────────────┐
│      Socials Component          │
│  (YouTube, Twitter, Facebook)   │
├─────────────────────────────────┤
│     Video Component             │
│  [Geometry Dash Logo]           │
│  [Video Thumbnail]              │
├─────────────────────────────────┤
│      Apps Component             │
│  [iOS] [Android] [Steam]        │
└─────────────────────────────────┘

​
Customization

To change the video, edit the Video component:
src/components/Video.astro
<a href="https://youtu.be/YOUR_VIDEO_ID">
  <img src="https://img.youtube.com/vi/YOUR_VIDEO_ID/maxresdefault.jpg" />
</a>

​
Adding More Components

You can add more components to the homepage:
src/pages/index.astro
<Layout title="RobTop Games" description="">
  <Socials />
  <Video />
  <Apps />
  <YourNewComponent />  <!-- Add here -->
</Layout>

​
Changing Page Title

The page title appears in the browser tab and search results: 
<Layout 
  title="Your Custom Title" 
  description="Your page description for SEO"
>

​
SEO Configuration

The homepage uses minimal SEO:
  • Title: “RobTop Games”
  • Description: Empty string (inherits from Layout defaults)
  • Canonical URL: Not specified (defaults to homepage)
For better SEO, add a description:
<Layout 
  title="RobTop Games" 
  description="Official RobTop Games website featuring Geometry Dash and other games. Download for iOS, Android, and Steam."
>

Socials

Social media icons component

Video

Video thumbnail component

Apps

Download links component

Build docs developers (and LLMs) love

Get started for freeTalk to us