Skip to content

Updated Website for Consumer AI users #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kosawat merged 1 commit into from
Jan 12, 2026
Merged

Updated Website for Consumer AI users #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added public/pc_dashboard.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
34 changes: 16 additions & 18 deletions src/app/components/home/About.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,41 +69,41 @@ const About = () => {
// opacity: opacityProgress,
// }}

className=" h-[60vh] md:h-[80vh] relative z-0"
>
className=" h-[60vh] md:h-[80vh] relative z-0">
<motion.div animate={star} className=" w-[80%] m-auto h-[10%] ">
<Star1 />
</motion.div>
<div className="flex w-[80%] mx-auto relative h-[90%] ">
<div className="absolute flex flex-col md:flex-row inset-0 gap-y-4 md:gap-x-4 h-full items-center justify-center z-10">
<div className="w-full md:w-[40%] backdrop-blur-md px-10 py-10 min-h-[100px] h-[390px] flex flex-col justify-center border border-primary_11 bg-opacity-90 rounded-xl text-primary_1">
<h3 className="font-logirentBold text-lg md:text-2xl lg:text-3xl">
Web3 Powered
</h3>
<h3 className="font-logirentBold text-lg md:text-2xl lg:text-3xl">Problem</h3>

<h2 className="md:text-xl">Consumer AI apps can&apos;t scale</h2>

<ul className="font-archivo text-xs md:text-sm font-normal mt-4 md:mt-6 list-disc pl-6">
<li>Distributed Storage and Compute Networks</li>
<li>Enhanced Data Privacy and User Control</li>
<li>Tokenized Compute & Incentives</li>
<li>High inference costs for popular models ($0.30–$0.50)</li>
<li>High entry pricing (avg $20/m) limits mass adoption</li>
<li>Low conversion rates (typically 2–3%)</li>
</ul>
</div>

<div className="w-full md:w-[40%] px-10 py-10 min-h-[100px] h-[390px] flex flex-col justify-center backdrop-blur-md border border-primary_11 bg-opacity-90 rounded-xl text-primary_1">
<h3 className="font-logirentBold text-lg md:text-2xl lg:text-3xl">
AI Enabled
Solution
</h3>

<h2 className="md:text-xl">AI apps now profitable at scale</h2>

<ul className="font-archivo text-xs md:text-sm font-normal mt-4 md:mt-6 list-disc pl-6">
<li>Adaptive and Proactive Resource Management</li>
<li>Automated Workflows, Logic, and Optimizations</li>
<li>Intelligent Security & Threat Mitigation</li>
<li>Low inference costs using specialized models ($0.01)</li>
<li>Affordable pricing models ($2 entry or usage-based)</li>
<li>Significantly higher conversion rates (up to 30%)</li>
</ul>
</div>
</div>
<motion.div
// animate={star}
className=" p-2 w-[10%] h-full flex flex-col justify-end text-white "
>
className=" p-2 w-[10%] h-full flex flex-col justify-end text-white ">
<Star2 />
<Star3 />
</motion.div>
Expand All @@ -121,8 +121,7 @@ const About = () => {
// }}
animate={globe}
ref={vRef}
className="absolute inset-0 flex items-center justify-center"
>
className="absolute inset-0 flex items-center justify-center">
<Globe />
</motion.div>
</div>
Expand All @@ -131,8 +130,7 @@ const About = () => {
</div>
<motion.div
// animate={star}
className=" p-2 w-[10%] h-full flex items-center "
>
className=" p-2 w-[10%] h-full flex items-center ">
<Star5 />
</motion.div>
</div>
Expand Down
16 changes: 9 additions & 7 deletions src/app/components/home/Demo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,14 +11,16 @@ const Demo = () => {
<div className="absolute inset-0 flex items-center justify-center">
<div className="w-[80%] relative border backdrop-blur-md border-primary_8 bg-opacity-90 rounded-xl shadow-[0px_-2px_16px_0px_#4a5568] py-10 px-10 text-primary_1">
<h2 className="font-logirentBold text-lg md:text-2xl lg:text-3xl">
Unified DePIN for AI
How It Works
</h2>
<h3 className=" md:text-xl">
One API. Hundreds of models. Consumer-scale economics.
</h3>
<ul className="font-archivo leading-loose text-xs md:text-sm font-normal mt-4 md:mt-6 list-disc pl-6">
<li>Multi-layered architecture</li>
<li>Agnostic Design</li>
<li>API Native</li>
<li>Zero-cost Entry</li>
<li>Integrated Data Services</li>
<li>Sign up using Google or email</li>
<li>Generate API keys to access our AI network</li>
<li>Connect instantly to 400+ AI models and agents</li>
<li>Run curated agent inferences for just $0.01 per inference</li>
</ul>

<Link target="_blank" href="https://app.decenterai.com">
Expand All @@ -29,7 +31,7 @@ const Demo = () => {

<div className="absolute right-20 top-3 scale-125 w-[25%] h-full hidden md:block ">
<Image
src="/pc.png"
src="/pc_dashboard.png"
alt="decenter image"
fill={true}
style={{
Expand Down
55 changes: 25 additions & 30 deletions src/app/components/home/Features.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -156,23 +156,22 @@ const Features = () => {
<div className="h-[70%] flex flex-col md:flex-row items-center mt-20 md:mt-0 ">
<div className="w-full md:w-[50%] ">
<h2 className="font-logirentBold text-xl md:text-3xl md:text-left leading-loose">
Building Infra?
Unified AI Infrastructure
</h2>

<p className="font-archivo text-lg md:text-xl md:text-left">
Access all you need to launch and scale.
Access all you need to launch and scale
</p>
<ul className="font-archivo leading-loose text-sm font-normal mt-6 list-disc pl-6">
<li>Intelligent Resource Management System</li>
<li>Automated Workflow and Operations</li>
<li>AI-driven Monitoring and Analytics</li>
<li>Eliminates the need for multiple AI vendors and integrations</li>
<li>Reduces time-to-market for AI-powered products</li>
<li>Scales seamlessly from prototype to millions of users</li>
</ul>
</div>

<motion.div
animate={bot1}
className="w-full md:w-[50%] hidden md:flex justify-center"
>
className="w-full md:w-[50%] hidden md:flex justify-center">
<Image
src="/bot1.png"
alt="decenter image"
Expand Down Expand Up @@ -207,15 +206,15 @@ const Features = () => {
<div className="w-full md:w-[50%] flex flex-col items-center">
<div className="w-fit">
<h2 className="font-logirentBold text-xl md:text-3xl md:text-left leading-loose">
Running A platform?
Model Network & <br></br> Inference Routing
</h2>
<p className="font-archivo text-lg md:text-xl md:text-left">
We do the heavy lifting, you focus on growth
One network, best models for every request
</p>
<ul className="font-archivo leading-loose text-sm font-normal mt-6 list-disc pl-6">
<li>All-in-one AI development hub</li>
<li>Model Security, Monetization and Analytics </li>
<li>Seamless Model Customization and Management.</li>
<li>Optimizes quality, latency, and cost per inference</li>
<li>Prevents vendor lock-in with model-agnostic execution</li>
<li>Automatically adapts as better models become available</li>
</ul>
</div>
</div>
Expand All @@ -231,8 +230,7 @@ const Features = () => {
<div className="h-[100%] flex flex-col md:flex-row items-center ">
<motion.div
animate={bot3}
className="w-full md:w-[50%] flex justify-center md:hidden"
>
className="w-full md:w-[50%] flex justify-center md:hidden">
<Image
src="/bot3.png"
alt="decenter image"
Expand All @@ -247,24 +245,22 @@ const Features = () => {
<div className="w-full md:w-[50%] ">
<h2
ref={vRef3}
className="font-logirentBold text-xl md:text-left nd:text-3xl leading-loose"
>
Offering Services?
className="font-logirentBold text-xl md:text-left md:text-3xl leading-loose">
Build-In Consumer <br></br> Economics
</h2>

<p className="font-archivo text-lg md:text-xl md:text-left">
Enhance your offerings with one-click
Pricing built for consumer scale
</p>
<ul className="font-archivo leading-loose text-sm font-normal mt-6 list-disc pl-6">
<li>Access industry specific AI models and agents</li>
<li>Ready-to-use APIs for seamless integrations</li>
<li>Enterprise-grade data privacy, security, and compliance</li>
<li>Enables $0.01 per-inference pricing</li>
<li>Supports lower entry prices and usage-based billing</li>
<li>Makes AI products profitable at high volume</li>
</ul>
</div>
<motion.div
animate={bot3}
className="w-full md:w-[50%] hidden md:flex justify-center "
>
className="w-full md:w-[50%] hidden md:flex justify-center ">
<Image
src="/bot3.png"
alt="decenter image"
Expand Down Expand Up @@ -305,18 +301,17 @@ const Features = () => {
<div className="w-full md:w-[50%] ">
<h2
ref={vRef4}
className="font-logirentBold text-xl md:text-3xl md:text-left leading-loose"
>
Just Curious About AI?
className="font-logirentBold text-xl md:text-3xl md:text-left leading-loose">
Privacy And Security
</h2>

<p className="font-archivo text-lg md:text-xl md:text-left ">
Unified and accessible AI for everyone
Privacy-preserving, verifiable AI execution
</p>
<ul className="font-archivo leading-loose text-sm font-normal mt-6 list-disc pl-6">
<li>Interact with hundreds of AI models via our Super Agent</li>{' '}
<li>Explore, learn, and innovate, no technical expertise required</li>{' '}
<li>Enjoy personalized, secure, and private engagement</li>
<li>Tamper-proof inference logs for trust and compliance</li>
<li>User data remains off-chain and secure</li>
<li>Enables enterprise and regulated use cases</li>
</ul>
</div>
</div>
Expand Down
11 changes: 4 additions & 7 deletions src/app/components/home/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,8 +38,7 @@ const Footer = () => {
</Link>
<Link
href="https://twitter.com/decenteraicom?s=21&t=th7q1ztmiuaE2PoODm3k0A"
target="_blank"
>
target="_blank">
<PiTwitterLogo size={25} />
</Link>
</div>
Expand Down Expand Up @@ -82,8 +81,7 @@ const Footer = () => {
</Link>
<Link
href="https://twitter.com/decenteraicom?s=21&t=th7q1ztmiuaE2PoODm3k0A"
target="_blank"
>
target="_blank">
<PiTwitterLogo size={25} />
</Link>
</div>
Expand All @@ -92,11 +90,10 @@ const Footer = () => {

<div className="w-[80%] h-[20%] border-t border-primary_8 flex flex-col md:flex-row m-auto mt-10">
<div className="font-archivo font-semibold mt-6 text-primary_8 w-full md:w-[50%]">
DECENTER AI 2023. All right reserved.
DECENTER AI 2024. All right reserved.
</div>
<div className="font-archivo font-semibold flex space-x-8 justify-end mt-6 text-primary_8 w-full m:w-[50%]">
<p>Privacy</p>
<p>Policy</p>
<p>Privacy Policy</p>
<p>Terms and Condition</p>
</div>
</div>
Expand Down
16 changes: 7 additions & 9 deletions src/app/components/home/Hero.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,8 +39,7 @@ const Hero = () => {
return (
<section
id="/"
className="min-h-[70vh] md:min-h-[80vh flex justify-end relative z-10"
>
className="min-h-[70vh] md:min-h-[80vh flex justify-end relative z-10">
{menu && (
<div className={`fixed top-0 w-full z-[10000] ${sticky ? 'mt-0' : ''}`}>
<div className="w-[90%] h-[70vh] bg-primary_12 m-auto mt-2 border border-primary_8 rounded-xl shadow-[0px_-2px_16px_0px_#4a5568] py-6 px-4 text-primary_1">
Expand Down Expand Up @@ -100,8 +99,7 @@ const Hero = () => {
<Spiral />
<div className="absolute inset-0 bg-primary_13 bg-opacity-50 z-10">
<div
className={`w-[80%] h-[10%] m-auto ${sticky ? 'fixed top-4 left-[10%] right-[10%] z-[9999]' : 'mt-[2%]'} rounded-full bg-primary_13 px-10 border-[1px] border-primary_12 bg-opacity-80 text-white flex justify-between transition-all duration-300 shadow-lg`}
>
className={`w-[80%] h-[10%] m-auto ${sticky ? 'fixed top-4 left-[10%] right-[10%] z-[9999]' : 'mt-[2%]'} rounded-full bg-primary_13 px-10 border-[1px] border-primary_12 bg-opacity-80 text-white flex justify-between transition-all duration-300 shadow-lg`}>
<div className="w-[50%] md:w-[10%] relative">
<Image
src="/logo.png"
Expand Down Expand Up @@ -140,8 +138,7 @@ const Hero = () => {
<Link
target="_blank"
href="https://app.decenterai.com"
className="hidden md:block cursor-pointer"
>
className="hidden md:block cursor-pointer">
<button className="bg-primary_11 text-primary_1 font-semibold font-primaryArchivo py-2 px-3 cursor-pointer rounded-xl">
Get Started
</button>
Expand All @@ -156,10 +153,11 @@ const Hero = () => {

<div className="h-[85%] w-[80%] m-auto flex flex-col justify-center gap-6 ">
<h1 className="font-logirentBold text-2xl md:text-5xl text-primary_1 leading-normal">
Decentralized AI Infrastructure <br /> for web2 and Web3 Applications.
Infrastructure Layer For <br /> Consumer AI Applications
</h1>
<p className="font-archivo text-sm text-primary_6 leading-loose">
Integrate AI into Apps and Dapps Seamlessly.
We help consumer AI startups scale to millions of users profitably without
exploding inference costs.
</p>
<div className="flex space-x-9 md:space-x-10 md:mt-10">
<Link target="_blank" href="https://app.decenterai.com">
Expand All @@ -170,7 +168,7 @@ const Hero = () => {

<Link target="_blank" href="https://decenter-ai.gitbook.io/whitepaper/">
<button className="border border-primary_11 text-sm text-primary_1 font-normal font-primaryArchivo hover:border-white cursor-pointer rounded-3xl p-3 px-6">
Read More
View Documentation
</button>
</Link>
</div>
Expand Down
7 changes: 3 additions & 4 deletions src/app/components/home/Mail.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,18 +27,17 @@ const Mail = () => {
<div className="absolute inset-0">
<div className="w-[80%] m-auto flex flex-col justify-center items-center h-[60vh] mt-28 gap-6 ">
<h2 className="text-3xl md:text-4xl lg:text-5xl text-white font-logirentBold text-center">
Ready to unlock the future?
Ready to unlock the mass market?
</h2>
<p className="text-primary_6 text-base md:text-lg mt-2 font-archivo font-semibold text-center">
Contact us today to discover the unlimited potential of AI.
Click Get Started to generate your API key and start building.
</p>
<div className="w-[90%] max-w-[450px] flex">
<a
href="https://form.typeform.com/to/oGnlAAyV"
target="_blank"
rel="noopener noreferrer"
className="text-white font-semibold text-xs md:text-sm bg-primary_10 w-full h-12 md:h-14 rounded-xl flex items-center justify-center hover:bg-primary_10/90 transition-colors"
>
className="text-white font-semibold text-xs md:text-sm bg-primary_10 w-full h-12 md:h-14 rounded-xl flex items-center justify-center hover:bg-primary_10/90 transition-colors">
Contact us
</a>
</div>
Expand Down
9 changes: 4 additions & 5 deletions src/app/components/home/Team.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,21 +12,21 @@ const Team = () => {
role: 'CEO',
image: '/victor.png',
linkedin: 'https://www.linkedin.com/in/victor-kaycee/',
bio: 'Founded SureCrypto a blockchain service company with projects like GamerHub, Kryptotoday, Finality.',
bio: 'Intel Venture Builder, Perplexity Fellow, with 7+ years of AI product leadership.',
},
{
name: 'Kosawat',
role: 'CTO',
image: '/kosawat.png',
linkedin: 'https://www.linkedin.com/in/kosawat-sukchaya-10290427/',
bio: 'Tech co-founder in AI, Web3, and Esports, building and scaling products from concept to launch.',
bio: 'MBA, ex-Antler tech co-founder, AI/Web3 architect with a proven 7-figure exit.',
},
{
name: 'Glory',
role: 'CMO',
image: '/glory.png',
linkedin: 'https://www.linkedin.com/in/glorylucas/',
bio: 'Founded Mindspace solutions, a Web3 marketing agency with clients like Private AI, YOM, Riva Metaverse',
bio: 'Web3 growth leader with $8M+ raised across startups; Founder Mindspace solutions.',
},
]

Expand Down Expand Up @@ -76,8 +76,7 @@ const Team = () => {
href={member.linkedin}
target="_blank"
className="text-primary_7 hover:text-primary_1 transition-colors"
aria-label={`${member.name}'s LinkedIn profile`}
>
aria-label={`${member.name}'s LinkedIn profile`}>
<AiOutlineLinkedin size={24} />
</Link>
</div>
Expand Down
12 changes: 6 additions & 6 deletions src/app/components/home/Token.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,22 +20,22 @@ const Token = () => {
<div className="absolute -top-7 -left-3 p-1 border border-primary_8 rounded-full bg-primary_13 ">
<div className="rounded-full p-2 bg-primary_1"></div>
</div>
Unified currency across all platform layers, simplifying all network
interactions.
Simplifies how consumer apps pay for inference, unlock features, and reward
participation.
</div>
<div className="py-2 pb-11 relative border-l border-primary_8 ml-2 px-6">
<div className="absolute -top-7 -left-3 p-1 border border-primary_8 rounded-full bg-primary_13 ">
<div className="rounded-full p-2 bg-primary_1"></div>
</div>
Rewards contributors and resource providers for the value they add to the
network.
Grants startups access to higher-tier data services, advanced routing tools,
and platform upgrades.
</div>
<div className="py-2 pb-11 relative border-l border-primary_8 ml-2 px-6">
<div className="absolute -top-7 -left-3 p-1 border border-primary_8 rounded-full bg-primary_13 ">
<div className="rounded-full p-2 bg-primary_1"></div>
</div>
Grants access to data services, advanced tools, platform upgrades, and
enterprise integrations.
Enables flexible, usage-based pricing so builders can start small, scale
sustainably.
</div>
</div>
</div>
Expand Down
Loading