Merge version_1_1781545656917 into main #1
@@ -12,241 +12,160 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroOverlayMarquee
|
||||
tag="Living Reality Engine"
|
||||
title="Explore the Emergence of Reality"
|
||||
description="An evolving digital organism visualizing the path from quantum particles to cosmic consciousness."
|
||||
primaryButton={{
|
||||
text: "Begin Exploration",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Observe Systems",
|
||||
href: "#metrics",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
text: "Quantum Fields",
|
||||
icon: Globe2,
|
||||
},
|
||||
{
|
||||
text: "Cosmic Time",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
text: "Consciousness",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-153798.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Living Reality Engine"
|
||||
title="Explore the Emergence of Reality"
|
||||
description="An evolving digital organism visualizing the path from quantum particles to cosmic consciousness."
|
||||
primaryButton={{
|
||||
text: "Begin Exploration", href: "#features"}}
|
||||
secondaryButton={{
|
||||
text: "Observe Systems", href: "#metrics"}}
|
||||
items={[
|
||||
{
|
||||
text: "Quantum Fields", icon: Globe2,
|
||||
},
|
||||
{
|
||||
text: "Cosmic Time", icon: Clock,
|
||||
},
|
||||
{
|
||||
text: "Consciousness", icon: Star,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-153798.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Observation"
|
||||
quote="The platform doesn't just display information; it feels like it is watching the universe unfold alongside us."
|
||||
author="Dr. Elena Vance"
|
||||
role="Cosmological Architect"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Observation"
|
||||
quote="The platform doesn't just display information; it feels like it is watching the universe unfold alongside us."
|
||||
author="Dr. Elena Vance"
|
||||
role="Cosmological Architect"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBentoGrid
|
||||
tag="Systems"
|
||||
title="Scientific Exploration Engines"
|
||||
description="Advanced reality layers integrated into a single breathing digital ecosystem."
|
||||
features={[
|
||||
{
|
||||
title: "Quantum Simulator",
|
||||
description: "Visualize subatomic fluctuations in real-time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-yellow-lights-illuminate-winter-tree-branches-generated-by-ai_188544-16412.jpg",
|
||||
},
|
||||
{
|
||||
title: "Galaxy Explorer",
|
||||
description: "Navigate through cosmic history and structures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828203.jpg",
|
||||
},
|
||||
{
|
||||
title: "DNA Evolution Lab",
|
||||
description: "Observe genetic development at cellular level.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dna-helix_1048-2371.jpg",
|
||||
},
|
||||
{
|
||||
title: "Thought Architect",
|
||||
description: "Model complex neural thought structures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Systems"
|
||||
title="Scientific Exploration Engines"
|
||||
description="Advanced reality layers integrated into a single breathing digital ecosystem."
|
||||
features={[
|
||||
{
|
||||
title: "Quantum Simulator", description: "Visualize subatomic fluctuations in real-time.", imageSrc: "http://img.b2bpic.net/free-photo/glowing-yellow-lights-illuminate-winter-tree-branches-generated-by-ai_188544-16412.jpg"},
|
||||
{
|
||||
title: "Galaxy Explorer", description: "Navigate through cosmic history and structures.", imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828203.jpg"},
|
||||
{
|
||||
title: "DNA Evolution Lab", description: "Observe genetic development at cellular level.", imageSrc: "http://img.b2bpic.net/free-photo/dna-helix_1048-2371.jpg"},
|
||||
{
|
||||
title: "Thought Architect", description: "Model complex neural thought structures.", imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<FeaturesImageBento
|
||||
tag="Exploration"
|
||||
title="Reality Layers"
|
||||
description="Navigate through interconnected dimensions of existence."
|
||||
items={[
|
||||
{
|
||||
title: "Quantum Field",
|
||||
description: "The base layer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99375.jpg",
|
||||
},
|
||||
{
|
||||
title: "Atomic Fabric",
|
||||
description: "Matter and force",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048934.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cellular Life",
|
||||
description: "Biological systems",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-neodymium-magnet-phenomenon_23-2148253596.jpg",
|
||||
},
|
||||
{
|
||||
title: "Human Consciousness",
|
||||
description: "The observer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-system-using-complex-language-code-deep-learning-neural-network-programming-model-solving-operations-using-massive-computational-power-3d-render-animation_482257-66217.jpg",
|
||||
},
|
||||
{
|
||||
title: "Planetary Society",
|
||||
description: "Emerging intelligence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/binary-world_1048-8575.jpg",
|
||||
},
|
||||
{
|
||||
title: "Galactic History",
|
||||
description: "Universal scale",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-305456.jpg",
|
||||
},
|
||||
{
|
||||
title: "The Multiverse",
|
||||
description: "Infinite potential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-background-with-circular-shapes-neon-purple-lights_181624-11661.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Exploration"
|
||||
title="Reality Layers"
|
||||
description="Navigate through interconnected dimensions of existence."
|
||||
items={[
|
||||
{
|
||||
title: "Quantum Field", description: "The base layer", imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99375.jpg"},
|
||||
{
|
||||
title: "Atomic Fabric", description: "Matter and force", imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048934.jpg"},
|
||||
{
|
||||
title: "Cellular Life", description: "Biological systems", imageSrc: "http://img.b2bpic.net/free-photo/blue-neodymium-magnet-phenomenon_23-2148253596.jpg"},
|
||||
{
|
||||
title: "Human Consciousness", description: "The observer", imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-system-using-complex-language-code-deep-learning-neural-network-programming-model-solving-operations-using-massive-computational-power-3d-render-animation_482257-66217.jpg"},
|
||||
{
|
||||
title: "Planetary Society", description: "Emerging intelligence", imageSrc: "http://img.b2bpic.net/free-photo/binary-world_1048-8575.jpg"},
|
||||
{
|
||||
title: "Galactic History", description: "Universal scale", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-305456.jpg"},
|
||||
{
|
||||
title: "The Multiverse", description: "Infinite potential", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-background-with-circular-shapes-neon-purple-lights_181624-11661.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Perspective"
|
||||
title="Cosmic Measurements"
|
||||
description="Placing the human experience within the vastness of existence."
|
||||
metrics={[
|
||||
{
|
||||
value: "13.8B",
|
||||
title: "Age of Universe",
|
||||
description: "Years of expansion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599356.jpg",
|
||||
},
|
||||
{
|
||||
value: "100B+",
|
||||
title: "Galaxies",
|
||||
description: "In observable space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-153877.jpg",
|
||||
},
|
||||
{
|
||||
value: "37T",
|
||||
title: "Human Cells",
|
||||
description: "Operating in unison.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/honeycomb-oil-drops-violet-hue_23-2148227028.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Perspective"
|
||||
title="Cosmic Measurements"
|
||||
description="Placing the human experience within the vastness of existence."
|
||||
metrics={[
|
||||
{
|
||||
value: "13.8B", title: "Age of Universe", description: "Years of expansion.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599356.jpg"},
|
||||
{
|
||||
value: "100B+", title: "Galaxies", description: "In observable space.", imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-153877.jpg"},
|
||||
{
|
||||
value: "37T", title: "Human Cells", description: "Operating in unison.", imageSrc: "http://img.b2bpic.net/free-photo/honeycomb-oil-drops-violet-hue_23-2148227028.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Observation"
|
||||
title="Voices of Discovery"
|
||||
testimonials={[
|
||||
{
|
||||
name: "User 1",
|
||||
role: "Explorer",
|
||||
quote: "Transcendent design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cover-art-illustration_23-2151904463.jpg",
|
||||
},
|
||||
{
|
||||
name: "User 2",
|
||||
role: "Architect",
|
||||
quote: "Beyond software.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg",
|
||||
},
|
||||
{
|
||||
name: "User 3",
|
||||
role: "Dreamer",
|
||||
quote: "Truly eye-opening.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-outdoors_23-2151038578.jpg",
|
||||
},
|
||||
{
|
||||
name: "User 4",
|
||||
role: "Student",
|
||||
quote: "Learned so much.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-technician-posing-with-safety-glasses_23-2148816368.jpg",
|
||||
},
|
||||
{
|
||||
name: "User 5",
|
||||
role: "Scientist",
|
||||
quote: "Absolute genius.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-scientist-holding-vial_23-2148969971.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Observation"
|
||||
title="Voices of Discovery"
|
||||
description="Insights from our global network of explorers."
|
||||
testimonials={[
|
||||
{
|
||||
name: "User 1", role: "Explorer", quote: "Transcendent design.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-cover-art-illustration_23-2151904463.jpg"},
|
||||
{
|
||||
name: "User 2", role: "Architect", quote: "Beyond software.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg"},
|
||||
{
|
||||
name: "User 3", role: "Dreamer", quote: "Truly eye-opening.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-outdoors_23-2151038578.jpg"},
|
||||
{
|
||||
name: "User 4", role: "Student", quote: "Learned so much.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-technician-posing-with-safety-glasses_23-2148816368.jpg"},
|
||||
{
|
||||
name: "User 5", role: "Scientist", quote: "Absolute genius.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-scientist-holding-vial_23-2148969971.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Network"
|
||||
title="Universal Knowledge"
|
||||
description="Common questions about our digital reality."
|
||||
items={[
|
||||
{
|
||||
question: "Is this a simulator?",
|
||||
answer: "It is a reality interpretation layer.",
|
||||
},
|
||||
{
|
||||
question: "Can I influence the system?",
|
||||
answer: "Your observation changes the outcome.",
|
||||
},
|
||||
{
|
||||
question: "How often does it update?",
|
||||
answer: "The system evolves continuously.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Network"
|
||||
title="Universal Knowledge"
|
||||
description="Common questions about our digital reality."
|
||||
items={[
|
||||
{
|
||||
question: "Is this a simulator?", answer: "It is a reality interpretation layer."},
|
||||
{
|
||||
question: "Can I influence the system?", answer: "Your observation changes the outcome."},
|
||||
{
|
||||
question: "How often does it update?", answer: "The system evolves continuously."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Participation"
|
||||
text="The universe requires an observer to exist."
|
||||
primaryButton={{
|
||||
text: "Step into Reality",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Deep Dive",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Participation"
|
||||
text="The universe requires an observer to exist."
|
||||
primaryButton={{
|
||||
text: "Step into Reality", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Deep Dive", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user