├── src
├── styles
│ └── global.css
├── assets
│ ├── full-logo.webp
│ ├── hero-key-logo.webp
│ ├── hero-key-background.webp
│ ├── keep-scrolling.svg
│ ├── logo-cutted.svg
│ ├── logo-vi.svg
│ ├── play-button.svg
│ ├── ps5.svg
│ └── xbox.svg
├── layouts
│ └── Layout.astro
└── pages
│ └── index.astro
├── public
├── fonts
│ ├── gta-bold.woff
│ ├── gta-narrow.woff
│ ├── gta-regular.woff
│ └── gta-semibold.woff
├── favicon.svg
└── logo-stack.svg
├── .vscode
├── extensions.json
└── launch.json
├── astro.config.mjs
├── tsconfig.json
├── .gitignore
├── package.json
├── README.md
└── pnpm-lock.yaml
/src/styles/global.css:
--------------------------------------------------------------------------------
1 | @import "tailwindcss";
--------------------------------------------------------------------------------
/src/assets/full-logo.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/midudev/landing-gta-vi/main/src/assets/full-logo.webp
--------------------------------------------------------------------------------
/public/fonts/gta-bold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/midudev/landing-gta-vi/main/public/fonts/gta-bold.woff
--------------------------------------------------------------------------------
/public/fonts/gta-narrow.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/midudev/landing-gta-vi/main/public/fonts/gta-narrow.woff
--------------------------------------------------------------------------------
/public/fonts/gta-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/midudev/landing-gta-vi/main/public/fonts/gta-regular.woff
--------------------------------------------------------------------------------
/public/fonts/gta-semibold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/midudev/landing-gta-vi/main/public/fonts/gta-semibold.woff
--------------------------------------------------------------------------------
/src/assets/hero-key-logo.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/midudev/landing-gta-vi/main/src/assets/hero-key-logo.webp
--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 | "recommendations": ["astro-build.astro-vscode"],
3 | "unwantedRecommendations": []
4 | }
5 |
--------------------------------------------------------------------------------
/src/assets/hero-key-background.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/midudev/landing-gta-vi/main/src/assets/hero-key-background.webp
--------------------------------------------------------------------------------
/astro.config.mjs:
--------------------------------------------------------------------------------
1 | // @ts-check
2 | import { defineConfig } from 'astro/config';
3 |
4 | import tailwindcss from '@tailwindcss/vite';
5 |
6 | // https://astro.build/config
7 | export default defineConfig({
8 | vite: {
9 | plugins: [tailwindcss()]
10 | }
11 | });
--------------------------------------------------------------------------------
/.vscode/launch.json:
--------------------------------------------------------------------------------
1 | {
2 | "version": "0.2.0",
3 | "configurations": [
4 | {
5 | "command": "./node_modules/.bin/astro dev",
6 | "name": "Development server",
7 | "request": "launch",
8 | "type": "node-terminal"
9 | }
10 | ]
11 | }
12 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "astro/tsconfigs/strict",
3 | "include": [
4 | ".astro/types.d.ts",
5 | "**/*"
6 | ],
7 | "exclude": [
8 | "dist"
9 | ],
10 | "compilerOptions": {
11 | "baseUrl": ".",
12 | "paths": {
13 | "@/*": [
14 | "./src/*"
15 | ]
16 | }
17 | }
18 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # build output
2 | dist/
3 |
4 | # generated types
5 | .astro/
6 |
7 | # dependencies
8 | node_modules/
9 |
10 | # logs
11 | npm-debug.log*
12 | yarn-debug.log*
13 | yarn-error.log*
14 | pnpm-debug.log*
15 |
16 | # environment variables
17 | .env
18 | .env.production
19 |
20 | # macOS-specific files
21 | .DS_Store
22 |
23 | # jetbrains setting folder
24 | .idea/
25 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "live-landing-gta-vi",
3 | "type": "module",
4 | "version": "0.0.1",
5 | "scripts": {
6 | "dev": "astro dev",
7 | "build": "astro build",
8 | "preview": "astro preview",
9 | "astro": "astro"
10 | },
11 | "dependencies": {
12 | "@tailwindcss/vite": "^4.1.9",
13 | "astro": "^5.9.2",
14 | "gsap": "^3.13.0",
15 | "tailwindcss": "^4.1.9"
16 | }
17 | }
--------------------------------------------------------------------------------
/src/assets/keep-scrolling.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/logo-cutted.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/favicon.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/src/assets/logo-vi.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/play-button.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Astro Starter Kit: Basics
2 |
3 | ```sh
4 | pnpm create astro@latest -- --template basics
5 | ```
6 |
7 | [](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
8 | [](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics)
9 | [](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json)
10 |
11 | > 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun!
12 |
13 | 
14 |
15 | ## 🚀 Project Structure
16 |
17 | Inside of your Astro project, you'll see the following folders and files:
18 |
19 | ```text
20 | /
21 | ├── public/
22 | │ └── favicon.svg
23 | ├── src/
24 | │ ├── layouts/
25 | │ │ └── Layout.astro
26 | │ └── pages/
27 | │ └── index.astro
28 | └── package.json
29 | ```
30 |
31 | To learn more about the folder structure of an Astro project, refer to [our guide on project structure](https://docs.astro.build/en/basics/project-structure/).
32 |
33 | ## 🧞 Commands
34 |
35 | All commands are run from the root of the project, from a terminal:
36 |
37 | | Command | Action |
38 | | :------------------------ | :----------------------------------------------- |
39 | | `pnpm install` | Installs dependencies |
40 | | `pnpm dev` | Starts local dev server at `localhost:4321` |
41 | | `pnpm build` | Build your production site to `./dist/` |
42 | | `pnpm preview` | Preview your build locally, before deploying |
43 | | `pnpm astro ...` | Run CLI commands like `astro add`, `astro check` |
44 | | `pnpm astro -- --help` | Get help using the Astro CLI |
45 |
46 | ## 👀 Want to learn more?
47 |
48 | Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
49 |
--------------------------------------------------------------------------------
/src/layouts/Layout.astro:
--------------------------------------------------------------------------------
1 | ---
2 | import KeepScrolling from "@/assets/keep-scrolling.svg"
3 | ---
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 | Landing GTA VI by @midudev
12 |
13 |
14 |
15 |
18 |
19 |
20 |
21 |
94 |
--------------------------------------------------------------------------------
/public/logo-stack.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/ps5.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/pages/index.astro:
--------------------------------------------------------------------------------
1 | ---
2 | import Layout from "@/layouts/Layout.astro"
3 |
4 | import HeroKeyLogo from "@/assets/hero-key-logo.webp"
5 | import HeroKeyBackground from "@/assets/hero-key-background.webp"
6 | import LogoVI from "@/assets/logo-vi.svg"
7 | import PlayButtonIcon from "@/assets/play-button.svg"
8 | import LogoCutted from "@/assets/logo-cutted.svg"
9 | ---
10 |
11 |
12 |
13 |
14 |
18 | 
23 | 
28 |
29 |
30 |
35 |
40 |
41 |
47 |
48 |
58 |