imadhi
/
academy
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui chngs:

This commit is contained in:
KaviSaparamadu 2026-08-10 12:09:35 +05:30
parent 6f1ef07048
commit 97cf0f72d2
1 changed files with 85 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
resources/views/welcome.blade.php
View File

@ -172,7 +172,7 @@ body {
position: absolute; position: absolute;
inset: 0; inset: 0;
z-index: 1; z-index: 1;
background: linear-gradient(rgba(207, 226, 255, 0.88), rgba(0, 9, 15, 0.75)); background: linear-gradient(135deg, rgba(30, 35, 62, 0.88) 0%, rgba(21, 24, 44, 0.82) 50%, rgba(15, 18, 35, 0.92) 100%);
pointer-events: none; pointer-events: none;
} }
@ -181,8 +181,8 @@ body {
position: absolute; position: absolute;
inset: 0; inset: 0;
z-index: 2; z-index: 2;
background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.12), transparent 28%), background: radial-gradient(circle at top right, rgba(255, 234, 133, 0.15), transparent 35%),
radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.08), transparent 30%); radial-gradient(circle at bottom left, rgba(130, 36, 36, 0.2), transparent 40%);
pointer-events: none; pointer-events: none;
} }
@ -205,22 +205,23 @@ body {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 234, 133, 0.12);
border: 1px solid rgba(255, 255, 255, 0.25); border: 1px solid rgba(255, 234, 133, 0.3);
backdrop-filter: blur(12px); backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(14px);
color: #fff; color: var(--theme-yellow, #FFEA85);
font-size: 13px; font-size: 13px;
font-weight: 600; font-weight: 700;
letter-spacing: 0.04em; letter-spacing: 0.05em;
text-transform: uppercase; text-transform: uppercase;
padding: 8px 18px; padding: 9px 20px;
border-radius: 999px; border-radius: 999px;
margin-bottom: 22px; margin-bottom: 24px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
} }
.hero-badge i { .hero-badge i {
color: #f2e862; color: #FFEA85;
} }
.hero h1 { .hero h1 {
@ -229,14 +230,15 @@ body {
margin: 0; margin: 0;
line-height: 1.05; line-height: 1.05;
letter-spacing: -0.04em; letter-spacing: -0.04em;
text-shadow: 0 24px 60px rgba(0, 0, 0, 0.3); text-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
color: #ffffff;
} }
.hero p { .hero p {
font-size: clamp(1rem, 1.2vw, 1.4rem); font-size: clamp(1rem, 1.2vw, 1.4rem);
max-width: 760px; max-width: 760px;
margin: 24px auto 0; margin: 24px auto 0;
color: rgba(255, 255, 255, 0.92); color: rgba(255, 255, 255, 0.9);
letter-spacing: 0.01em; letter-spacing: 0.01em;
} }
@ -253,6 +255,58 @@ body {
margin-left: 10px; margin-left: 10px;
} }
.btn-theme {
background: linear-gradient(135deg, #822424 0%, #df2c3e 100%) !important;
color: #ffffff !important;
padding: 14px 32px;
border-radius: 999px;
font-weight: 700;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
box-shadow: 0 8px 24px rgba(130, 36, 36, 0.4) !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-theme:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 30px rgba(130, 36, 36, 0.55) !important;
}
.btn-outline-theme {
background: rgba(255, 255, 255, 0.12) !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.35) !important;
padding: 14px 32px;
border-radius: 999px;
font-weight: 700;
backdrop-filter: blur(14px);
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-outline-theme:hover {
background: rgba(255, 255, 255, 0.22) !important;
color: #ffffff !important;
border-color: #ffffff !important;
transform: translateY(-4px) !important;
}
.btn-outline-light-custom {
background: #FFEA85 !important;
color: #1E233E !important;
border: none !important;
padding: 14px 32px;
border-radius: 999px;
font-weight: 800;
box-shadow: 0 8px 24px rgba(255, 234, 133, 0.35) !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-outline-light-custom:hover {
background: #ffffff !important;
color: #1E233E !important;
transform: translateY(-4px) !important;
box-shadow: 0 12px 30px rgba(255, 255, 255, 0.4) !important;
}
.hero-stats { .hero-stats {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -267,31 +321,33 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.18); border: 1px solid rgba(255, 255, 255, 0.22);
backdrop-filter: blur(12px); backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(14px);
border-radius: 999px; border-radius: 999px;
padding: 10px 20px; padding: 11px 22px;
color: #fff; color: #fff;
transition: transform 0.3s ease, background-color 0.3s ease; transition: transform 0.3s ease, background-color 0.3s ease;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
} }
.hero-stat-pill:hover { .hero-stat-pill:hover {
transform: translateY(-3px); transform: translateY(-4px);
background: rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 234, 133, 0.4);
} }
.hero-stat-pill strong { .hero-stat-pill strong {
font-size: 17px; font-size: 18px;
font-weight: 800; font-weight: 800;
line-height: 1; line-height: 1;
font-variant-numeric: tabular-nums; color: #FFEA85;
} }
.hero-stat-pill span { .hero-stat-pill span {
font-size: 12px; font-size: 12px;
color: rgba(255, 255, 255, 0.78); color: rgba(255, 255, 255, 0.88);
display: block; display: block;
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }
@ -831,12 +887,12 @@ body {
</div> </div>
<div class="container h-100"> <div class="container h-100">
<div class="hero-content text-center animate-on-scroll animated fade-up-init"> <div class="hero-content text-center animate-on-scroll animated fade-up-init">
<span class="hero-badge"><i class="fa-solid fa-award"></i> Accredited Automotive Engineering Institute</span> <span class="hero-badge"><i class="fa-solid fa-award me-1 text-warning"></i> Accredited Automotive Engineering Institute</span>
<h1 class="display-4">Automobile Engineering Academy</h1> <h1 class="display-4 fw-extrabold text-white">Automobile Engineering Academy</h1>
<p class="mb-4">Driving Innovation Through Education, Research &amp; Technology</p> <p class="mb-4 text-white-90 fs-5">Driving Innovation Through Education, Research &amp; Technology</p>
<div class="d-flex flex-wrap justify-content-center gap-3"> <div class="d-flex flex-wrap justify-content-center gap-3">
<a href="{{ Route::has('apply') ? route('apply') : '#' }}" class="btn btn-theme" style="background: #822424; border: 2px solid #FFF;"> <a href="{{ Route::has('apply') ? route('apply') : '#' }}" class="btn btn-theme">
<i class="fa-solid fa-user-plus me-2"></i>Apply Now <i class="fa-solid fa-user-plus me-2"></i>Apply Now
</a> </a>
<a href="/courses" class="btn btn-outline-theme"> <a href="/courses" class="btn btn-outline-theme">