update the layout

2026-07-30 20:34:44 +05:30
parent af8a9d5de1
commit 1e3f225bed
15 changed files with 533 additions and 141 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -22,9 +22,9 @@ const dmSans = DM_Sans({
 });

 export const metadata: Metadata = {
-  title: "Home 9 – tenext",
+  title: "Tenext Technologies — Enterprise Digital Transformation, Cloud, Data & AI",
  description:
-    "Revolutionizing businesses with cutting-edge AI solutions and groundbreaking innovation. tenext – AI agency committed to transforming businesses.",
+    "Tenext Technologies helps enterprises transform with cloud, data, AI, and product engineering — delivering predictable outcomes, lower total cost of ownership, and accelerated time to value.",
 };

 export default function RootLayout({
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -25,7 +25,7 @@ export default function Home() {
      <CardsGrid />
      <PossibilitiesSection />
      <TinkerSection />
-      <MarqueeStrip text="/ Join ChatGPT in shaping the future of technology for whole world." />
+      <MarqueeStrip text="/ Building the digital backbone for enterprises across industries." />
      <section
        className="relative z-[15] mt-[40px] mb-[-90px] px-[20px] pb-[40px]"
        style={{ transform: "rotate(-2.07deg)" }}
--- a/components/aiero/BenefitsGridSection.tsx
+++ b/components/aiero/BenefitsGridSection.tsx
@@ -8,16 +8,16 @@ export function BenefitsGridSection() {
          {/* Card 1 */}
          <div className="flex flex-col gap-[20px] rounded-[25px] border border-tenext-card-border p-[40px] transition-transform duration-300 hover:-translate-y-2">
            <h4 className="text-[22px] font-bold leading-[1.3] text-tenext-dark font-[var(--font-sora)]">
-              AI-Powered Marketing & Personalization
+              Predictable outcomes from your IT investments
            </h4>
            <ul className="flex flex-col gap-[15px] mt-[10px]">
              <li className="flex items-start gap-[10px] text-[16px] text-tenext-text-muted">
                <span className="mt-[5px] h-[6px] w-[6px] rounded-full bg-tenext-accent-teal shrink-0"></span>
-                Hyper-personalized recommendations
+                Lowest total cost of ownership
              </li>
              <li className="flex items-start gap-[10px] text-[16px] text-tenext-text-muted">
                <span className="mt-[5px] h-[6px] w-[6px] rounded-full bg-tenext-accent-teal shrink-0"></span>
-                AI-driven ad targeting & optimization
+                Accelerated time to value
              </li>
            </ul>
          </div>
@@ -25,11 +25,11 @@ export function BenefitsGridSection() {
          {/* Card 2 */}
          <div className="flex flex-col gap-[20px] rounded-[25px] border border-tenext-card-border p-[40px] transition-transform duration-300 hover:-translate-y-2">
            <h4 className="text-[22px] font-bold leading-[1.3] text-tenext-dark font-[var(--font-sora)]">
-              Seamless AI integration for your business success
+              Built to fit your existing business processes
            </h4>
            <p className="text-[16px] leading-[1.6] text-tenext-text-muted mt-[10px]">
-              Seamless integration with existing systems and platforms &
-              Scalable and flexible architecture
+              Seamless integration with existing systems and platforms, on a
+              scalable and flexible architecture engineered for the long term.
            </p>
          </div>

--- a/components/aiero/CardsGrid.tsx
+++ b/components/aiero/CardsGrid.tsx
@@ -48,16 +48,16 @@ export function CardsGrid() {

            <div className="relative z-10 flex gap-[6px]">
              <span className="rounded-[15px] border border-white px-[20px] py-[5px] text-[12px] text-white transition-colors hover:border-tenext-teal hover:text-tenext-teal">
-                Solutions
+                Engineering
              </span>
              <span className="rounded-[15px] border border-white px-[20px] py-[5px] text-[12px] text-white transition-colors hover:border-tenext-teal hover:text-tenext-teal">
-                Plugins
+                Cloud
              </span>
            </div>

            <div className="relative z-10 mt-[66px] max-w-[460px] lg:mt-[110px]">
              <CardHeading
-                title="Transform customer support with intelligent AI chatbots for seamless and effortless service"
+                title="Build and modernize digital products with full-stack engineering expertise"
                titleClassName="text-white"
                wrapperClassName="mb-0"
              />
@@ -93,14 +93,14 @@ export function CardsGrid() {
              </div>

              <CardHeading
-                title="All-in-One AI solutions dashboard for smarter business insights & innovation."
+                title="Unified cloud and data platforms for smarter enterprise decisions."
                titleClassName="text-white"
                wrapperClassName="mb-[18px]"
              />

              <p className="max-w-[448px] text-[16px] leading-[1.85] text-white">
-                Explore our comprehensive AI solutions dashboard designed to
-                provide actionable business insights and drive innovation
+                Consolidate data across systems with secure, scalable platforms
+                that turn day-to-day operations into actionable insight.
              </p>
            </div>

@@ -116,7 +116,7 @@ export function CardsGrid() {
              <a
                href="#"
                className="absolute inset-0 z-20"
-                aria-label="Happy clients"
+                aria-label="Digital transactions processed daily"
              />
              <div className="relative z-10 flex flex-col items-start">
                <div>
@@ -133,7 +133,7 @@ export function CardsGrid() {
                </div>
                <div className="mt-[4px]">
                  <h4 className="font-[var(--font-manrope)] text-[16px] font-medium leading-[20px] text-white">
-                    Happy clients
+                    Digital transactions processed daily
                  </h4>
                </div>
              </div>
@@ -145,7 +145,7 @@ export function CardsGrid() {

              <div className="relative z-10 mb-[26px]">
                <CardHeading
-                  title="Unlock your full potential with effortless OpenAI integration solutions"
+                  title="Apply AI and data science to automate and augment your operations"
                  titleClassName="text-white max-w-[80%]"
                  wrapperClassName="mb-0"
                />
--- a/components/aiero/FeaturesSection.tsx
+++ b/components/aiero/FeaturesSection.tsx
@@ -17,7 +17,7 @@ export function FeaturesSection() {
              lineHeight: 1.1,
            }}
          >
-            AI Solutions that drive success
+            Engineered for outcomes, built for scale
          </h2>
        </div>

@@ -33,7 +33,7 @@ export function FeaturesSection() {

            <div className="relative z-10 mt-auto">
              <CardHeading
-                title="Integrate our API to uncover deep insights"
+                title="Integrate data across your enterprise to uncover deep insight"
                titleClassName="text-white"
              />

@@ -80,9 +80,9 @@ export function FeaturesSection() {
                titleClassName="text-white"
              />
              <p className="text-[16px] text-tenext-text-muted">
-                Cobra opaleye gray reef shark bluntnose minnow. Triggerfish
-                bango guppy opah sunfish bluntnose knifefish upside-down
-                catfish.
+                Enterprise-grade security and governance built into every
+                engagement — from secure architecture and access controls to
+                compliance-ready data handling.
              </p>
            </div>

@@ -111,7 +111,7 @@ export function FeaturesSection() {
                  target={98}
                  suffix="%"
                  numberClassName="text-[60px] font-bold leading-none font-[var(--font-manrope)] text-white"
-                  title="Accuracy rate"
+                  title="Client retention"
                  titleClassName="font-[var(--font-sora)] text-[11px] font-semibold tracking-[0.18em] uppercase text-tenext-text-muted mt-2"
                />
                <Counter
--- a/components/aiero/HeroSection.tsx
+++ b/components/aiero/HeroSection.tsx
@@ -32,8 +32,7 @@ export function HeroSection() {
                lineHeight: 1.06,
              }}
            >
-              Revolutionizing businesses with cutting-edge AI solutions and
-              groundbreaking innovation
+              Engineering predictable outcomes from your digital investments
            </h1>

            {/* Subtitle */}
@@ -42,9 +41,9 @@ export function HeroSection() {
              style={{ animationDelay: "760ms" }}
            >
              <p className="text-[16px] font-semibold leading-[1.9] text-white">
-                Mummichog paradise fish! Triggerfish bango guppy opah sunfish
-                bluntnose knifefish upside-down catfish cobia spookfish convict
-                cichlid.
+                Tenext helps enterprises transform with cloud, data, AI, and
+                product engineering — built to lower total cost of ownership and
+                accelerate time to value.
              </p>
            </div>

@@ -54,13 +53,11 @@ export function HeroSection() {
              style={{ animationDelay: "940ms" }}
            >
              <a
-                href="#"
-                target="_blank"
-                rel="noopener noreferrer"
+                href="/contacts"
                className="tenext-button tenext-button-solid inline-flex items-center gap-2 rounded-[25px] border border-tenext-red bg-tenext-red px-[30px] py-[14px] text-[16px] text-white transition-all hover:-translate-y-0.5 hover:border-tenext-red-hover hover:bg-tenext-red-hover hover:shadow-[0_15px_30px_rgba(239,100,100,0.28)]"
                style={{ minWidth: "216px", fontFamily: "var(--font-sora)" }}
              >
-                Discover
+                Talk to an expert
                <svg width="10" height="10" viewBox="0 0 12 12" fill="none">
                  <path
                    d="M1 11L11 1M11 1H3M11 1V9"
--- a/components/aiero/HowItWorksSection.tsx
+++ b/components/aiero/HowItWorksSection.tsx
@@ -5,27 +5,27 @@ export function HowItWorksSection() {
  const steps = [
    {
      number: "01",
-      title: "Neurons and Layers",
+      title: "Discover & Diagnose",
      description:
-        "A neural network consists of interconnected nodes called neurons. Neurons are organized into layers.",
+        "We assess your systems, processes, and goals to identify where technology can deliver the highest business value.",
    },
    {
      number: "02",
-      title: "Activation Function",
+      title: "Design",
      description:
-        "Each neuron applies an activation function to the weighted sum of its inputs and produces an output",
+        "We architect a focused solution that fits your existing landscape, balancing cost, scale, and time to value.",
    },
    {
      number: "03",
-      title: "Feedforward Process",
+      title: "Build & Integrate",
      description:
-        "The inputs are multiplied by their respective weights, summed up, and passed through the activation function.",
+        "Our engineering teams build, integrate, and test — connecting new capabilities to the systems you already run.",
    },
    {
      number: "04",
-      title: "Backpropagation",
+      title: "Deploy & Optimize",
      description:
-        "The inputs are multiplied by their respective weights, summed up, and passed through the activation function.",
+        "We deploy with confidence and keep improving through monitoring, support, and continuous optimization.",
    },
  ];

@@ -35,7 +35,7 @@ export function HowItWorksSection() {
        <div className="flex flex-col md:flex-row md:items-end justify-between gap-[30px] mb-[60px]">
          <SectionHeading
            tag="how it works"
-            title="Neural networks are a fundamental component of Artificial Intelligence (AI) systems"
+            title="A transparent path from idea to measurable impact"
            titleClassName="max-w-[700px] text-tenext-dark"
          />
          <div className="flex gap-[15px]">
--- a/components/aiero/MetricsSection.tsx
+++ b/components/aiero/MetricsSection.tsx
@@ -8,34 +8,34 @@ export function MetricsSection() {
          {/* Left Metric */}
          <div className="flex flex-col gap-[20px]">
            <Counter
-              target={125}
-              suffix="k"
+              target={250}
+              suffix="+"
              numberClassName="text-[60px] md:text-[80px] font-bold leading-none text-transparent gradient-text-purple font-[var(--font-sora)]"
              title=""
            />
            <h3 className="text-[28px] font-bold leading-[1.3] text-tenext-dark font-[var(--font-sora)]">
-              Happy & satisfied customers
+              Projects delivered
            </h3>
            <p className="text-[16px] leading-[1.8] text-tenext-text-muted mt-[10px]">
-              Achieved a 95% customer satisfaction rate across all AI solutions.
+              Across retail, financial services, healthcare, manufacturing, and
+              education.
            </p>
          </div>

          {/* Right Metric */}
          <div className="flex flex-col gap-[20px]">
            <Counter
-              prefix="$"
-              target={150}
-              suffix="b"
+              target={15}
+              suffix="+"
              numberClassName="text-[60px] md:text-[80px] font-bold leading-none text-transparent gradient-text-purple font-[var(--font-sora)]"
              title=""
            />
            <h3 className="text-[28px] font-bold leading-[1.3] text-tenext-dark font-[var(--font-sora)]">
-              Earns with our tenext product
+              Years engineering digital products
            </h3>
            <p className="text-[16px] leading-[1.8] text-tenext-text-muted mt-[10px]">
-              Delivered over $150 billion in cost savings for clients through
-              optimized AI solutions.
+              Helping enterprises modernize and scale with measurable business
+              outcomes.
            </p>
          </div>
        </div>
--- a/components/aiero/Navbar.tsx
+++ b/components/aiero/Navbar.tsx
@@ -38,7 +38,7 @@ export function Navbar() {

        {/* Logo */}
        <a
-          href="#"
+          href="/"
          className="navbar-reveal flex items-center"
          style={{ animationDelay: "120ms" }}
        >
@@ -150,11 +150,11 @@ export function Navbar() {
        </a>

        <a
-          href="#"
+          href="/contacts"
          className="tenext-button tenext-button-gradient-border min-w-[188px] justify-center rounded-full px-[24px] py-[21px] text-[16px] font-semibold leading-none text-white"
          style={{ fontFamily: "var(--font-sora)" }}
        >
-          Get in Touch
+          Talk to an expert
          <span className="button-inner" />
        </a>

--- a/components/aiero/PossibilitiesSection.tsx
+++ b/components/aiero/PossibilitiesSection.tsx
@@ -18,7 +18,7 @@ export function PossibilitiesSection() {
            className="tenext-subheading mb-[16px] text-tenext-dark uppercase tracking-[0.1em]"
            style={{ fontFamily: "var(--font-sora)" }}
          >
-            [ possibilities ]
+            [ what we do ]
          </span>

          <h2
@@ -30,15 +30,14 @@ export function PossibilitiesSection() {
              lineHeight: 1.1,
            }}
          >
-            Explore limitless possibilities with our intelligent solutions
+            Services that move the business, not just the technology
          </h2>

          <p className="mb-[40px] max-w-[480px] text-[16px] leading-[1.8] text-tenext-text-muted">
-            tenext is a leading AI agency committed to transforming businesses
-            through cutting-edge artificial intelligence solutions. We
-            specialize in delivering tailored AI strategies that drive
-            innovation, optimize processes, and unlock new opportunities for
-            growth.
+            Tenext Technologies partners with enterprises to engineer, migrate,
+            and scale digital platforms. We integrate solutions with your
+            existing systems and processes to deliver predictable outcomes,
+            lower total cost of ownership, and accelerate time to value.
          </p>

          <TenextButton
@@ -61,8 +60,8 @@ export function PossibilitiesSection() {
                backgroundClip: "text",
                WebkitBackgroundClip: "text",
              }}
-              title="AI Solutions for our clients"
-              titleClassName="font-[var(--font-manrope)] text-[16px] font-bold leading-[1.4] text-tenext-dark max-w-[120px]"
+              title="Engineering hours delivered for clients"
+              titleClassName="font-[var(--font-manrope)] text-[16px] font-bold leading-[1.4] text-tenext-dark max-w-[160px]"
              layout="row-reverse"
              gap="30px"
            />
@@ -73,29 +72,29 @@ export function PossibilitiesSection() {
        <div className="flex flex-col gap-[30px] lg:pl-[10%]">
          <IconBox
            icon={<OrbitIcon className="h-full w-full" />}
-            title="Cutting-edge technology"
-            description="Integrating neural network models into existing systems or software applications, enabling businesses to leverage AI capabilities seamlessly."
+            title="Technology Engineering"
+            description="Full-stack product engineering — architecture, development, and modernization of enterprise applications built to scale."
            hasBorder={true}
            theme="light"
          />
          <IconBox
            icon={<FanIcon className="h-full w-full" />}
-            title="Tailored solutions"
-            description="Integrating neural network models into existing systems or software applications, enabling businesses to leverage AI capabilities seamlessly."
+            title="Cloud & Enterprise Platforms"
+            description="Cloud migration, platform engineering, and DevOps that lower total cost of ownership and keep systems reliable."
            hasBorder={true}
            theme="light"
          />
          <IconBox
            icon={<CirclesIcon className="h-full w-full" />}
-            title="Training and workshops"
-            description="Custom design and development of neural network architectures tailored to specific business needs and objectives."
+            title="AI & Data Science"
+            description="Data platforms, analytics, and applied AI that turn enterprise data into automation and decision-ready insight."
            hasBorder={true}
            theme="light"
          />
          <IconBox
            icon={<ExpandIcon className="h-full w-full" />}
-            title="Modern development"
-            description="Building and training deep neural networks for tasks such as image recognition, natural language processing, speech recognition, and anomaly detection."
+            title="Digital Commerce & Mobility"
+            description="Commerce platforms and enterprise mobile applications that deliver seamless customer and workforce experiences."
            hasBorder={true}
            theme="light"
          />
--- a/components/aiero/TinkerSection.tsx
+++ b/components/aiero/TinkerSection.tsx
@@ -23,7 +23,7 @@ export function TinkerSection() {
          <div className="relative z-10 min-[576px]:ml-[-26vw]">
            <Image
              src="/images/tenext/Vector-13.png"
-              alt="Neural Network Visualization"
+              alt="Tenext technology stack"
              width={670}
              height={694}
              className="w-full h-auto max-w-[800px] object-contain"
@@ -43,11 +43,11 @@ export function TinkerSection() {
                lineHeight: 1.1,
              }}
            >
-              Tinker with a{" "}
+              Modern technology,{" "}
              <span className="gradient-text-purple">
-                Neural Network right here
+                integrated with the systems
              </span>{" "}
-              in your browser. Don't worry, you can't break it. We Promise.
+              you already run — cloud, data, IoT, DevOps, and blockchain.
            </h2>
          </div>

--- a/components/aiero/WOWSection.tsx
+++ b/components/aiero/WOWSection.tsx
@@ -25,13 +25,13 @@ export function WOWSection() {
                    lineHeight: 1.1,
                  }}
                >
-                  WOW! Meet the next evolution of neural networks
+                  Why enterprises choose Tenext
                </h2>
              </div>

              <img
                src="/images/tenext/home-9-img.png"
-                alt="Aiiero"
+                alt="Tenext"
                width={632}
                height={158}
                className="h-auto w-full max-w-[632px] object-contain"
@@ -41,18 +41,16 @@ export function WOWSection() {
            <div className="flex flex-col justify-between">
              <div className="max-w-[560px] text-white">
                <p className="text-[16px] font-bold leading-[1.7]">
-                  Artificial Intelligence refers to the development of computer
-                  systems that can perform tasks that would typically require
-                  human intelligence. It involves the creation of algorithms and
-                  models that enable machines to learn, reason, perceive, and
-                  make decisions.
+                  Tenext Technologies helps enterprises turn digital
+                  transformation into predictable business outcomes. We combine
+                  engineering depth with a diagnostic, outcome-first approach —
+                  so every investment maps to measurable value.
                </p>
                <p className="mt-[27px] text-[16px] font-medium leading-[1.7]">
-                  There are generally two types of AI: Narrow or Weak AI, which
-                  is designed to perform specific tasks, and General or Strong
-                  AI, which possesses human-level intelligence and can handle a
-                  wide range of tasks. AI strategies that drive innovation,
-                  optimize processes, and unlock new opportunities for growth.
+                  Our teams integrate solutions with your existing systems and
+                  processes, delivering the lowest total cost of ownership and
+                  accelerated time to value across cloud, data, AI, product
+                  engineering, and digital commerce.
                </p>
              </div>

--- a/data/navigation.ts
+++ b/data/navigation.ts
@@ -7,64 +7,66 @@ export interface NavItem {
 export const navigationData: NavItem[] = [
  {
    label: "Home",
-    href: "#",
-    children: [
-      { label: "Home 1", href: "#" },
-      { label: "Home 2", href: "#" },
-      { label: "Home 3", href: "#" },
-      { label: "Home 4", href: "#" },
-      { label: "Home 5", href: "#" },
-      { label: "Home 6", href: "#" },
-      { label: "Home 7", href: "#" },
-      { label: "Home 8", href: "#" },
-      { label: "Home 9", href: "#" },
-    ],
+    href: "/",
  },
  {
-    label: "Pages",
-    href: "#",
+    label: "About",
+    href: "/about",
    children: [
-      { label: "About Us", href: "/about" },
-      { label: "About Us 2", href: "#" },
-      { label: "Team", href: "#" },
-      { label: "Gallery Grid", href: "#" },
-      { label: "Gallery Masonry", href: "#" },
-      { label: "Pricing plans", href: "#" },
-      { label: "FAQ", href: "#" },
-      { label: "Typography", href: "#" },
-      { label: "404", href: "#" },
+      { label: "Company", href: "/about" },
+      { label: "Mission & Vision", href: "/about#mission" },
+      { label: "Leadership", href: "/about#team" },
+      { label: "Careers", href: "/careers" },
    ],
  },
  {
    label: "Services",
-    href: "#",
+    href: "/services",
    children: [
-      { label: "Services Page", href: "/services" },
-      { label: "Service Single", href: "#" },
+      { label: "Technology Engineering", href: "/services#technology-engineering" },
+      { label: "Cloud & Enterprise Platforms", href: "/services#cloud-enterprise-platforms" },
+      { label: "AI & Data Science", href: "/services#ai-data-science" },
+      { label: "Enterprise Mobility", href: "/services#enterprise-mobility" },
+      { label: "Digital Commerce", href: "/services#digital-commerce" },
    ],
  },
  {
-    label: "Shop",
-    href: "#",
+    label: "Solutions",
+    href: "/solutions",
    children: [
-      { label: "Products", href: "#" },
-      { label: "Single Product", href: "#" },
-      { label: "Shopping cart", href: "#" },
-      { label: "Checkout", href: "#" },
-      { label: "My account", href: "#" },
+      { label: "Digital Transformation", href: "/solutions#digital-transformation" },
+      { label: "Product Development", href: "/solutions#product-development" },
+      { label: "Internet of Things", href: "/solutions#iot" },
+      { label: "SMAC", href: "/solutions#smac" },
+      { label: "DevOps", href: "/solutions#devops" },
+      { label: "Blockchain", href: "/solutions#blockchain" },
    ],
  },
  {
-    label: "Blog",
-    href: "#",
+    label: "Industries",
+    href: "/industries",
    children: [
-      { label: "Blog Classic", href: "#" },
-      { label: "Blog Grid", href: "#" },
-      { label: "Blog Single", href: "#" },
+      { label: "Retail", href: "/industries#retail" },
+      { label: "Financial Services", href: "/industries#financial-services" },
+      { label: "Healthcare", href: "/industries#healthcare" },
+      { label: "Manufacturing", href: "/industries#manufacturing" },
+      { label: "Education", href: "/industries#education" },
    ],
  },
  {
-    label: "Contacts",
+    label: "Case Studies",
+    href: "/case-studies",
+  },
+  {
+    label: "Resources",
+    href: "/resources",
+  },
+  {
+    label: "Careers",
+    href: "/careers",
+  },
+  {
+    label: "Contact",
    href: "/contacts",
  },
 ];
--- a/data/site-config.ts
+++ b/data/site-config.ts
@@ -16,15 +16,15 @@ export interface FooterLink {

 export const siteConfig = {
  name: "tenext",
-  tagline: "AI Agency",
+  tagline: "Enterprise Digital Transformation",

  // Contact
-  phone: "+1 800 529 10 37",
-  phoneRaw: "+18005291037",
-  email: "tenext@mail.co",
+  phone: "+91 96294 15770",
+  phoneRaw: "+919629415770",
+  email: "info@tenext.in",
  address: {
-    line1: "USA, New York – 1060",
-    line2: "Str. First Avenue 1",
+    line1: "424 Redrose Towers, DB Road",
+    line2: "RS Puram, Coimbatore, India",
  },

  // Social
@@ -47,20 +47,20 @@ export const siteConfig = {
  footerLinks: {
    company: [
      { label: "About Us", href: "/about" },
-      { label: "Creative Team", href: "#" },
-      { label: "Pricing Plans", href: "#" },
-      { label: "FAQ", href: "#" },
+      { label: "Leadership", href: "/about#team" },
+      { label: "Careers", href: "/careers" },
+      { label: "Contact", href: "/contacts" },
    ] as FooterLink[],
    services: [
-      { label: "Services Page", href: "/services" },
-      { label: "AI Systems", href: "#" },
-      { label: "Deep Learning", href: "#" },
-      { label: "Neural Networks", href: "#" },
+      { label: "Cloud & Enterprise Platforms", href: "/services#cloud-enterprise-platforms" },
+      { label: "AI & Data Science", href: "/services#ai-data-science" },
+      { label: "Enterprise Mobility", href: "/services#enterprise-mobility" },
+      { label: "Digital Commerce", href: "/services#digital-commerce" },
    ] as FooterLink[],
  },

  // Legal
-  copyright: "©tenext 2025. All rights reserved.",
+  copyright: "©Tenext Technologies 2026. All rights reserved.",
  legalLinks: [
    { label: "Terms of use", href: "#" },
    { label: "Privacy Policy", href: "#" },
--- a/docs/BLUEPRINT.md
+++ b/docs/BLUEPRINT.md
@@ -0,0 +1,396 @@
+# Tenext Technologies — Website Strategic Blueprint
+
+**Reference (design/UX only):** Aiero *Home 9* — https://demo.artureanec.com/themes/aiero/home-9/
+**Content source of truth:** https://www.tenext.in/
+**Codebase:** Next.js 16 (App Router) · React 19 · Tailwind v4 (CSS-first) · token-driven design system · hand-rolled motion (no Framer Motion)
+
+> This is a **strategic adaptation**, not a redesign and not a content copy. We keep Aiero Home-9's premium editorial layout, motion restraint, and card architecture, and replace all copy/branding with Tenext's real enterprise-IT positioning. Every recommendation is tied to a file or token that already exists in this repo so the change propagates from a single source.
+
+---
+
+## Table of Contents
+
+1. [Executive Summary](#1-executive-summary)
+2. [Website Analysis](#2-website-analysis)
+3. [Design Comparison (section by section)](#3-design-comparison)
+4. [Content Mapping Table](#4-content-mapping-table)
+5. [Homepage Blueprint](#5-homepage-blueprint)
+6. [Navigation Structure](#6-navigation-structure)
+7. [Complete Sitemap](#7-complete-sitemap)
+8. [Content Strategy](#8-content-strategy)
+9. [Visual Style Guide](#9-visual-style-guide)
+10. [UX Recommendations](#10-ux-recommendations)
+11. [UI Component Inventory](#11-ui-component-inventory)
+12. [Design System](#12-design-system)
+13. [SEO Strategy](#13-seo-strategy)
+14. [Performance Recommendations](#14-performance-recommendations)
+15. [Implementation Roadmap](#15-implementation-roadmap)
+16. [Appendix A — Content Debt (leftover Aiero placeholders to replace)](#appendix-a--content-debt)
+
+---
+
+## 1. Executive Summary
+
+### Why Aiero Home-9 is a strong reference for Tenext
+Aiero Home-9 is an **editorial, card-driven, image-heavy** template built for a premium AI/technology brand. Its strengths map directly onto what an enterprise IT + AI consulting firm like Tenext needs:
+
+- A **hero that gives ~70% of the composition to visual/artwork and ~30% to a compact left-aligned message** — reads as confident and modern, not a busy SaaS dashboard.
+- **Magazine-style cards** with large radii (25px), generous spacing, and varied proportions — ideal for expressing a services/solutions portfolio without looking like a widget grid.
+- **Restrained motion** — fade-up on reveal, small hover lift, opacity transitions — which signals maturity and keeps performance high.
+- A **clear vertical storytelling rhythm**: hook → capability proof → deeper explanation → metrics → process → people → social proof → insights → conversion.
+
+### Design principles to preserve
+1. Hero visual dominance (70/30) and left-aligned compact CTA.
+2. The shared **design-token system** (`data/design-tokens.ts`) as the only place colors, spacing, radius, type, shadows, and motion are defined.
+3. Card architecture: large radii, editorial (non-uniform) proportions, consistent gaps.
+4. Motion restraint via `RevealOnView` + token-driven hover.
+5. Shared layout primitives (`PageContainer`, `SectionContainer`, `SectionHeading`) on every section.
+
+### What changes for Tenext
+- **All copy and taxonomy** move from Aiero's chatbot/neural-network narrative to Tenext's enterprise offering: Digital Transformation, Cloud & Enterprise Platforms, AI & Data Science, Enterprise Mobility, Digital Commerce; solutions across IoT, SMAC, DevOps, Blockchain; industries Retail, Financial Services, Healthcare, Manufacturing, Education.
+- **Information architecture deepens** — Aiero is a single marketing page plus theme demos; Tenext needs real Services/Solutions/Industries/Case-Studies/Careers structure.
+- **Trust signals become enterprise-grade** — outcome language ("predictable outcomes from IT investments," "lowest TCO," "accelerated time to value"), industries served, delivery process, and real credentials replace Aiero's playful ML demos.
+- **Aiero-only novelty sections are repurposed, not deleted**: the neural-network "Tinker" playground becomes a Technology/Capabilities showcase; the ML "How it works" steps become Tenext's engagement/delivery process.
+
+### Overall strategy
+Keep the skeleton, replace the organs. Reuse the existing component library and tokens; drive all changes through `data/*.ts`. Fill the four content-debt gaps (site-config, navigation, home marquee/novelty sections, metadata), then extend the IA with Solutions / Industries / Case-Studies pages built from the **same** shared components. Target **95%+ visual fidelity** to Aiero's *feel* while being 100% Tenext in substance.
+
+---
+
+## 2. Website Analysis
+
+### Similarities (why the adaptation is natural)
+- Both are technology/AI-forward brands selling **capability and outcomes**, not a single product.
+- Both benefit from **card-based service portfolios** and **metric-driven credibility**.
+- Both want a **premium, modern, minimal** aesthetic with strong typography.
+
+### Differences
+| Dimension | Aiero Home-9 | Tenext (tenext.in) |
+|---|---|---|
+| Nature | Marketing theme demo | Real enterprise IT + AI services company |
+| Offering | AI product/agency (chatbots, dashboards, NN demos) | Services + Solutions + Industries consulting |
+| Depth | One long page + theme demo pages | Needs multi-level IA (services → solution → industry → case study) |
+| Proof | Fictional stats, generic testimonials | Real outcomes, industries, TCO/time-to-value framing |
+| Audience | Startups / AI hobbyists | Enterprise decision-makers (CIO/CTO/VP Eng, LOB owners) |
+
+### Opportunities
+- Convert Aiero's decorative ML sections into **substance** (technology stack, delivery process, industry solutions).
+- Add **case studies** and **industry pages** — Tenext.in is thin here; this is the biggest storytelling upside.
+- Introduce **outcome-led metrics** (delivery, TCO, time-to-value) instead of vanity numbers.
+
+### Missing content / sections to create
+- **Case Studies / Work** (none in Aiero, none strong in Tenext) — critical enterprise trust builder.
+- **Industries** as first-class pages (Retail, Financial Services, Healthcare, Manufacturing, Education).
+- **Solutions** hub (Digital Transformation, Product Development, IoT, SMAC, DevOps, Blockchain).
+- **Careers** and **Resources/Insights** (blog exists structurally; needs real editorial).
+- **Real testimonials / client logos** to replace Aiero placeholders.
+
+### Better storytelling opportunities
+- Lead the hero with a **business-outcome promise**, not a technology boast.
+- Use the metrics band to state **delivery credibility** (projects, industries, retention) rather than fictional revenue.
+- Turn the process section into a **transparent engagement model** — a common enterprise buying concern.
+
+---
+
+## 3. Design Comparison
+
+For each major section: **Purpose · Layout · Components · Visual hierarchy · Why it works · Tenext adaptation**. Existing component is named in `code`.
+
+### Navbar — `components/aiero/Navbar.tsx` (data: `data/navigation.ts`)
+- **Purpose:** wayfinding + primary CTA. **Layout:** absolute overlay on hero, rounded pill container, left logo / center menu / right CTA. **Components:** logo, dropdown nav items, `AieroButton`. **Hierarchy:** logo → nav → "Get in touch" CTA. **Why it works:** floats over the hero art, minimal, premium.
+- **Tenext adaptation:** replace Aiero mega-menu (Home 1–9, Shop) with real IA (About, Services, Solutions, Industries, Case Studies, Resources, Careers, Contact). Keep CTA as **"Talk to an expert"**.
+
+### Hero — `components/aiero/HeroSection.tsx` + `HeroImageScene.tsx` (WebGL via `ogl`)
+- **Purpose:** hook + positioning. **Layout:** 70% artwork / 30% left content, `ScrollDown` indicator. **Components:** headline, subcopy, compact CTA cluster, `ScrollDown`. **Hierarchy:** big headline → one-line subcopy → 1–2 CTAs. **Why it works:** visual dominance signals confidence.
+- **Tenext adaptation:** outcome-led headline (see §5). Keep the WebGL scene but tune palette to Tenext brand; ensure it degrades gracefully and is `prefers-reduced-motion`-aware.
+
+### Feature Cards — `components/aiero/CardsGrid.tsx` (+ `shared/CardShared.tsx`, `IconBox`)
+- **Purpose:** at-a-glance capability proof. **Layout:** 3–4 icon cards. **Hierarchy:** icon → title → one line. **Why it works:** fast scannable value. **Tenext adaptation:** four pillars — *Engineering, Cloud, AI & Data, Digital Commerce* — each linking to its service page.
+
+### Services — `components/aiero/services/ServiceCardsGrid.tsx`, `ServiceFeaturesSection.tsx`
+- **Purpose:** portfolio depth. **Layout:** editorial card grid + feature list. **Tenext adaptation:** Technology Engineering, Digital Commerce, Enterprise Mobility, AI & Data Science, Cloud & Enterprise Platforms — each card → `/services/<slug>`.
+
+### Solutions *(new)* — reuse `CardsGrid` / `CardShared`
+- **Purpose:** map capabilities to business problems. **Tenext adaptation:** Digital Transformation, Product Development, IoT, SMAC, DevOps, Blockchain. Build `/solutions` from existing card components — no new layout system.
+
+### Industries *(new)* — reuse `CardsGrid` + a new `IndustryCard` variant
+- **Purpose:** relevance by vertical. **Tenext adaptation:** Retail, Financial Services, Healthcare, Manufacturing, Education. Card = image + industry + outcome line → `/industries/<slug>`.
+
+### About — `components/aiero/about/AboutIntroSection.tsx`, `MissionSection.tsx`
+- **Purpose:** credibility + values. **Layout:** intro + mission split. **Tenext adaptation:** Tenext story ("Experience the Digital Revolution"), mission, differentiators (predictable outcomes, lowest TCO, accelerated time to value).
+
+### Statistics — `components/aiero/MetricsSection.tsx` (+ `shared/Counter.tsx`)
+- **Purpose:** quantified trust. **Why it works:** animated counters add momentum. **Tenext adaptation:** replace fictional "$150b" with real, defensible numbers (projects delivered, industries served, years, retention). Keep `Counter`.
+
+### Process — `components/aiero/HowItWorksSection.tsx`
+- **Purpose:** de-risk the buy. **Tenext adaptation:** retire ML steps (Neurons/Activation) → **engagement model**: Discover → Design → Build → Deploy → Optimize (or Diagnostic → Focused Solution → Delivery → Support, echoing Tenext's "process diagnostic and improvement").
+
+### Technology *(repurposed from Tinker)* — `components/aiero/TinkerSection.tsx`
+- **Purpose:** show technical depth. **Tenext adaptation:** convert the neural-net playground into a **technology/capability showcase** (stack logos, SMAC/DevOps/Cloud/Blockchain, integration story). Keep the interactive/visual flavor, drop the ML demo semantics.
+
+### Testimonials — `components/aiero/services/TestimonialsSection.tsx`
+- **Purpose:** social proof. **Layout:** carousel + ratings. **Tenext adaptation:** real client quotes; if unavailable at launch, use outcome statements / logos and phase in named testimonials.
+
+### Blog / Insights — `components/aiero/BlogSection.tsx`
+- **Purpose:** thought leadership + SEO. **Tenext adaptation:** enterprise topics (digital transformation, cloud migration, data platforms, AI adoption). Cards → `/resources/<slug>`.
+
+### CTA — `components/shared/PreFooterCTA.tsx`
+- **Purpose:** conversion. **Layout:** full-width band, headline + dual buttons. **Tenext adaptation:** "Let's build your digital advantage" → **Talk to an expert / See our work**.
+
+### Footer — `components/shared/Footer.tsx` (data: `data/site-config.ts`)
+- **Purpose:** navigation + trust + legal. **Tenext adaptation:** replace placeholder columns/contact with real Tenext data (see Appendix A). Columns: Company, Services, Solutions, Industries, Resources; real Coimbatore address, phone, email, socials.
+
+---
+
+## 4. Content Mapping Table
+
+| Aiero Section | Purpose | Tenext Equivalent | Content Changes | Existing Component / Notes |
+|---|---|---|---|---|
+| Navbar (Home 1–9, Shop, Blog) | Wayfinding | Enterprise nav | New IA; drop Shop/Home-variants; real routes | `Navbar.tsx` / `data/navigation.ts` |
+| Hero ("Revolutionizing… AI") | Hook | Outcome-led hero | New headline/subcopy/CTA; tune WebGL palette | `HeroSection.tsx`, `HeroImageScene.tsx` |
+| Feature cards (chatbot, dashboard, OpenAI) | Capability glance | 4 capability pillars | Engineering / Cloud / AI & Data / Commerce | `CardsGrid.tsx`, `CardShared.tsx` |
+| Possibilities (4 service cards) | Core offering | Services overview | Tenext 5 services | `PossibilitiesSection.tsx` |
+| Tinker (neural net playground) | Novelty/interaction | **Technology showcase** | Stack/SMAC/Cloud; drop ML demo | `TinkerSection.tsx` (repurpose) |
+| Marquee ("Join ChatGPT…") | Rhythm/energy | Brand message strip | New enterprise line | `app/page.tsx:28` `MarqueeStrip` |
+| WOW / Features / Benefits | Deeper value | Why Tenext / differentiators | Predictable outcomes, TCO, time-to-value | `WOWSection.tsx`, `FeaturesSection.tsx`, `BenefitsGridSection.tsx` |
+| Statistics ("$150b", "95%") | Trust | Delivery metrics | Real, defensible numbers | `MetricsSection.tsx`, `Counter.tsx` |
+| How it works (NN steps) | Process | **Engagement model** | Discover→Design→Build→Deploy→Optimize | `HowItWorksSection.tsx` |
+| Team ("NN experts") | People | Leadership / team | Real roles; or phase in | `about/TeamSection.tsx` |
+| Testimonials | Social proof | Client outcomes | Real quotes/logos | `services/TestimonialsSection.tsx` |
+| Blog (NLP, "get started with AI") | Insights | Enterprise insights | DX/Cloud/Data/AI articles | `BlogSection.tsx` |
+| Partners (grayscale logos) | Credibility | Client/partner logos | Real logos | `shared/PartnerLogosSection.tsx` |
+| CTA ("Elevate your business") | Convert | Talk to an expert | New copy/buttons | `shared/PreFooterCTA.tsx` |
+| Footer (USA/NY, Air/Sea transport) | Nav/legal | Tenext footer | Real Coimbatore contact + link columns | `shared/Footer.tsx` / `data/site-config.ts` |
+| — (missing) | — | **Industries** | New vertical cards/pages | new `IndustryCard` + `CardsGrid` |
+| — (missing) | — | **Case Studies** | New work pages | new `CaseStudyCard` + `CardShared` |
+
+---
+
+## 5. Homepage Blueprint
+
+Section order mirrors the current `app/page.tsx`. For each: Purpose · Business objective · User objective · Heading · Subheading · CTA · Content structure · Visual.
+
+1. **Hero** — *Purpose:* position Tenext. *Business:* generate qualified inquiries. *User:* "do they solve my problem?" *Heading:* "Engineering predictable outcomes from your digital investments." *Subheading:* "Tenext helps enterprises transform with cloud, data, AI, and product engineering — built to lower total cost of ownership and accelerate time to value." *CTA:* **Talk to an expert** / **See our work**. *Structure:* left content 30%, artwork 70%, `ScrollDown`. *Visual:* branded WebGL scene.
+
+2. **Capability pillars (`CardsGrid`)** — *Heading:* "Full-stack capability, enterprise-grade delivery." *Subheading:* "Four pillars behind every engagement." *Cards:* Technology Engineering · Cloud & Enterprise Platforms · AI & Data Science · Digital Commerce. *CTA per card:* Explore →.
+
+3. **Services overview (`PossibilitiesSection`)** — *Heading:* "Services that move the business, not just the tech." *Structure:* 5 service cards (add Enterprise Mobility). *CTA:* View all services.
+
+4. **Technology showcase (`TinkerSection`, repurposed)** — *Heading:* "Modern technology, integrated with what you already run." *Content:* stack + SMAC/DevOps/IoT/Blockchain; integration narrative. *Visual:* interactive/animated tech graphic (no ML-demo semantics).
+
+5. **Brand marquee (`MarqueeStrip`)** — *Copy:* "/ Building the digital backbone for enterprises across industries." (replaces the ChatGPT line).
+
+6. **Why Tenext (`WOWSection` / `FeaturesSection` / `BenefitsGridSection`)** — *Heading:* "Why enterprises choose Tenext." *Content:* predictable outcomes · lowest TCO · accelerated time to value · process diagnostic & improvement · customer-experience excellence.
+
+7. **Metrics (`MetricsSection`)** — *Heading:* "Proof in delivery." *Content:* real counters (projects, industries, years, retention %). *CTA:* See case studies.
+
+8. **Engagement model (`HowItWorksSection`)** — *Heading:* "A transparent path from idea to impact." *Steps:* Discover & Diagnose → Design → Build → Deploy → Optimize.
+
+9. **Industries (new)** — *Heading:* "Depth across the industries you operate in." *Cards:* Retail · Financial Services · Healthcare · Manufacturing · Education.
+
+10. **Team (`TeamSection`)** — *Heading:* "The people behind your transformation." (Phase in real profiles.)
+
+11. **Testimonials (`TestimonialsSection`)** — *Heading:* "Outcomes our clients stand behind."
+
+12. **Insights (`BlogSection`)** — *Heading:* "Ideas for the digital enterprise." *Cards:* 2–3 latest articles.
+
+13. **Partner logos (`PartnerLogosSection`)** — *Heading:* "Trusted by teams building for scale."
+
+14. **Pre-footer CTA (`PreFooterCTA`)** — *Heading:* "Let's build your digital advantage." *CTA:* **Talk to an expert**.
+
+---
+
+## 6. Navigation Structure
+
+Replace `data/navigation.ts` (currently Aiero: Home 1–9, Pages, Shop, Blog, Contacts with mostly `#`).
+
+| Top-level | Route | Dropdown |
+|---|---|---|
+| Home | `/` | — |
+| About | `/about` | Company · Mission & Vision · Leadership · Careers |
+| Services | `/services` | Technology Engineering · Cloud & Enterprise Platforms · AI & Data Science · Enterprise Mobility · Digital Commerce |
+| Solutions | `/solutions` | Digital Transformation · Product Development · IoT · SMAC · DevOps · Blockchain |
+| Industries | `/industries` | Retail · Financial Services · Healthcare · Manufacturing · Education |
+| Case Studies | `/case-studies` | — (filterable index) |
+| Resources | `/resources` | Blog / Insights · Whitepapers · Events |
+| Careers | `/careers` | — |
+| Contact | `/contacts` | — |
+
+Primary CTA (right): **Talk to an expert** → `/contacts`.
+
+---
+
+## 7. Complete Sitemap
+
+| Page | Route | Purpose | Audience | Required sections | Internal links |
+|---|---|---|---|---|---|
+| Home | `/` | Convert + orient | All | Hero, pillars, services, tech, why, metrics, process, industries, team, testimonials, insights, CTA | All hubs |
+| About | `/about` *(exists)* | Credibility | All | Intro, mission, differentiators, team, CTA | Careers, Contact |
+| Services hub | `/services` *(exists)* | Portfolio | Buyers | Cards, features, testimonials, pricing/engagement, CTA | Each service, Solutions |
+| Service detail | `/services/<slug>` *(new)* | Depth | Buyers | Overview, capabilities, tech, case studies, CTA | Related solutions/industries |
+| Solutions hub | `/solutions` *(new)* | Problem→solution | Buyers | Cards, outcomes, CTA | Services, Case studies |
+| Solution detail | `/solutions/<slug>` *(new)* | Depth | Buyers | Problem, approach, tech, proof, CTA | Services, Industries |
+| Industries hub | `/industries` *(new)* | Relevance | LOB owners | Vertical cards, CTA | Industry pages |
+| Industry detail | `/industries/<slug>` *(new)* | Vertical proof | LOB owners | Challenges, solutions, cases, CTA | Solutions, Case studies |
+| Case studies | `/case-studies` *(new)* | Proof | Buyers | Filterable grid | Case detail |
+| Case detail | `/case-studies/<slug>` *(new)* | Deep proof | Buyers | Challenge, solution, results, CTA | Related services |
+| Resources | `/resources` *(new)* | SEO/authority | All | Article grid, categories | Articles |
+| Article | `/resources/<slug>` *(new)* | Authority | All | Body, related, CTA | Related services |
+| Careers | `/careers` *(new)* | Hiring | Candidates | Culture, roles, apply | About |
+| Contacts | `/contacts` *(exists)* | Convert | All | Form, map, contact | — |
+
+---
+
+## 8. Content Strategy
+
+**Voice:** enterprise, outcome-led, plain-spoken. No hype, no fluff. Every claim should be defensible.
+
+**Message pillars → how to communicate them:**
+- **Trust** — name real industries, delivery metrics, engagement model, and TCO/time-to-value outcomes. Show, don't assert.
+- **Innovation** — frame technology (AI, cloud, IoT, blockchain) as a means to business results, never as a buzzword list.
+- **Enterprise capability** — emphasize integration with existing systems/processes ("integrate solutions with existing business processes"), scale, and governance.
+- **AI & Data Science** — position as applied outcomes (automation, insight, personalization), not research demos.
+- **Digital Transformation** — anchor on Tenext's core line: "digital transformation is imperative for all businesses"; pair with predictable outcomes.
+- **Cloud / Data / Automation / Product Engineering** — each gets a services/solution page with concrete capabilities and proof.
+
+**Copy rules:** headlines state an outcome; subheads add the mechanism; body stays short with editorial line lengths (per CLAUDE.md typography rules). CTAs are action-verbs ("Talk to an expert," "See our work," "Explore the solution").
+
+---
+
+## 9. Visual Style Guide
+
+All values below already live in `data/design-tokens.ts` (mirrored as CSS vars in `app/globals.css`). **Do not hardcode** — edit tokens so changes propagate.
+
+- **Color:** dark canvas `#1F1F1F`, cards `#282828` / border `#3F3F3F`, white `#FFFFFF`; accents teal `#45D0BD`, blue `#44B6E9`, red `#EF6464` (+hover `#F57E7E`); purple gradient `#8258C8 → #6766C8 → #2C84C8`; muted text `#87899B`; surface `#ECF0F4`. *Tenext adjustment (optional):* if brand calls for a more corporate palette, change accents **in the token file only**; recommend leading with teal/blue (trust) and reserving red for a single primary CTA.
+- **Typography:** fonts Manrope / Sora / DM Sans (`next/font`). Scale: hero `clamp(38–100px)/700`, section `clamp(32–56px)/500`, card `30px/500`, body `16px/1.6`, small `14px`, tag `12px` uppercase. Tight tracking (`-0.03em`) on headings.
+- **Buttons:** `AieroButton`; radius `25px` or pill `9999px`; hover shadow `0 15px 30px rgba(239,100,100,.28)`.
+- **Cards:** `CardShared`; radius `25px`; hover shadow `0 22px 55px rgba(31,31,31,.16)` + teal ring; lift `-4px`.
+- **Radius:** card/button/section `25px`, tag `15px`, navbar `10px`, pill `9999px`.
+- **Shadows:** `cardHover`, `buttonHover`, `scrollBtn` (token set — reuse, don't invent).
+- **Grid / container:** max `1260px`, inner padding `15px`, page gutter `20px`, card gap `20px`.
+- **Section spacing:** vertical `60 / 80 / 100 / 120px`; component gaps `30 / 40 / 50px`. No arbitrary values (72/94/113/147).
+- **Image style:** rounded (`25px`), editorial crops, non-uniform card heights.
+- **Illustration/icon style:** `shared/icons/*` + `lucide-react`; consistent stroke, contained in `IconBox`.
+
+---
+
+## 10. UX Recommendations
+
+- **Scroll experience:** preserve the top-to-bottom narrative rhythm; use `RevealOnView` fade-up per section, staggered within grids.
+- **Storytelling flow:** hook → capability → depth → proof → process → people → social proof → insights → convert.
+- **Card interactions:** hover lift `-4px` + shadow (token `hoverLift` / `cardHover`); whole card clickable.
+- **Motion hierarchy:** hero > section reveals > hover micro-interactions; nothing competes with content. Honor `prefers-reduced-motion` (also for the `ogl` WebGL hero).
+- **CTA placement:** persistent navbar CTA + one per major section + pre-footer band; never more than two competing CTAs in a viewport.
+- **Reading rhythm:** constrain line length; body `16px/1.6`; ample whitespace via spacing tokens.
+- **Responsive:** desktop is source of truth → tablet → mobile (per CLAUDE.md). Cards collapse gracefully; hero content stacks above/over artwork on mobile.
+- **Accessibility:** semantic headings, focus states on `AieroButton`/nav, alt text on all imagery, WCAG AA contrast (verify teal/blue on dark), keyboard-navigable dropdowns.
+- **Performance:** lazy-load below-fold sections and the WebGL scene; see §14.
+
+---
+
+## 11. UI Component Inventory
+
+**Existing — reuse:**
+- `shared/AieroButton` — themed pill/CTA button.
+- `shared/CardShared` (+ `.module.css`) — base editorial card.
+- `shared/IconBox` — icon container.
+- `shared/Counter` — animated stat counter.
+- `shared/SectionHeading` — standardized section title.
+- `shared/SectionContainer` / `PageContainer` — layout wrappers.
+- `shared/RevealOnView` — scroll-reveal wrapper.
+- `shared/ScrollDown` — hero scroll indicator.
+- `shared/SocialIcons`, `shared/Footer`, `shared/PartnerLogosSection`, `shared/PreFooterCTA`, `shared/PageTitleBanner`, `shared/ContactFormSection`.
+- `aiero/Navbar`, `HeroSection`, `HeroImageScene`, `CardsGrid`, `PossibilitiesSection`, `TinkerSection`, `MarqueeStrip`, `WOWSection`, `FeaturesSection`, `BenefitsGridSection`, `MetricsSection`, `HowItWorksSection`, `BlogSection`.
+- `aiero/about/*`, `aiero/services/*` (ServiceCardsGrid, ServiceFeaturesSection, TestimonialsSection, PricingSection), `aiero/contacts/MapSection`.
+
+**New — to add (build from `CardShared`/`CardsGrid`, no new layout system):**
+- `IndustryCard` — image + industry + outcome line.
+- `CaseStudyCard` — client/logo + challenge + result metric.
+- `SolutionCard` (optional variant) — problem-framed card for `/solutions`.
+- `StatBar` / trust strip variant (optional) — inline credibility row.
+
+---
+
+## 12. Design System
+
+Documented from the **living tokens** in `data/design-tokens.ts` (not a parallel spec):
+
+- **Spacing scale:** section Y `60/80/100/120`; component gap `30/40/50`; gutter `20`, container padding `15`, card gap `20`.
+- **Typography scale:** hero / sectionTitle / cardTitle / body / small / tag (sizes in §9).
+- **Radius scale:** `10 (nav) / 15 (tag) / 25 (card·button·section) / 9999 (pill)`.
+- **Shadow system:** `cardHover`, `buttonHover`, `scrollBtn`.
+- **Elevation:** flat surfaces + hover elevation via `cardHover`; navbar floats above hero (z-50).
+- **Container widths:** max `1260px`.
+- **Breakpoints:** desktop-first; use Tailwind defaults (sm 640 / md 768 / lg 1024 / xl 1280), designing desktop → tablet → mobile.
+- **Animation principles:** reveal `0.72s cubic-bezier(0.22,1,0.36,1)`; hover `0.32s ease`, lift `-4px`. Subtle only (fade-up, lift, opacity) per CLAUDE.md.
+
+**Rule:** any global change (color, spacing, radius, motion) is made in `data/design-tokens.ts`; any brand/contact/nav change in `data/site-config.ts` / `data/navigation.ts`.
+
+---
+
+## 13. SEO Strategy
+
+- **Page hierarchy:** Home → hubs (Services, Solutions, Industries, Case Studies, Resources) → detail pages. One `<h1>` per page; logical `<h2>/<h3>`.
+- **Metadata:** per-route `metadata` exports (App Router). Fix `app/layout.tsx` (currently "Home 9 – tenext"). Titles like *"Cloud & Enterprise Platforms | Tenext Technologies"*; unique descriptions; OG/Twitter images.
+- **Structured data (JSON-LD):** `Organization` + `LocalBusiness` (Coimbatore address, phone, email) sitewide; `Service` on service pages; `BreadcrumbList` on inner pages; `Article` on resources.
+- **Internal linking:** services ↔ solutions ↔ industries ↔ case studies cross-links; contextual CTAs.
+- **URL structure:** clean, lowercase, hyphenated (`/services/cloud-enterprise-platforms`, `/industries/financial-services`).
+- **Content hierarchy:** outcome-led H1, capability H2s, proof/case H3s; `sitemap.xml` + `robots.txt`.
+
+---
+
+## 14. Performance Recommendations
+
+- **Images:** use `next/image` (responsive sizes, AVIF/WebP, lazy by default) for all card/hero imagery.
+- **Lazy loading:** defer below-the-fold sections and heavy visuals; dynamic-import the `ogl` WebGL hero scene client-side.
+- **Fonts:** keep `next/font` (Manrope/Sora/DM Sans) with `display: swap`; subset; avoid extra weights.
+- **Animation:** keep motion GPU-cheap (transform/opacity via tokens); gate the WebGL scene on `prefers-reduced-motion` and viewport visibility.
+- **Core Web Vitals:** protect LCP (hero image/text priority), CLS (reserve media dimensions), INP (avoid heavy JS on interaction).
+- **Accessibility:** AA contrast, focus-visible states, alt text, keyboard nav — treated as a performance/quality gate, not an afterthought.
+
+---
+
+## 15. Implementation Roadmap
+
+**Phase 1 — Design system + Navbar + Hero**
+- Confirm/adjust tokens in `data/design-tokens.ts`; fix `app/layout.tsx` metadata.
+- Rewrite `data/navigation.ts` to the §6 IA; update `Navbar` CTA.
+- Rewrite hero copy in `HeroSection.tsx`; tune `HeroImageScene` palette + reduced-motion.
+
+**Phase 2 — Homepage sections**
+- Apply §5 copy across `CardsGrid`, `PossibilitiesSection`, `TinkerSection` (→ tech showcase), `MarqueeStrip` (`app/page.tsx:28`), `WOWSection`/`FeaturesSection`/`BenefitsGridSection`, `MetricsSection` (real numbers), `HowItWorksSection` (engagement model).
+- Add Industries section (new `IndustryCard`).
+- Replace `data/site-config.ts` placeholders (Appendix A) → real Footer/Contact.
+
+**Phase 3 — Inner pages**
+- Build `/solutions`, `/industries`, `/case-studies` hubs + detail templates from `CardShared`/`CardsGrid`; expand `/services` detail pages; add `/resources`, `/careers`.
+
+**Phase 4 — Animations**
+- Standardize `RevealOnView` usage + stagger; verify hover tokens; reduced-motion pass.
+
+**Phase 5 — SEO**
+- Per-route metadata, JSON-LD (Organization/Service/Breadcrumb/Article), sitemap/robots, internal linking.
+
+**Phase 6 — Performance optimization**
+- `next/image` migration, lazy/dynamic imports, font tuning, CWV audit, a11y audit.
+
+---
+
+## Appendix A — Content Debt
+
+Exact leftover-Aiero values in the repo and their Tenext replacements.
+
+| File | Current (Aiero) | Replace with (Tenext) |
+|---|---|---|
+| `data/site-config.ts` | `tagline: "AI Agency"` | Tenext positioning (e.g. "Enterprise Digital Transformation") |
+| `data/site-config.ts` | `phone: "+1 800 529 10 37"` | `+91 9629415770` |
+| `data/site-config.ts` | `email: "tenext@mail.co"` | `info@tenext.in` |
+| `data/site-config.ts` | address USA / New York | 424 Redrose Towers, DB Road, RS Puram, Coimbatore, India |
+| `data/site-config.ts` | footer services: AI Systems / Deep Learning / Neural Networks | Cloud & Enterprise Platforms / AI & Data Science / Enterprise Mobility / Digital Commerce |
+| `data/site-config.ts` | `copyright: "©tenext 2025…"` | `©Tenext Technologies 2026. All rights reserved.` |
+| `data/navigation.ts` | Home 1–9, Pages, Shop, Products/Cart/Checkout, generic Blog, `#` links | §6 IA (About, Services, Solutions, Industries, Case Studies, Resources, Careers, Contact) with real routes |
+| `app/page.tsx:28` | Marquee "/ Join ChatGPT in shaping the future…" | "/ Building the digital backbone for enterprises across industries." |
+| `app/page.tsx` | `TinkerSection`, `HowItWorksSection` (ML semantics) | Technology showcase + engagement model |
+| `app/layout.tsx` | metadata "Home 9 – tenext" | Tenext title/description/OG |
+
+> **Guardrails:** no Aiero marketing copy is reproduced; Aiero informs structure/UX only. All business facts trace to tenext.in. Preserve the existing component architecture and single-source-of-truth tokens (per CLAUDE.md / AGENTS.md).