Merge version_1 into main #2
206
src/app/page.tsx
206
src/app/page.tsx
@@ -31,18 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Mapping",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Mapping", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="VND Protocol"
|
||||
/>
|
||||
@@ -50,36 +41,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Decode Your Reality"
|
||||
description="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?_wi=1",
|
||||
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/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",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-identification-interfaces-background_1284-26510.jpg",
|
||||
imageAlt: "Final Decryption",
|
||||
},
|
||||
{ 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/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"
|
||||
/>
|
||||
@@ -90,7 +60,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="The Cyber-Mentalist Logic"
|
||||
description="Inspired by neuro-linguistic grids and cryptographic transposition, our protocol bypasses conventional thought to map your mental signals into digital reality."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-network-concept_23-2148999172.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-network-concept_23-2148999172.jpg"
|
||||
imageAlt="Neural Mapping Interface"
|
||||
/>
|
||||
</div>
|
||||
@@ -102,29 +72,14 @@ 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,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728160.jpg",
|
||||
imageAlt: "digital puzzle grid ui",
|
||||
title: "Neural Mapping", description: "Static 7x4 alphabet grid processing based on your initial selection.", 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,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg?_wi=2",
|
||||
imageAlt: "digital puzzle grid ui",
|
||||
title: "Dynamic Synchronization", description: "Transposition logic to realign letters based on the second phase input.", bentoComponent: "reveal-icon", icon: Star
|
||||
},
|
||||
{
|
||||
title: "Instant Decoding",
|
||||
description: "High-speed decryption sequence resulting in your target word reconstruction.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-network-concept_23-2148999172.jpg?_wi=2",
|
||||
imageAlt: "digital puzzle grid ui",
|
||||
},
|
||||
title: "Instant Decoding", description: "High-speed decryption sequence resulting in your target word reconstruction.", bentoComponent: "reveal-icon", icon: ShieldCheck
|
||||
}
|
||||
]}
|
||||
title="Protocol Logic Layers"
|
||||
description="Two-phase grid elimination algorithms designed for precise neural signal interpretation."
|
||||
@@ -138,21 +93,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Mapping Accuracy",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2.4s",
|
||||
description: "Avg Decode Time",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50K+",
|
||||
description: "Neurons Processed",
|
||||
},
|
||||
{ id: "m1", value: "99.9%", description: "Mapping Accuracy" },
|
||||
{ id: "m2", value: "2.4s", description: "Avg Decode Time" },
|
||||
{ id: "m3", value: "50K+", description: "Neurons Processed" }
|
||||
]}
|
||||
title="Decryption Statistics"
|
||||
description="Performance metrics of the VND Mind Reading protocols."
|
||||
@@ -163,48 +106,14 @@ export default function LandingPage() {
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
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: "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",
|
||||
},
|
||||
{ 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: "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."
|
||||
@@ -216,21 +125,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is my data private?",
|
||||
content: "The neural protocol processes data locally in your browser memory.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long is the mapping?",
|
||||
content: "Typically under 2 minutes depending on word length.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Does it really read minds?",
|
||||
content: "It is a mathematical grid elimination puzzle, not literal mind reading.",
|
||||
},
|
||||
{ id: "f1", title: "Is my data private?", content: "The neural protocol processes data locally in your browser memory." },
|
||||
{ id: "f2", title: "How long is the mapping?", content: "Typically under 2 minutes depending on word length." },
|
||||
{ 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"
|
||||
@@ -246,21 +143,10 @@ export default function LandingPage() {
|
||||
title="Report an Anomaly"
|
||||
description="Encountered a logic error in the mind reading protocol? Reach out to our technical team."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Technical description of the anomaly...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Technical description of the anomaly..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212570.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -271,35 +157,21 @@ export default function LandingPage() {
|
||||
logoText="VND Protocol"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Mapping",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Protocol",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Product", items: [
|
||||
{ label: "Mapping", href: "#features" },
|
||||
{ label: "Protocol", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Documentation", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user