Aravind/tenext-next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update home page

Browse Source
This commit is contained in:
Aravind
2026-07-30 12:58:31 +05:30
parent 9768eabe4d
commit af8a9d5de1
80 changed files with 46814 additions and 1535 deletions
Download Patch File Download Diff File Expand all files Collapse all files

152
app/globals.css
View File

@@ -1,21 +1,22 @@
@import "tailwindcss";
:root {
/* ── Aiero color tokens (extracted from source) ── */
--aiero-bg-dark: #1F1F1F;
--aiero-bg-card-dark: #282828;
--aiero-bg-card-border: #3F3F3F;
--aiero-accent-teal: #45D0BD;
--aiero-accent-blue: #44B6E9;
--aiero-accent-red: #EF6464;
--aiero-accent-red-hover: #F57E7E;
--aiero-purple-start: #8258C8;
--aiero-purple-mid: #6766C8;
--aiero-purple-end: #2C84C8;
--aiero-card-purple: #343F78;
--aiero-card-purple-2: #56619E;
--aiero-card-lavender: #AC8DE0;
--aiero-text-muted: #87899B;
/* ── tenext color tokens (extracted from source) ── */
--tenext-bg-dark: #1f1f1f;
--tenext-bg-card-dark: #282828;
--tenext-bg-card-border: #3f3f3f;
--tenext-accent-teal: #45d0bd;
--tenext-accent-blue: #44b6e9;
--tenext-accent-red: #ef6464;
--tenext-accent-red-hover: #f57e7e;
--tenext-purple-start: #8258c8;
--tenext-purple-mid: #6766c8;
--tenext-purple-end: #2c84c8;
--tenext-card-purple: #343f78;
--tenext-card-purple-2: #56619e;
--tenext-card-lavender: #ac8de0;
--tenext-text-muted: #87899b;
--tenext-surface-muted: #ecf0f4;
/* button gradient angles */
--button-border-gradient-angle: 92deg;
@@ -25,21 +26,22 @@
@theme inline {
--color-background: #ffffff;
--color-foreground: #1F1F1F;
--color-aiero-dark: #1F1F1F;
--color-aiero-card-dark: #282828;
--color-aiero-card-border: #3F3F3F;
--color-aiero-teal: #45D0BD;
--color-aiero-blue: #44B6E9;
--color-aiero-red: #EF6464;
--color-aiero-red-hover: #F57E7E;
--color-aiero-purple-start: #8258C8;
--color-aiero-purple-mid: #6766C8;
--color-aiero-purple-end: #2C84C8;
--color-aiero-card-purple: #343F78;
--color-aiero-card-purple-2: #56619E;
--color-aiero-card-lavender: #AC8DE0;
--color-aiero-text-muted: #87899B;
--color-foreground: #1f1f1f;
--color-tenext-dark: #1f1f1f;
--color-tenext-card-dark: #282828;
--color-tenext-card-border: #3f3f3f;
--color-tenext-teal: #45d0bd;
--color-tenext-blue: #44b6e9;
--color-tenext-red: #ef6464;
--color-tenext-red-hover: #f57e7e;
--color-tenext-purple-start: #8258c8;
--color-tenext-purple-mid: #6766c8;
--color-tenext-purple-end: #2c84c8;
--color-tenext-card-purple: #343f78;
--color-tenext-card-purple-2: #56619e;
--color-tenext-card-lavender: #ac8de0;
--color-tenext-text-muted: #87899b;
--color-tenext-surface-muted: #ecf0f4;
--font-sans: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
--font-sora: var(--font-sora), sans-serif;
@@ -62,7 +64,7 @@ body {
min-height: 100vh;
overflow-x: hidden;
background: #ffffff;
color: #1F1F1F;
color: #1f1f1f;
font-family: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
font-size: 16px;
line-height: 1.6;
@@ -73,8 +75,8 @@ button {
-webkit-tap-highlight-color: transparent;
}
/* ── Aiero button base ── */
.aiero-button {
/* ── tenext button base ── */
.tenext-button {
display: inline-flex;
align-items: center;
gap: 8px;
@@ -87,7 +89,7 @@ button {
white-space: nowrap;
}
.aiero-button .button-inner {
.tenext-button .button-inner {
position: absolute;
inset: 0;
border-radius: inherit;
@@ -95,20 +97,20 @@ button {
}
/* Solid variant */
.aiero-button-solid {
.tenext-button-solid {
border-style: solid;
border-width: 1px;
}
/* Gradient border variant */
.aiero-button-gradient-border {
.tenext-button-gradient-border {
background: transparent;
border: none;
position: relative;
z-index: 0;
}
.aiero-button-gradient-border::after {
.tenext-button-gradient-border::after {
content: "";
position: absolute;
inset: 0;
@@ -116,17 +118,19 @@ button {
padding: 1.5px;
background: linear-gradient(
var(--button-border-gradient-angle),
var(--aiero-accent-teal) var(--button-gradient-colorstop-1),
var(--aiero-accent-blue) var(--button-gradient-colorstop-2)
var(--tenext-accent-teal) var(--button-gradient-colorstop-1),
var(--tenext-accent-blue) var(--button-gradient-colorstop-2)
);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: -1;
}
.aiero-button-gradient-border .button-inner::before {
.tenext-button-gradient-border .button-inner::before {
content: "";
position: absolute;
inset: 0;
@@ -135,40 +139,40 @@ button {
transition: all 0.3s ease;
}
.aiero-button-gradient-border .button-inner::after {
.tenext-button-gradient-border .button-inner::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(
var(--button-border-gradient-angle),
var(--aiero-accent-teal) var(--button-gradient-colorstop-1),
var(--aiero-accent-blue) var(--button-gradient-colorstop-2)
var(--tenext-accent-teal) var(--button-gradient-colorstop-1),
var(--tenext-accent-blue) var(--button-gradient-colorstop-2)
);
opacity: 0;
transition: opacity 0.3s ease;
}
.aiero-button-gradient-border:hover .button-inner::after {
.tenext-button-gradient-border:hover .button-inner::after {
opacity: 1;
}
.aiero-button-gradient-border:hover {
.tenext-button-gradient-border:hover {
color: #333333;
}
/* Gradient fill variant */
.aiero-button-gradient-fill {
.tenext-button-gradient-fill {
background: linear-gradient(
var(--button-border-gradient-angle),
var(--aiero-accent-teal) var(--button-gradient-colorstop-1),
var(--aiero-accent-blue) var(--button-gradient-colorstop-2)
var(--tenext-accent-teal) var(--button-gradient-colorstop-1),
var(--tenext-accent-blue) var(--button-gradient-colorstop-2)
);
border: none;
color: #ffffff;
}
.aiero-button-gradient-fill::after {
.tenext-button-gradient-fill::after {
content: "";
position: absolute;
inset: 0;
@@ -176,10 +180,12 @@ button {
padding: 1.5px;
background: linear-gradient(
var(--button-border-gradient-angle),
var(--aiero-accent-teal) var(--button-gradient-colorstop-1),
var(--aiero-accent-blue) var(--button-gradient-colorstop-2)
var(--tenext-accent-teal) var(--button-gradient-colorstop-1),
var(--tenext-accent-blue) var(--button-gradient-colorstop-2)
);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
@@ -188,7 +194,7 @@ button {
/* ── Gradient text ── */
.gradient-text-purple {
background: linear-gradient(103deg, #8258C8 0%, #2C84C8 100%);
background: linear-gradient(103deg, #8258c8 0%, #2c84c8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
@@ -235,7 +241,7 @@ button {
}
}
/* ── Aiero heading animation ── */
/* ── tenext heading animation ── */
@keyframes headingReveal {
from {
opacity: 0;
@@ -277,14 +283,20 @@ button {
@keyframes heroBgFloat {
0%,
100% {
transform: translate3d(var(--hero-parallax-x, 0), var(--hero-parallax-y, 0), 0) scale(1.02);
transform: translate3d(
var(--hero-parallax-x, 0),
var(--hero-parallax-y, 0),
0
)
scale(1.02);
}
50% {
transform: translate3d(
calc(var(--hero-parallax-x, 0px) + 2px),
calc(var(--hero-parallax-y, 0px) - 3px),
0
) scale(1.025);
calc(var(--hero-parallax-x, 0px) + 2px),
calc(var(--hero-parallax-y, 0px) - 3px),
0
)
scale(1.025);
}
}
@@ -320,7 +332,9 @@ button {
.nav-link-swap > .text-active {
display: inline-block;
transition: opacity 0.3s ease, transform 0.3s ease;
transition:
opacity 0.3s ease,
transform 0.3s ease;
}
.nav-link-swap > span:not(.text-active) {
@@ -329,7 +343,9 @@ button {
top: 14px;
opacity: 0;
transform: translateY(150%);
transition: opacity 0.3s ease, transform 0.3s ease;
transition:
opacity 0.3s ease,
transform 0.3s ease;
}
.nav-link-swap:hover > .text-active {
@@ -386,16 +402,18 @@ button {
transform: translateY(0);
}
.aiero-card {
.tenext-card {
transition:
transform 0.32s ease,
box-shadow 0.32s ease,
border-color 0.32s ease;
}
.aiero-card:hover {
.tenext-card:hover {
transform: translateY(-4px);
box-shadow: 0 22px 55px rgba(31, 31, 31, 0.16), 0 0 0 1px rgba(69, 208, 189, 0.22);
box-shadow:
0 22px 55px rgba(31, 31, 31, 0.16),
0 0 0 1px rgba(69, 208, 189, 0.22);
}
/* ── Scroll down button decoration ── */
@@ -427,7 +445,7 @@ button {
}
/* ── Subheading tag ── */
.aiero-subheading {
.tenext-subheading {
display: inline-flex;
align-items: center;
gap: 10px;
@@ -440,7 +458,7 @@ button {
position: relative;
}
.aiero-subheading::before {
.tenext-subheading::before {
content: "";
width: 30px;
height: 1px;