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

update the layout

Browse Source
This commit is contained in:
Aravind
2026-07-30 20:34:44 +05:30
parent af8a9d5de1
commit 1e3f225bed
15 changed files with 533 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/aiero/BenefitsGridSection.tsx
View File

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

18
components/aiero/CardsGrid.tsx
View File

@@ -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"
/>

12
components/aiero/FeaturesSection.tsx
View File

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

15
components/aiero/HeroSection.tsx
View File

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

18
components/aiero/HowItWorksSection.tsx
View File

@@ -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]">

20
components/aiero/MetricsSection.tsx
View File

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

6
components/aiero/Navbar.tsx
View File

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

33
components/aiero/PossibilitiesSection.tsx
View File

@@ -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"
/>

8
components/aiero/TinkerSection.tsx
View File

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

22
components/aiero/WOWSection.tsx
View File

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