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

38
components/aiero/HowItWorksSection.tsx
View File

@@ -6,22 +6,26 @@ export function HowItWorksSection() {
{
number: "01",
title: "Neurons and Layers",
description: "A neural network consists of interconnected nodes called neurons. Neurons are organized into layers.",
description:
"A neural network consists of interconnected nodes called neurons. Neurons are organized into layers.",
},
{
number: "02",
title: "Activation Function",
description: "Each neuron applies an activation function to the weighted sum of its inputs and produces an output",
description:
"Each neuron applies an activation function to the weighted sum of its inputs and produces an output",
},
{
number: "03",
title: "Feedforward Process",
description: "The inputs are multiplied by their respective weights, summed up, and passed through the activation function.",
description:
"The inputs are multiplied by their respective weights, summed up, and passed through the activation function.",
},
{
number: "04",
title: "Activation Function",
description: "The inputs are multiplied by their respective weights, summed up, and passed through the activation function.",
title: "Backpropagation",
description:
"The inputs are multiplied by their respective weights, summed up, and passed through the activation function.",
},
];
@@ -30,30 +34,30 @@ export function HowItWorksSection() {
<div className="mx-auto max-w-[1260px]">
<div className="flex flex-col md:flex-row md:items-end justify-between gap-[30px] mb-[60px]">
<SectionHeading
subtitle="how it works"
tag="how it works"
title="Neural networks are a fundamental component of Artificial Intelligence (AI) systems"
titleClassName="max-w-[700px] text-aiero-dark"
titleClassName="max-w-[700px] text-tenext-dark"
/>
<div className="flex gap-[15px]">
<button className="flex h-[50px] w-[50px] items-center justify-center rounded-full border border-aiero-card-border text-aiero-dark transition-colors hover:bg-aiero-card-border">
<button className="flex h-[50px] w-[50px] items-center justify-center rounded-full border border-tenext-card-border text-tenext-dark transition-colors hover:bg-tenext-card-border">
<ArrowLeft size={20} />
</button>
<button className="flex h-[50px] w-[50px] items-center justify-center rounded-full border border-aiero-card-border text-aiero-dark transition-colors hover:bg-aiero-card-border">
<button className="flex h-[50px] w-[50px] items-center justify-center rounded-full border border-tenext-card-border text-tenext-dark transition-colors hover:bg-tenext-card-border">
<ArrowRight size={20} />
</button>
</div>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-[30px]">
<div className="flex flex-col">
{steps.map((step, index) => (
<div key={index} className="flex flex-col border-t border-aiero-card-border pt-[30px]">
<div className="text-[50px] font-bold text-transparent font-[var(--font-sora)]" style={{ WebkitTextStroke: "1px #3F3F3F" }}>
{step.number}
<div key={index} className="flex flex-col">
<div className="flex flex-wrap items-center gap-[15px] rounded-[15px] bg-gradient-to-r from-tenext-blue to-tenext-purple-start px-[25px] py-[14px] text-white">
<span className="text-[14px] font-bold">{step.number}</span>
<span className="text-[18px] font-bold font-[var(--font-sora)]">
{step.title}
</span>
</div>
<h6 className="mt-[20px] mb-[15px] text-[20px] font-bold text-aiero-dark font-[var(--font-sora)]">
{step.title}
</h6>
<p className="text-[16px] leading-[1.6] text-aiero-text-muted">
<p className="mt-[20px] mb-[25px] max-w-[720px] text-[16px] leading-[1.6] text-tenext-text-muted">
{step.description}
</p>
</div>