Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { useState, useEffect } from "react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
@@ -14,6 +15,14 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 import { ShieldCheck, Star, Zap } from "lucide-react";
 
 export default function LandingPage() {
+  const [revealed, setRevealed] = useState(false);
+  const [word, setWord] = useState("");
+
+  const handleWordReveal = (finalWord: string) => {
+    setWord(finalWord);
+    setRevealed(true);
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
@@ -42,14 +51,12 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{ variant: "sparkles-gradient" }}
-      title="Decode Your Reality"
+      title={revealed ? `Signal Decoded: ${word}` : "Decode Your Reality"}
-      description="VND Mind Reading utilizes neural protocol algorithms to reveal the hidden contents of your subconscious in seconds."
+      description={revealed ? "The protocol has successfully extracted your subconscious target word." : "VND Mind Reading utilizes neural protocol algorithms to reveal the hidden contents of your subconscious in seconds."}
       mediaItems={[
         { imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg", imageAlt: "Neural Orbital Ring Animation" },
         { imageSrc: "http://img.b2bpic.net/free-photo/big-data-ai-learning-concept-server-center-3d-render_482257-27721.jpg", imageAlt: "Data Pulse" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2392.jpg", imageAlt: "Protocol Initialization" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2392.jpg", imageAlt: "Protocol Initialization" }
-        { imageSrc: "http://img.b2bpic.net/free-photo/binary-flow-background_1048-11303.jpg", imageAlt: "Subconscious Scan" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/vibrant-abstract-sphere-illuminates-dark-backdrop-generated-by-ai_188544-11877.jpg", imageAlt: "Synaptic Mapping" }
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -72,13 +79,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Neural Mapping",          description: "Static 7x4 alphabet grid processing based on your initial selection.",          bentoComponent: "reveal-icon",          icon: Zap
+          title: "Neural Mapping",          description: "Visualize your mental patterns in seconds.",          bentoComponent: "reveal-icon",          icon: Zap
         },
         {
-          title: "Dynamic Synchronization",          description: "Transposition logic to realign letters based on the second phase input.",          bentoComponent: "reveal-icon",          icon: Star
+          title: "Dynamic Sync",          description: "Protocol transposition initiated.",          bentoComponent: "reveal-icon",          icon: Star
         },
         {
-          title: "Instant Decoding",          description: "High-speed decryption sequence resulting in your target word reconstruction.",          bentoComponent: "reveal-icon",          icon: ShieldCheck
+          title: "Final Reveal",          description: "Trigger deep neural reconstruction.",          bentoComponent: "reveal-icon",          icon: ShieldCheck
         }
       ]}
       title="Protocol Logic Layers"
@@ -111,9 +118,7 @@ export default function LandingPage() {
       testimonials={[
         { id: "1", name: "Sarah Chen", role: "Neuroscientist", company: "NeuralLabs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-nightlife-party_23-2149220900.jpg" },
         { id: "2", name: "Alex Rivet", role: "Game Developer", company: "CodeFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg" },
-        { id: "3", name: "Emily Rose", role: "Mentalist", company: "Illusionist Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419481.jpg" },
+        { id: "3", name: "Emily Rose", role: "Mentalist", company: "Illusionist Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419481.jpg" }
-        { id: "4", name: "David Moon", role: "Tech Enthusiast", company: "StartupX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-man-wearing-specs-looking-far-away-isolated-dark-neon-purple-color-background_231208-14363.jpg" },
-        { id: "5", name: "Jane Doe", role: "Engineer", company: "Systematic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645683.jpg" }
       ]}
       title="Subconscious Feedback"
       description="What users say about the VND Protocol experience."
@@ -130,7 +135,6 @@ export default function LandingPage() {
         { id: "f3", title: "Does it really read minds?", content: "It is a mathematical grid elimination puzzle, not literal mind reading." }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160254.jpg"
-      imageAlt="Support Interface"
       title="Protocol Inquiries"
       description="Answers to common questions regarding neural mapping."
       faqsAnimation="slide-up"
@@ -140,13 +144,14 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Report an Anomaly"
+      title="Initiate Final Reveal"
-      description="Encountered a logic error in the mind reading protocol? Reach out to our technical team."
+      description="Submit your neural ID and target word now to unlock your personalized Final Reveal results immediately."
       inputs={[
-        { name: "name", type: "text", placeholder: "Name" },
+        { name: "name", type: "text", placeholder: "Neural ID" },
-        { name: "email", type: "email", placeholder: "Email" }
+        { name: "word", type: "text", placeholder: "Final Target Word" }
       ]}
-      textarea={{ name: "message", placeholder: "Technical description of the anomaly..." }}
+      onSubmit={(data) => handleWordReveal(data.word)}
+      buttonText="Decrypt Now"
       imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212570.jpg"
     />
   </div>
@@ -156,18 +161,8 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205020.jpg"
       logoText="VND Protocol"
       columns={[
-        {
+        { title: "Product", items: [{ label: "Mapping", href: "#features" }, { label: "Protocol", href: "#" }] },
-          title: "Product",          items: [
+        { title: "Support", items: [{ label: "Documentation", href: "#faq" }, { label: "Contact", href: "#contact" }] }
-            { label: "Mapping", href: "#features" },
-            { label: "Protocol", href: "#" }
-          ]
-        },
-        {
-          title: "Support",          items: [
-            { label: "Documentation", href: "#faq" },
-            { label: "Contact", href: "#contact" }
-          ]
-        }
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #000000;
-  --card: #1a1a1a;
+  --card: #0a0a0a;
-  --foreground: #fffaf5e6;
+  --foreground: #ffffff;
-  --primary-cta: #ffaa70;
+  --primary-cta: #00f0ff;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #111111;
   --secondary-cta-text: #fffaf5e6;
-  --accent: #737373;
+  --accent: #00f0ff;
-  --background-accent: #737373;
+  --background-accent: #003333;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);