import React, { useEffect, useMemo, useState } from 'react';
import {
ArrowRight,
Zap,
Brain,
TrendingUp,
CheckCircle2,
ChevronDown,
Menu,
X,
} from 'lucide-react';
export default function RuoraLandingFinal() {
const [scrollY, setScrollY] = useState(0);
const [activeSection, setActiveSection] = useState(0);
const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
const sections = useMemo(
() => [
{ id: 'hero', label: 'Home' },
{ id: 'equation', label: 'Method' },
{ id: 'principles', label: 'ALWYNciples' },
{ id: 'specialization', label: 'AI' },
{ id: 'vision', label: 'Vision' },
{ id: 'contact', label: 'Build' },
],
[]
);
useEffect(() => {
const handleScroll = () => {
setScrollY(window.scrollY);
const sectionNodes = document.querySelectorAll('[data-section]');
let current = 0;
sectionNodes.forEach((section, index) => {
const rect = section.getBoundingClientRect();
if (rect.top <= window.innerHeight * 0.35) {
current = index;
}
});
setActiveSection(current);
};
handleScroll();
window.addEventListener('scroll', handleScroll, { passive: true });
return () => window.removeEventListener('scroll', handleScroll);
}, []);
useEffect(() => {
document.body.style.overflow = mobileMenuOpen ? 'hidden' : '';
return () => {
document.body.style.overflow = '';
};
}, [mobileMenuOpen]);
const scrollToSection = (id: string) => {
const node = document.getElementById(id);
if (!node) return;
node.scrollIntoView({ behavior: 'smooth', block: 'start' });
setMobileMenuOpen(false);
};
const principles = [
{
title: 'Enterprise must gain leverage',
description:
'Every act of work must leave Ruora stronger in capability, intelligence, assets, or strategic position.',
},
{
title: 'Client must gain structural advantage',
description:
'Every build must improve the client’s clarity, operation, reach, conversion, or control.',
},
{
title: 'User must gain meaningful access',
description:
'Every system must reduce friction and improve access to real value.',
},
{
title: 'Intelligence must serve structure',
description:
'AI is not spectacle. It must increase usefulness, precision, speed, or power.',
},
{
title: 'Every build must compound',
description:
'Revenue alone is insufficient. The work must create reusable knowledge, systems, or future product pathways.',
},
{
title: 'Innovation must replace weaker logic',
description:
'We do not chase novelty. We design stronger operating systems than the ones currently in use.',
},
];
const capabilities = [
'AI-enhanced websites and digital portals',
'AI-powered platform systems and workflows',
'AI assistants and operational copilots',
'AI automation systems',
'AI-enabled product concepts and software layers',
'Proprietary frameworks for applied AI',
];
const equation = [
{
title: 'Signal',
description: 'What is real, emerging, broken, latent, or newly possible.',
icon:
Ruora is a technology enterprise that transforms signal into structure, structure into intelligence, and intelligence into compounding systems of power. We do not build noise. We build superior logic with lasting consequence.
This is the Ruora method. We identify what is real, formalize it into strong systems, apply intelligence with discipline, create usable access, and retain the advantage so every act of work strengthens the enterprise beyond the project itself.
Ruora builds by the ALWYNciples: no system is complete unless enterprise, client, and user all gain strength through it. This is how value becomes durable rather than merely transactional.
{principle.description}
Ruora specializes in AI systems. Not as ornament. As a real field of enterprise mastery capable of increasing clarity, automation, control, insight, and compounding advantage.
This is not innovation theater. This is enterprise formation through doctrine, specialization, and compounding execution. Ruora exists to replace weaker operating logic with stronger structure.
Partner with a technology enterprise that does more than ship software. We build advantage architectures designed to strengthen the enterprise, the client, and the user together.