diff --git a/frontend.zip b/frontend.zip new file mode 100644 index 0000000..4c215ce Binary files /dev/null and b/frontend.zip differ diff --git a/frontend/src/assets/Generated image 1.png b/frontend/src/assets/Generated image 1.png new file mode 100644 index 0000000..1c65514 Binary files /dev/null and b/frontend/src/assets/Generated image 1.png differ diff --git a/frontend/src/assets/Generated image 10.png b/frontend/src/assets/Generated image 10.png new file mode 100644 index 0000000..ca14a71 Binary files /dev/null and b/frontend/src/assets/Generated image 10.png differ diff --git a/frontend/src/assets/Generated image 11.png b/frontend/src/assets/Generated image 11.png new file mode 100644 index 0000000..e26a023 Binary files /dev/null and b/frontend/src/assets/Generated image 11.png differ diff --git a/frontend/src/assets/Generated image 12.png b/frontend/src/assets/Generated image 12.png new file mode 100644 index 0000000..cd2b957 Binary files /dev/null and b/frontend/src/assets/Generated image 12.png differ diff --git a/frontend/src/assets/Generated image 2.png b/frontend/src/assets/Generated image 2.png new file mode 100644 index 0000000..f7eed4d Binary files /dev/null and b/frontend/src/assets/Generated image 2.png differ diff --git a/frontend/src/assets/Generated image 3.png b/frontend/src/assets/Generated image 3.png new file mode 100644 index 0000000..87b0675 Binary files /dev/null and b/frontend/src/assets/Generated image 3.png differ diff --git a/frontend/src/assets/Generated image 4.png b/frontend/src/assets/Generated image 4.png new file mode 100644 index 0000000..216e060 Binary files /dev/null and b/frontend/src/assets/Generated image 4.png differ diff --git a/frontend/src/assets/Generated image 5.png b/frontend/src/assets/Generated image 5.png new file mode 100644 index 0000000..5599896 Binary files /dev/null and b/frontend/src/assets/Generated image 5.png differ diff --git a/frontend/src/assets/Generated image 6.png b/frontend/src/assets/Generated image 6.png new file mode 100644 index 0000000..ba08cbf Binary files /dev/null and b/frontend/src/assets/Generated image 6.png differ diff --git a/frontend/src/assets/Generated image 7.png b/frontend/src/assets/Generated image 7.png new file mode 100644 index 0000000..40f7221 Binary files /dev/null and b/frontend/src/assets/Generated image 7.png differ diff --git a/frontend/src/assets/Generated image 8.png b/frontend/src/assets/Generated image 8.png new file mode 100644 index 0000000..4cf733a Binary files /dev/null and b/frontend/src/assets/Generated image 8.png differ diff --git a/frontend/src/assets/Generated image 9.png b/frontend/src/assets/Generated image 9.png new file mode 100644 index 0000000..d7ed011 Binary files /dev/null and b/frontend/src/assets/Generated image 9.png differ diff --git a/frontend/src/assets/landing-award-backdrop.png b/frontend/src/assets/landing-award-backdrop.png new file mode 100644 index 0000000..0501a2a Binary files /dev/null and b/frontend/src/assets/landing-award-backdrop.png differ diff --git a/frontend/src/assets/landing-award-scene.png b/frontend/src/assets/landing-award-scene.png new file mode 100644 index 0000000..f7eed4d Binary files /dev/null and b/frontend/src/assets/landing-award-scene.png differ diff --git a/frontend/src/assets/landing-hero-character.png b/frontend/src/assets/landing-hero-character.png new file mode 100644 index 0000000..3449e29 Binary files /dev/null and b/frontend/src/assets/landing-hero-character.png differ diff --git a/frontend/src/assets/nominate-scroll-feather-hq.png b/frontend/src/assets/nominate-scroll-feather-hq.png new file mode 100644 index 0000000..6a9d413 Binary files /dev/null and b/frontend/src/assets/nominate-scroll-feather-hq.png differ diff --git a/frontend/src/assets/nominate-scroll-feather-hq.svg b/frontend/src/assets/nominate-scroll-feather-hq.svg new file mode 100644 index 0000000..b9f3ec9 --- /dev/null +++ b/frontend/src/assets/nominate-scroll-feather-hq.svg @@ -0,0 +1,100 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/assets/nominate-scroll-feather-hq@2x.png b/frontend/src/assets/nominate-scroll-feather-hq@2x.png new file mode 100644 index 0000000..107ecfc Binary files /dev/null and b/frontend/src/assets/nominate-scroll-feather-hq@2x.png differ diff --git a/frontend/src/assets/nominate-scroll-feather.png b/frontend/src/assets/nominate-scroll-feather.png new file mode 100644 index 0000000..40cb73e Binary files /dev/null and b/frontend/src/assets/nominate-scroll-feather.png differ diff --git a/frontend/src/assets/nominate-scroll-feather@2x.png b/frontend/src/assets/nominate-scroll-feather@2x.png new file mode 100644 index 0000000..12a3e70 Binary files /dev/null and b/frontend/src/assets/nominate-scroll-feather@2x.png differ diff --git a/frontend/src/assets/step-nominate.svg b/frontend/src/assets/step-nominate.svg new file mode 100644 index 0000000..5a1e061 --- /dev/null +++ b/frontend/src/assets/step-nominate.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/assets/step-vote.svg b/frontend/src/assets/step-vote.svg new file mode 100644 index 0000000..1627141 --- /dev/null +++ b/frontend/src/assets/step-vote.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/assets/step-winners.svg b/frontend/src/assets/step-winners.svg new file mode 100644 index 0000000..ee747ae --- /dev/null +++ b/frontend/src/assets/step-winners.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue index 8d4a4f5..1b95754 100644 --- a/frontend/src/views/HomeView.vue +++ b/frontend/src/views/HomeView.vue @@ -35,7 +35,10 @@ import Card from '../components/ui/Card.vue' import { useAwardsStore } from '../stores/awards' import { useAuthStore } from '../stores/auth' import { usePhases, type ActionKey, type PhaseState } from '../composables/usePhases' -import heroKeyvisual from '../assets/hero-keyvisual.svg' +import landingHeroCharacter from '../assets/landing-hero-character.png' +import stepNominate from '../assets/step-nominate.svg' +import stepVote from '../assets/step-vote.svg' +import stepWinners from '../assets/step-winners.svg' const store = useAwardsStore() const authStore = useAuthStore() @@ -132,22 +135,19 @@ const trustItems = [ const steps = [ { - icon: Sparkles, + image: stepNominate, title: 'Nominieren', - text: 'Trag deine Lieblings-Creator ein – bis zu 3 Favoriten pro Kategorie.', - accent: 'from-violet-200 to-fuchsia-100 text-violet-600', + text: 'Nominiere deine Favoriten in jeder Kategorie. Pro Kategorie 3 Nominierungen.', }, { - icon: Heart, + image: stepVote, title: 'Voten', - text: 'Die Community stimmt ab. Eine Stimme pro Kategorie, mit ganz viel Herz.', - accent: 'from-rose-200 to-amber-100 text-rose-500', + text: 'Die Community stimmt über ihre Top-Favoriten ab. Nur 1 Stimme pro Kategorie.', }, { - icon: Trophy, - title: 'Feiern', + image: stepWinners, + title: 'Die Besten', text: 'Die Stimmen werden gezählt und die Gewinner live in der Show gekürt!', - accent: 'from-amber-200 to-emerald-100 text-amber-600', }, ] @@ -286,28 +286,36 @@ const winnersScopeYear = computed(() => heroYear.value - 1) - -
- VTuber Star Awards Keyvisual (Platzhalter) -
+ +
+
+
+
- -
-

Host

-

- Jayuhime -

-

VTuber & Award Host

-
- - - - - - - - + VTuber Award Host mit Trophäe + +
+
+

Host

+

+ Jayuhime +

+

VTuber & Award Host

+
+ + + + + + + + +
@@ -328,21 +336,32 @@ const winnersScopeYear = computed(() => heroYear.value - 1) -
+

So funktioniert's

-

In drei Schritten zur großen Bühne

-
-
-
- +
+
+ + +
+ + {{ index + 1 }} + +
+

{{ step.title }}

+

{{ step.text }}

+
- - {{ index + 1 }} - -

{{ step.title }}

-

{{ step.text }}