feat: Add initial landing page with hero section, features, and category browsing, along with new landing layout components.
All checks were successful
Build and Deploy Frontend Learner / Build Frontend Learner Docker Image (push) Successful in 1m52s
Build and Deploy Frontend Learner / Deploy E-learning Frontend Learner to Dev Server (push) Successful in 17s
Build and Deploy Frontend Learner / Notify Deployment Status (push) Successful in 2s

This commit is contained in:
supalerk-ar66 2026-02-26 15:53:04 +07:00
parent 3a9da1007b
commit aceeb80d9a
4 changed files with 176 additions and 330 deletions

View file

@ -34,7 +34,6 @@
<h4 class="font-bold text-slate-900 mb-6 text-base tracking-tight">คอรสเรยน</h4>
<ul class="space-y-3 text-sm text-slate-500 flex flex-col gap-2">
<li class=""><NuxtLink to="/browse" class="hover:text-blue-600 transition-colors inline-block">คอรสทงหมด</NuxtLink></li>
<li><NuxtLink to="/browse/recommended" class="hover:text-blue-600 transition-colors inline-block">คอรสแนะนำ</NuxtLink></li>
<li><a href="#" class="hover:text-blue-600 transition-colors inline-block">โปรโมช</a></li>
<li><a href="#" class="hover:text-blue-600 transition-colors inline-block">สำหรบองคกร</a></li>
</ul>

View file

@ -91,15 +91,6 @@ onUnmounted(() => {
<!-- Desktop Action Buttons (Visible by default, hidden on mobile via CSS 'desktop-nav') -->
<div class="flex desktop-nav items-center gap-4">
<q-input v-model="text" label="ค้นหาคอร์สเรียน..." rounded
standout="bg-black text-white"
:dark="isScrolled ? true : false"
>
<template v-slot:prepend>
<q-icon name="search" class="pl-3" color="grey-6"/>
</template>
</q-input>
<template v-if="!isAuthenticated">
<!-- Login Button -->
<NuxtLink
@ -181,14 +172,6 @@ onUnmounted(() => {
{{ $t('sidebar.onlineCourses') }}
<q-icon name="chevron_right" size="20px" class="text-slate-400" />
</NuxtLink>
<NuxtLink
to="/browse/recommended"
class="flex items-center justify-between p-4 rounded-xl hover:bg-slate-50 text-slate-700 font-bold transition-colors"
@click="mobileMenuOpen = false"
>
{{ $t('sidebar.recommendedCourses') }}
<q-icon name="chevron_right" size="20px" class="text-slate-400" />
</NuxtLink>
</nav>
<div class="mt-auto pb-8 border-t border-slate-100 pt-8">