Update src/app/page.tsx

Merge version_1 into main

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 ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterCard from '@/components/sections/footer/FooterCard';
+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: "Capabilities",
+        { name: "Performance", id: "#metrics" },
-          id: "#features",
+        { name: "Contact", id: "#contact" },
-        },
-        {
-          name: "Performance",
-          id: "#metrics",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
       brandName="ORAKKO"
     />
@@ -47,154 +39,76 @@ 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%", title: "Velocity", description: "Workflow Velocity Improvement", icon: Zap },
-          id: "m1",
+        { id: "m2", value: "99.9%", title: "Precision", description: "Inference Precision Metrics", icon: Target },
-          value: "400%",
+        { id: "m3", value: "2ms", title: "Latency", description: "Average System Latency", icon: Cpu },
-          description: "Workflow Velocity Improvement",
-        },
-        {
-          id: "m2",
-          value: "99.9%",
-          description: "Inference Precision",
-        },
-        {
-          id: "m3",
-          value: "2ms",
-          description: "Average Latency",
-        },
       ]}
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardTwo
-      textboxLayout="split"
       useInvertedBackground={false}
-      testimonials={[
+      animationType="slide-up"
-        {
+      textboxLayout="split"
-          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",
-        },
-      ]}
       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>