update home page

app/about/page.tsx

@@ -8,15 +8,18 @@ import { PartnerLogosSection } from "@/components/shared/PartnerLogosSection";
 import { TeamSection } from "@/components/aiero/about/TeamSection";
 
 export const metadata = {
-  title: "About us - Aiero",
+  title: "About us - tenext",
 };
 
 export default function AboutPage() {
   return (
     <>
       <Navbar />
-      <main className="min-h-screen bg-aiero-dark">
-        <PageTitleBanner title="About us" breadcrumbs={[{ label: "About us" }]} />
+      <main className="min-h-screen bg-tenext-dark">
+        <PageTitleBanner
+          title="About us"
+          breadcrumbs={[{ label: "About us" }]}
+        />
         <AboutIntroSection />
         <MarqueeStrip text="/ Neural Networks in shaping the future of technology." />
         <MissionSection />

app/contacts/page.tsx

@@ -4,15 +4,18 @@ import { ContactFormSection } from "@/components/shared/ContactFormSection";
 import { MapSection } from "@/components/aiero/contacts/MapSection";
 
 export const metadata = {
-  title: "Contacts - Aiero",
+  title: "Contacts - tenext",
 };
 
 export default function ContactsPage() {
   return (
     <>
       <Navbar />
-      <main className="min-h-screen bg-aiero-dark">
-        <PageTitleBanner title="Contacts" breadcrumbs={[{ label: "Contacts" }]} />
+      <main className="min-h-screen bg-tenext-dark">
+        <PageTitleBanner
+          title="Contacts"
+          breadcrumbs={[{ label: "Contacts" }]}
+        />
         <ContactFormSection />
         <MapSection />
       </main>

app/globals.css

@@ -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;

app/layout.tsx

@@ -22,9 +22,9 @@ const dmSans = DM_Sans({
 });
 
 export const metadata: Metadata = {
-  title: "Home 9 – Aiero",
+  title: "Home 9 – tenext",
   description:
-    "Revolutionizing businesses with cutting-edge AI solutions and groundbreaking innovation. Aiero – AI agency committed to transforming businesses.",
+    "Revolutionizing businesses with cutting-edge AI solutions and groundbreaking innovation. tenext – AI agency committed to transforming businesses.",
 };
 
 export default function RootLayout({

app/page.tsx

@@ -30,7 +30,7 @@ export default function Home() {
         className="relative z-[15] mt-[40px] mb-[-90px] px-[20px] pb-[40px]"
         style={{ transform: "rotate(-2.07deg)" }}
       >
-        <div className="h-[130px] w-full rounded-[20px] bg-aiero-dark" />
+        <div className="h-[130px] w-full rounded-[20px] bg-tenext-dark" />
       </section>
       <WOWSection />
       <FeaturesSection />

app/services/page.tsx

@@ -10,15 +10,18 @@ import { TestimonialsSection } from "@/components/aiero/services/TestimonialsSec
 import { PricingSection } from "@/components/aiero/services/PricingSection";
 
 export const metadata = {
-  title: "Services - Aiero",
+  title: "Services - tenext",
 };
 
 export default function ServicesPage() {
   return (
     <>
       <Navbar />
-      <main className="min-h-screen bg-aiero-dark">
-        <PageTitleBanner title="Services Page" breadcrumbs={[{ label: "Services Page" }]} />
+      <main className="min-h-screen bg-tenext-dark">
+        <PageTitleBanner
+          title="Services Page"
+          breadcrumbs={[{ label: "Services Page" }]}
+        />
         <ServiceCardsGrid />
         <MarqueeStrip text="/ Neural Networks in shaping the future of technology." />
         <ServiceFeaturesSection />