Update src/app/page.tsx

2026-04-07 16:27:01 +00:00 · 2026-04-07 16:26:37 +00:00 · 2026-04-07 16:26:08 +00:00 · 2026-04-07 16:20:23 +00:00 · 2026-04-07 16:17:01 +00:00
1 changed files with 41 additions and 127 deletions
--- a/src/app/page.tsx
+++ b/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 } from 'lucide-react';

 export default function LandingPage() {
  return (
@@ -28,18 +29,9 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
-        {
-          name: "Capabilities",
-          id: "#features",
-        },
-        {
-          name: "Performance",
-          id: "#metrics",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Capabilities", id: "#features" },
+        { name: "Performance", id: "#metrics" },
+        { name: "Contact", id: "#contact" },
      ]}
      brandName="ORAKKO"
    />
@@ -47,157 +39,79 @@ export default function LandingPage() {

  <div id="hero" data-section="hero">
      <HeroLogo
-      logoText="THE ULTIMATE FULLSTACK\nAI OS"
+      logoText="THE ULTIMATE FULLSTACK AI OS"
      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
+      useInvertedBackground={false}
      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
+      <MetricCardOne
      useInvertedBackground={false}
+      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: "m2",
-          value: "99.9%",
-          description: "Inference Precision",
-        },
-        {
-          id: "m3",
-          value: "2ms",
-          description: "Average Latency",
-        },
+        { id: "m1", value: "400%", title: "Velocity", description: "Workflow Velocity Improvement", icon: Zap },
+        { id: "m2", value: "99.9%", title: "Precision", description: "Inference Precision Metrics", icon: Target },
+        { id: "m3", value: "2ms", title: "Latency", description: "Average System Latency", icon: Cpu },
      ]}
-      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
+      <TestimonialCardTwo
      useInvertedBackground={false}
-      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: "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",
-        },
-      ]}
+      animationType="slide-up"
+      textboxLayout="split"
      title="Industry Leaders"
-      description="Trusted by forward-thinking teams."
+      description="Trusted by forward-thinking teams globally."
+      testimonials={[
+        { 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?_wi=1" },
+        { 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?_wi=2" },
+      ]}
    />
  </div>

  <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
      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>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	7c63964a03	Update src/app/page.tsx	2026-04-07 16:27:01 +00:00
bender	4da1c29dd5	Update src/app/page.tsx	2026-04-07 16:26:37 +00:00
bender	1f87302c48	Update src/app/page.tsx	2026-04-07 16:26:08 +00:00
bender	fe81f9ca5f	Merge version_1 into main Merge version_1 into main	2026-04-07 16:20:23 +00:00
bender	db43affcfb	Merge version_1 into main Merge version_1 into main	2026-04-07 16:17:01 +00:00