Skip to content

Commit 484a01d

Browse files
prplwtfprplwtf
committed
feat: new landing hero!1!!!!!
1 parent 7319ecf commit 484a01d

File tree

9 files changed

+824
-457
lines changed

9 files changed

+824
-457
lines changed

‎Cargo.lock‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎apps/backend/Cargo.toml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
[package]
22
name = "web"
3-
version = "3.1.7"
3+
version = "3.1.8"
44
edition = "2024"
55

66
[dependencies]

‎apps/frontend/package.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -30,24 +30,24 @@
3030
"better-sqlite3": "^12.5.0",
3131
"debug": "^4.4.3",
3232
"file-saver": "^2.0.5",
33-
"nuxt": "^4.2.1",
33+
"nuxt": "^4.2.2",
3434
"nuxt-og-image": "^5.1.12",
3535
"nuxt-site-config": "^3.2.11",
3636
"qrcode": "^1.5.4",
3737
"tailwindcss": "^4.1.17",
3838
"ufo": "^1.6.1",
3939
"unstorage": "^1.17.3",
4040
"vue": "^3.5.25",
41-
"vue-router": "^4.6.3"
41+
"vue-router": "^4.6.4"
4242
},
4343
"devDependencies": {
44-
"@iconify-json/lucide": "^1.2.79",
44+
"@iconify-json/lucide": "^1.2.80",
4545
"@iconify-json/memory": "^1.2.2",
4646
"@iconify-json/pixelarticons": "^1.2.2",
4747
"prettier": "^3.7.4",
4848
"prettier-plugin-tailwindcss": "^0.6.14",
4949
"typescript": "^5.9.3",
50-
"vue-tsc": "^3.1.6"
50+
"vue-tsc": "^3.1.8"
5151
},
5252
"packageManager": "pnpm@10.18.3+sha512.bbd16e6d7286fd7e01f6b3c0b3c932cda2965c06a908328f74663f10a9aea51f1129eea615134bf992831b009eabe167ecb7008b597f40ff9bc75946aadfb08d"
5353
}

‎apps/frontend/pnpm-lock.yaml‎

Lines changed: 683 additions & 415 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎apps/frontend/public/img/pterodactyl2.jpeg‎

773 KB
Loading

‎apps/frontend/src/components/ui/marketing/Landing.vue‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<template>
2+
<div class="bg-neutral-950">
3+
<div class="bg-stripes">
4+
<div
5+
class="max-md:bg-linear-to-tl from-brand-600 border-b border-neutral-700 to-neutral-950 to-50%"
6+
>
7+
<div class="container">
8+
<div
9+
class="xl:max-h-140 xl:min-h-120 md:bg-linear-to-tl from-brand-600 max-md:min-h-100 max-xl:min-h-180 relative grid h-[40vh] items-center overflow-hidden border-neutral-700 to-neutral-950 to-50% max-xl:grid-rows-2 max-md:grid-rows-1 md:border-x md:pt-12 lg:pt-6 xl:grid-cols-2 xl:pt-0"
10+
>
11+
<div class="space-y-7 max-xl:pb-6 max-md:pt-2 md:p-12 xl:pe-6">
12+
<p class="md:display h1">
13+
The Pterodactyl® community builds on
14+
<span
15+
class="text-brand-50 inline-flex items-center gap-2 md:gap-4"
16+
>
17+
<BrandEmblem :size="22" class="md:hidden" />
18+
<BrandEmblem :size="44" class="hidden md:block" />
19+
Blueprint
20+
</span>
21+
</p>
22+
<p class="text-default-font/70">
23+
<span class="text-default-font">
24+
Pterodactyl's favorite modding community.
25+
</span>
26+
Develop, collaborate and install extensions with the extension
27+
platform that puts you first.
28+
</p>
29+
<div class="flex items-center gap-4">
30+
<a href="/guides/admin/install" tabindex="-1">
31+
<button
32+
class="bg-brand-50 hover:bg-brand-200 flex cursor-pointer items-center gap-1 rounded-full px-3 py-1.5 font-bold text-neutral-950 transition-colors"
33+
>
34+
<span> Install now </span>
35+
<Icon name="memory:chevron-right" :size="22" />
36+
</button>
37+
</a>
38+
<a
39+
href="https://github.com/blueprintframework/framework"
40+
tabindex="-1"
41+
class="hidden md:block"
42+
>
43+
<button
44+
class="text-brand-50 flex cursor-pointer items-center gap-2 rounded-full px-3 py-1.5 font-bold transition-colors hover:bg-white/10"
45+
>
46+
<SvgGithub :size="22" />
47+
<span> Star on GitHub </span>
48+
</button>
49+
</a>
50+
</div>
51+
</div>
52+
<div class="hidden h-full overflow-hidden md:block xl:ps-6">
53+
<div class="perspective-distant relative h-full w-full">
54+
<NuxtImg
55+
src="/img/pterodactyl2.jpeg"
56+
:width="800"
57+
class="xl:-bottom-1/12 max-xl:top-1/12 max-xl:rotate-x-7 xl:rotate-x-12 -rotate-y-15 xl:left-1/12 absolute rounded-2xl border-2 border-neutral-700 max-lg:left-6 lg:left-14"
58+
/>
59+
</div>
60+
</div>
61+
</div>
62+
</div>
63+
</div>
64+
</div>
65+
</div>
66+
</template>

‎apps/frontend/src/components/ui/marketing/Legacylanding.vue‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<template>
2+
<div class="space-y-8 md:space-y-2 md:py-4">
3+
<NuxtLink
4+
to="/guides/admin/install"
5+
class="group block outline-0"
6+
@mousedown.prevent
7+
>
8+
<div
9+
class="flex w-full justify-between overflow-hidden rounded-3xl border border-neutral-700 bg-neutral-950 transition-colors group-hover:bg-neutral-900 group-focus:border-neutral-500 group-focus:bg-neutral-900"
10+
>
11+
<div class="px-4 py-2">
12+
<span class="text-brand-50 font-bold"> Install Blueprint </span>
13+
<span> on your Pterodactyl panel, it's free! </span>
14+
</div>
15+
<div
16+
class="group-hover:text-brand-50 group-focus:text-brand-50 flex items-center gap-1 border-s border-neutral-700 p-2 transition-colors group-focus:border-neutral-500 md:px-4 md:py-2"
17+
>
18+
<span class="hidden md:inline"> Install now </span>
19+
<Icon name="memory:chevron-right" :size="20" />
20+
</div>
21+
</div>
22+
</NuxtLink>
23+
24+
<span class="md:display h1 block xl:text-justify">
25+
<span class="text-gray-500">The</span>
26+
industry-leading modding platform
27+
<span class="text-gray-500"> for the Pterodactyl® panel </span>
28+
</span>
29+
</div>
30+
</template>

‎apps/frontend/src/layouts/default/landing.vue‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!-- Based on the default layout, specifically for the landing page(s) -->
2+
3+
<template>
4+
<NuxtLoadingIndicator color="#52A9FF" :height="1" />
5+
<div class="flex min-h-screen flex-col">
6+
<UiNavigation />
7+
<slot />
8+
<UiFooterContainer />
9+
</div>
10+
</template>
11+
12+
<script setup lang="ts">
13+
defineOgImageComponent('Large')
14+
15+
useSeoMeta({
16+
ogTitle: 'Blueprint',
17+
ogDescription:
18+
'The industry-leading modding platform for the Pterodactyl panel',
19+
})
20+
</script>
21+
22+
<style scoped>
23+
.nuxt-loading-indicator {
24+
top: var(--nav-offset) !important;
25+
}
26+
</style>

‎apps/frontend/src/pages/index.vue‎

Lines changed: 13 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,21 @@
11
<template>
2-
<div class="space-y-8 md:space-y-2 md:py-4">
3-
<NuxtLink
4-
to="/guides/admin/install"
5-
class="group block outline-0"
6-
@mousedown.prevent
7-
>
8-
<div
9-
class="flex w-full justify-between overflow-hidden rounded-3xl border border-neutral-700 bg-neutral-950 transition-colors group-hover:bg-neutral-900 group-focus:border-neutral-500 group-focus:bg-neutral-900"
10-
>
11-
<div class="px-4 py-2">
12-
<span class="text-brand-50 font-bold"> Install Blueprint </span>
13-
<span> on your Pterodactyl panel, it's free! </span>
14-
</div>
15-
<div
16-
class="group-hover:text-brand-50 group-focus:text-brand-50 flex items-center gap-1 border-s border-neutral-700 p-2 transition-colors group-focus:border-neutral-500 md:px-4 md:py-2"
17-
>
18-
<span class="hidden md:inline"> Install now </span>
19-
<Icon name="memory:chevron-right" :size="20" />
20-
</div>
21-
</div>
22-
</NuxtLink>
2+
<UiMarketingLanding />
233

24-
<span class="md:display h1 block xl:text-justify">
25-
<span class="text-gray-500">The</span>
26-
industry-leading modding platform
27-
<span class="text-gray-500"> for the Pterodactyl® panel </span>
28-
</span>
4+
<div class="container grow space-y-12 py-12">
5+
<UiMarketingHighlights />
6+
<UiMarketingMarquee />
7+
<UiMarketingHero />
8+
<UiMarketingRepositories />
9+
<UiMarketingFaq id="faq" />
10+
<UiMarketingTestimonials v-if="!isMobile" class="hidden md:block" />
11+
<UiMarketingSponsors />
2912
</div>
30-
31-
<UiMarketingHighlights />
32-
<UiMarketingMarquee />
33-
<UiMarketingHero />
34-
<UiMarketingRepositories />
35-
<UiMarketingFaq id="faq" />
36-
<UiMarketingTestimonials v-if="!isMobile" class="hidden md:block" />
37-
<UiMarketingSponsors />
38-
39-
<ElementsGridbackground />
4013
</template>
4114

4215
<script setup lang="ts">
4316
const isMobile = useMediaQuery('(max-width: 768px)')
17+
18+
definePageMeta({
19+
layout: 'default-landing',
20+
})
4421
</script>

0 commit comments

Comments
 (0)