Merge version_2 into main #3
153
src/app/page.tsx
153
src/app/page.tsx
@@ -2,13 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Zap, Target, Cpu, BarChart3, Users, MessageSquare } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Capabilities",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Capabilities", id: "#features"},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Performance", id: "#metrics"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="ORAKKO"
|
||||
/>
|
||||
@@ -51,150 +46,80 @@ export default function LandingPage() {
|
||||
description="Experience collaborative intelligence at scale. Multicursor workflows, selfcorrecting loops, and persistent memory vaults—all in one unified platform."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Capabilities →",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Capabilities →", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gradient-sepia-oil-drops-water-surface-abstract-background_23-2148290111.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "MultiCursor Workflows",
|
||||
description: "Collaborative, real-time editing and execution environments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-futuristic-romantic-couple_23-2151111326.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Memory Vaults",
|
||||
description: "Persistent, context-aware storage for complex AI systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-u-s-bank-tower-los-angeles_181624-284.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Self-Correcting Loops",
|
||||
description: "Autonomous refinement processes for reliable output.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lights-particles-wallpaper_1017-2768.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Core Foundations"
|
||||
description="Powerful architecture for the next generation of AI enterprise workflows."
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "MultiCursor Workflows", description: "Collaborative, real-time editing and execution environments.", tag: "Real-time", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-futuristic-romantic-couple_23-2151111326.jpg?_wi=1"},
|
||||
{
|
||||
id: "f2", title: "Memory Vaults", description: "Persistent, context-aware storage for complex AI systems.", tag: "Storage", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-u-s-bank-tower-los-angeles_181624-284.jpg?_wi=1"},
|
||||
{
|
||||
id: "f3", title: "Self-Correcting Loops", description: "Autonomous refinement processes for reliable output.", tag: "Autonomous", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lights-particles-wallpaper_1017-2768.jpg?_wi=1"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
<MetricCardOne
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Impact at Scale"
|
||||
tag="Efficiency"
|
||||
description="Real performance data for your enterprise infrastructure."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "400%",
|
||||
description: "Workflow Velocity Improvement",
|
||||
id: "m1", value: "400%", title: "Velocity", description: "Workflow Velocity Improvement", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Inference Precision",
|
||||
id: "m2", value: "99.9%", title: "Precision", description: "Inference Precision Metrics", icon: Target,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2ms",
|
||||
description: "Average Latency",
|
||||
id: "m3", value: "2ms", title: "Latency", description: "Average System Latency", icon: Cpu,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Industry Leaders"
|
||||
description="Trusted by forward-thinking teams globally."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
date: "Oct 2024",
|
||||
title: "CTO, InnovateAI",
|
||||
quote: "ORAKKO changed our entire deployment philosophy.",
|
||||
tag: "Engineering",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-sepia-oil-drops-water-surface-abstract-background_23-2148290111.jpg?_wi=2",
|
||||
imageAlt: "dark abstract background tech",
|
||||
},
|
||||
id: "t1", name: "Sarah Chen", role: "CTO, InnovateAI", testimonial: "ORAKKO changed our entire deployment philosophy.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark V.",
|
||||
date: "Sept 2024",
|
||||
title: "Lead Engineer, TechFlow",
|
||||
quote: "The MultiCursor support is genuinely revolutionary.",
|
||||
tag: "DevOps",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-futuristic-romantic-couple_23-2151111326.jpg?_wi=2",
|
||||
imageAlt: "minimal interface software design",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
date: "Aug 2024",
|
||||
title: "VP Product, ScaleOps",
|
||||
quote: "Persistent memory vaults solved our context issues.",
|
||||
tag: "Product",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-u-s-bank-tower-los-angeles_181624-284.jpg?_wi=2",
|
||||
imageAlt: "abstract digital architecture dark",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
date: "July 2024",
|
||||
title: "Senior Engineer, AI Labs",
|
||||
quote: "Self-correcting loops save us hours daily.",
|
||||
tag: "Research",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lights-particles-wallpaper_1017-2768.jpg?_wi=2",
|
||||
imageAlt: "glowing circuit path minimal",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jamie K.",
|
||||
date: "June 2024",
|
||||
title: "Creative Director",
|
||||
quote: "The interface is as beautiful as it is powerful.",
|
||||
tag: "Creative",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
imageAlt: "professional headshot tech executive",
|
||||
},
|
||||
id: "t2", name: "Mark V.", role: "Lead Engineer, TechFlow", testimonial: "The MultiCursor support is genuinely revolutionary.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg"},
|
||||
]}
|
||||
title="Industry Leaders"
|
||||
description="Trusted by forward-thinking teams."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
<ContactSplit
|
||||
tag="Get in touch"
|
||||
title="Deploy ORAKKO Today"
|
||||
description="Ready to transform your enterprise infrastructure?"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-lights-particles-wallpaper_1017-2768.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterLogoReveal
|
||||
logoText="ORAKKO"
|
||||
copyrightText="© 2025 ORAKKO Inc. All rights reserved."
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user