diff --git a/resources/css/app.css b/resources/css/app.css index f71a4ed..f470964 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -6,6 +6,45 @@ body { overflow-x: hidden; } +.landing-shell { + background: + radial-gradient(circle at top left, rgba(13, 110, 253, 0.18), transparent 24%), + radial-gradient(circle at top right, rgba(111, 66, 193, 0.16), transparent 20%), + linear-gradient(180deg, #f8fbff 0%, #eef3ff 100%); +} + +.brand-badge { + align-items: center; + background: linear-gradient(135deg, #0d6efd, #6610f2); + border-radius: 1rem; + color: #fff; + display: inline-flex; + font-size: 1rem; + font-weight: 700; + height: 3rem; + justify-content: center; + width: 3rem; +} + +.hero-card { + background: rgba(255, 255, 255, 0.88); + border: 1px solid rgba(13, 110, 253, 0.12); + box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08); + backdrop-filter: blur(8px); +} + +.feature-icon { + align-items: center; + background: rgba(13, 110, 253, 0.12); + border-radius: 1rem; + color: #0d6efd; + display: inline-flex; + font-size: 1.25rem; + height: 3rem; + justify-content: center; + width: 3rem; +} + .offcanvas { max-width: 100vw; } diff --git a/resources/js/Pages/Welcome.vue b/resources/js/Pages/Welcome.vue index 0f3e872..af8632f 100644 --- a/resources/js/Pages/Welcome.vue +++ b/resources/js/Pages/Welcome.vue @@ -8,345 +8,101 @@ defineProps({ canRegister: { type: Boolean, }, - laravelVersion: { - type: String, - required: true, - }, - phpVersion: { - type: String, - required: true, - }, }); - -function handleImageError() { - document.getElementById('screenshot-container')?.classList.add('!hidden'); - document.getElementById('docs-card')?.classList.add('!row-span-1'); - document.getElementById('docs-card-content')?.classList.add('!flex-row'); - document.getElementById('background')?.classList.add('!hidden'); -}