Skip to content

Commit 1f5aa62

Browse files
shanerbaner82claude
shanerbaner82
and
claude
committed
Replace Mimi card with Masterclass card and add Ultra/Masterclass navbar links
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent f8d5b61 commit 1f5aa62

File tree

4 files changed

+127
-9
lines changed

4 files changed

+127
-9
lines changed

‎resources/views/components/home/announcements.blade.php‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
1-
{{-- Announcements Section: Plugins (full width) + Bifrost (50%) & Mimi/Jump (50% stacked) --}}
1+
{{-- Announcements Section: Plugins (full width) + Bifrost (50%) & Course/Jump (50% stacked) --}}
22
<section class="mt-4" aria-label="New announcements">
33
<div class="flex flex-col gap-4">
44
{{-- Plugins Announcement (Full Width) --}}
55
<x-home.plugins-announcement />
66

7-
{{-- Mimi & Jump + Bifrost Row --}}
7+
{{-- Course & Jump + Bifrost Row --}}
88
<div class="grid gap-4 xl:grid-cols-2">
9-
{{-- Left Column - Mimi & Jump --}}
9+
{{-- Left Column - Course & Jump --}}
1010
<div class="grid gap-4 md:grid-cols-2 xl:grid-cols-1">
11-
{{-- Mimi Card --}}
12-
<x-home.mimi-card />
11+
{{-- Course Card --}}
12+
<x-home.course-card />
1313

1414
{{-- Jump Card --}}
1515
<x-home.jump-card />

‎resources/views/components/home/course-card.blade.php‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
{{-- Course Card - NativePHP Masterclass --}}
2+
<a
3+
href="{{ route('course') }}"
4+
class="group relative block h-full overflow-hidden rounded-2xl bg-gradient-to-br from-emerald-500/20 via-teal-500/10 to-cyan-500/20 p-0.5 ring-1 ring-zinc-200/50 transition duration-300 hover:ring-emerald-400/50 dark:ring-emerald-500/30"
5+
x-init="
6+
() => {
7+
motion.inView($el, (element) => {
8+
gsap.fromTo(
9+
$el,
10+
{ y: 20, autoAlpha: 0 },
11+
{
12+
y: 0,
13+
autoAlpha: 1,
14+
duration: 0.6,
15+
delay: 0.2,
16+
ease: 'power2.out',
17+
},
18+
)
19+
})
20+
}
21+
"
22+
>
23+
<div class="relative flex h-full flex-col overflow-hidden rounded-xl bg-gradient-to-br from-[#F9F9F9] via-white to-[#F9F9F9] p-5 md:p-6 dark:from-slate-950 dark:via-slate-900 dark:to-slate-950">
24+
{{-- Animated glow --}}
25+
<div
26+
x-init="
27+
() => {
28+
gsap.to($el, {
29+
x: 20,
30+
y: -10,
31+
duration: 4,
32+
repeat: -1,
33+
yoyo: true,
34+
ease: 'sine.inOut',
35+
})
36+
}
37+
"
38+
class="pointer-events-none absolute -right-10 -top-10 size-32 rounded-full bg-emerald-500/20 blur-[40px] transition duration-500 group-hover:bg-emerald-500/30"
39+
aria-hidden="true"
40+
></div>
41+
42+
{{-- Badge --}}
43+
<div class="mb-3 inline-flex w-fit items-center gap-1.5 rounded-full bg-emerald-500/20 px-2.5 py-1 text-xs font-medium text-emerald-600 dark:text-emerald-300">
44+
<span class="relative flex size-2">
45+
<span class="absolute inline-flex size-full animate-ping rounded-full bg-emerald-400 opacity-75"></span>
46+
<span class="relative inline-flex size-2 rounded-full bg-emerald-500"></span>
47+
</span>
48+
Early Bird
49+
</div>
50+
51+
{{-- Title --}}
52+
<h3 class="text-xl font-bold text-gray-800 md:text-2xl dark:text-white">
53+
The Masterclass
54+
</h3>
55+
56+
{{-- Tagline --}}
57+
<p class="mt-1 text-sm text-emerald-600/80 dark:text-emerald-200/80">
58+
Zero to published app.
59+
</p>
60+
61+
{{-- Description --}}
62+
<p class="mt-3 flex-1 text-sm leading-relaxed text-gray-600 dark:text-slate-400">
63+
Learn to build native mobile and desktop apps using PHP and Laravel.
64+
</p>
65+
66+
{{-- Features list --}}
67+
<ul class="mt-3 space-y-1.5 text-xs text-gray-600 dark:text-slate-400">
68+
<li class="flex items-center gap-2">
69+
<svg class="size-3 text-emerald-500 dark:text-emerald-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
70+
<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
71+
</svg>
72+
Mobile & Desktop
73+
</li>
74+
<li class="flex items-center gap-2">
75+
<svg class="size-3 text-emerald-500 dark:text-emerald-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
76+
<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
77+
</svg>
78+
Use your existing PHP skills
79+
</li>
80+
<li class="flex items-center gap-2">
81+
<svg class="size-3 text-emerald-500 dark:text-emerald-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
82+
<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
83+
</svg>
84+
Zero to published app
85+
</li>
86+
</ul>
87+
88+
{{-- CTA --}}
89+
<div class="mt-4 flex items-center gap-2 text-sm font-medium text-emerald-600 transition duration-300 group-hover:text-emerald-500 dark:text-emerald-400 dark:group-hover:text-emerald-300">
90+
<span>Start learning</span>
91+
<svg
92+
class="size-4 transition duration-300 group-hover:translate-x-1"
93+
fill="none"
94+
viewBox="0 0 24 24"
95+
stroke="currentColor"
96+
stroke-width="2"
97+
>
98+
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
99+
</svg>
100+
</div>
101+
</div>
102+
</a>

‎resources/views/components/navbar/mobile-menu.blade.php‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -126,8 +126,8 @@ class="size-4 shrink-0"
126126
</a>
127127
</div>
128128

129-
{{-- Ultra Link --}}
130-
<div>
129+
{{-- Ultra Link (mobile only, shown in navbar on desktop) --}}
130+
<div class="lg:hidden">
131131
<a
132132
href="{{ route('pricing') }}"
133133
@class([
@@ -254,8 +254,8 @@ class="size-4 shrink-0"
254254
</a>
255255
</div>
256256

257-
{{-- Course Link --}}
258-
<div>
257+
{{-- Course Link (mobile only, shown in navbar on desktop) --}}
258+
<div class="lg:hidden">
259259
<a
260260
href="{{ route('course') }}"
261261
@class([

‎resources/views/components/navigation-bar.blade.php‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -78,6 +78,22 @@ class="-mt-px size-3.5"
7878
{{-- Doc search (visible on large screens) --}}
7979

8080

81+
{{-- Ultra link (desktop only) --}}
82+
<a
83+
href="{{ route('pricing') }}"
84+
class="hidden items-center gap-1.5 rounded-full bg-violet-500/10 px-3 py-1.5 text-sm font-medium text-violet-600 transition duration-200 hover:bg-violet-500/20 lg:inline-flex dark:text-violet-400 dark:hover:bg-violet-500/20"
85+
>
86+
Ultra
87+
</a>
88+
89+
{{-- Course link (desktop only) --}}
90+
<a
91+
href="{{ route('course') }}"
92+
class="hidden items-center gap-1.5 rounded-full bg-emerald-500/10 px-3 py-1.5 text-sm font-medium text-emerald-600 transition duration-200 hover:bg-emerald-500/20 lg:inline-flex dark:text-emerald-400 dark:hover:bg-emerald-500/20"
93+
>
94+
Masterclass
95+
</a>
96+
8197
{{-- Bifrost button (visible on large screens) --}}
8298
<div class="hidden lg:block">
8399
<x-bifrost-button small />

0 commit comments

Comments
 (0)