Nearle/nearle_web_nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove unused files

Browse Source
This commit is contained in:
Aravind
2026-06-22 12:50:18 +05:30
parent fe15137a97
commit bbbc6cb067
118 changed files with 2899 additions and 64223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
src/app/globals.css
View File

@@ -330,21 +330,20 @@ body {
@media (min-width: 768px) {
.hero {
position: relative;
min-height: 760px;
overflow: visible;
background: #ffffff;
min-height: 785px;
overflow: hidden;
background:
radial-gradient(circle at 62% 48%, rgba(108, 14, 128, 0.7), transparent 36%),
radial-gradient(circle at 25% 38%, rgba(55, 0, 74, 0.62), transparent 34%),
linear-gradient(135deg, #09000e 0%, #17001f 42%, #2c0038 70%, #0b0010 100%);
}
.hero-dark-panel {
position: absolute;
inset: 0;
width: 100%;
background:
radial-gradient(circle at 62% 48%, rgba(108, 14, 128, 0.7), transparent 36%),
radial-gradient(circle at 25% 38%, rgba(55, 0, 74, 0.62), transparent 34%),
linear-gradient(135deg, #09000e 0%, #17001f 42%, #2c0038 70%, #0b0010 100%);
clip-path: polygon(0 0, 94% 0, 56% 100%, 0 100%);
overflow: hidden;
z-index: 0;
}
.hero-dark-panel::after {
@@ -359,20 +358,42 @@ body {
z-index: 2;
}
.hero-bike {
.hero-visual-layer {
position: absolute;
z-index: 3;
width: clamp(560px, 44vw, 760px);
aspect-ratio: 1080 / 867;
right: clamp(40px, 5vw, 100px);
bottom: 70px;
z-index: 2;
top: 0;
right: 0;
bottom: 110px;
width: min(50vw, 820px);
pointer-events: none;
filter: none;
overflow: hidden;
animation: hero-bike-enter 900ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
.hero-bike img {
.hero-visual-panel {
position: absolute;
inset: 0;
background: #ffffff;
clip-path: polygon(42% 0, 100% 0, 100% 100%, 0 100%);
z-index: 0;
}
.hero-visual-image {
position: absolute;
z-index: 1;
right: clamp(48px, 5vw, 96px);
bottom: clamp(26px, 4vw, 60px);
width: min(78%, 600px);
max-width: 600px;
max-height: calc(100% - 80px);
aspect-ratio: 455 / 374;
transform-origin: center;
}
.hero-visual-image img {
animation: hero-bike-float 5.5s ease-in-out 900ms infinite;
object-fit: contain;
}
.hero-map-layer {
@@ -394,7 +415,7 @@ body {
.hero-content {
position: relative;
z-index: 4;
z-index: 3;
width: min(610px, 48vw);
padding-top: 94px;
animation: hero-copy-enter 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
@@ -407,8 +428,12 @@ body {
}
.hero-cards {
position: relative;
z-index: 5;
transform: translateY(-50%);
padding-left: clamp(72px, 7.5vw, 150px);
padding-right: clamp(72px, 7.5vw, 150px);
margin-bottom: -45px;
}
}
@@ -417,15 +442,15 @@ body {
min-height: 720px;
}
.hero-dark-panel {
width: 82%;
clip-path: polygon(0 0, 100% 0, 58% 100%, 0 100%);
.hero-visual-layer {
width: min(52vw, 560px);
bottom: 128px;
}
.hero-bike {
width: 500px;
right: -72px;
bottom: 86px;
.hero-visual-image {
right: -8px;
bottom: 52px;
width: min(86%, 460px);
opacity: 0.92;
}
@@ -438,8 +463,8 @@ body {
.hero {
position: relative;
background: #120018;
padding-bottom: 120px;
overflow: visible;
padding-bottom: 48px;
overflow: hidden;
}
.hero-dark-panel {
@@ -472,16 +497,49 @@ body {
width: 100%;
padding-top: 60px;
padding-bottom: 24px;
padding-left: var(--spacing-margin-mobile);
padding-right: var(--spacing-margin-mobile);
}
.hero-bike {
.hero-visual-layer {
position: relative;
z-index: 5;
z-index: 2;
width: 95%;
max-width: 450px;
aspect-ratio: 1080 / 867;
margin: 20px auto 0 auto;
pointer-events: none;
filter: none; /* No filter tint */
filter: none;
overflow: hidden;
}
.hero-visual-panel {
position: absolute;
inset: 0;
background: #ffffff;
clip-path: polygon(44% 0, 100% 0, 100% 100%, 14% 100%);
z-index: 0;
}
.hero-visual-image {
position: absolute;
z-index: 1;
inset: 12% 6% 12% 20%;
max-width: 100%;
max-height: 100%;
transform-origin: center;
}
.hero-visual-image img {
object-fit: contain;
}
.hero-cards {
position: relative;
z-index: 20;
margin-top: 40px;
padding-left: var(--spacing-margin-mobile);
padding-right: var(--spacing-margin-mobile);
}
}