Customization

We've made it really easy to customize the landing page to match your application's branding. All customization can be done in a single file: src/config/site.config.ts.

Site Configuration

Here's what the configuration file looks like:

import logo from "@/assets/logo.png";
import firstScreenshot from "@/assets/ss1.png";
import secondScreenshot from "@/assets/ss2.png";
import { StaticImageData } from "next/image";

export const siteConfig: SiteConfig = {
  meta: {
    title: "GG: Game Giveaways",
    description:
      "Get notified when a game goes free on Steam, Epic Games Store, and more.",
  },
  appName: "GG: Game Giveaways",
  appDescription:
    "Get notified when a game goes free on Steam, Epic Games Store, and more.",
  playStoreUrl:
    "https://play.google.com/store/apps/details?id=com.ikramhasan.free_games_giveaways",
  appStoreUrl:
    "https://play.google.com/store/apps/details?id=com.ikramhasan.free_games_giveaways",
  firstScreenshot: firstScreenshot,
  secondScreenshot: secondScreenshot,
  logo: logo,
  navLinks: [
    {
      title: "Home",
      url: "/",
    },
    {
      title: "Terms",
      url: "/terms",
    },
    {
      title: "Privacy",
      url: "/privacy",
    },
    {
      title: "Support",
      url: "https://tally.so/r/w24dXe",
    },
  ],
};

The site.config.ts file contains all the configuration options for the landing page. You can customize the following options:

• meta: The meta tags for the landing page. This is used for SEO purposes.
• appName: The name of your application.
• appDescription: A short description of your application.
• playStoreUrl: The URL to your app on the Google Play Store.
• appStoreUrl: The URL to your app on the Apple App Store.
• firstScreenshot: The URL to the first screenshot of your application.
• secondScreenshot: The URL to the second screenshot of your application.
• logo: The URL to your application's logo.
• navLinks: An array of navigation links for the landing page.
• navLinks.title: The title of the navigation link.
• navLinks.url: The URL of the navigation link.

To update the logo, firstScreenshot, secondScreenshot, and other images, simply replace the existing images in the src/assets directory with your own images. Try to keep the image dimensions the same as the existing images for the best results.