bender/a3ddf50e-290c-46d6-95d2-4cbc3ac44af6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-09 02:10:43 +00:00
parent f386b281d6 626b0ab441
commit 27b9261efa
1 changed files with 34 additions and 185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

219
src/app/page.tsx
View File

@@ -30,55 +30,26 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Architecture",
id: "about",
},
{
name: "Systems",
id: "features",
},
{
name: "Artifacts",
id: "products",
},
{
name: "Archive",
id: "blog",
},
{ name: "Architecture", id: "about" },
{ name: "Systems", id: "features" },
{ name: "Artifacts", id: "products" }
]}
brandName="DIMENSION.SYS"
button={{ text: "Explore" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "canvas-reveal",
}}
background={{ variant: "canvas-reveal" }}
title="Welcome to the Digital Dimension"
description="Exploration of experimental web architecture, where motion, light, and geometry collide to form an immersive cinematic experience."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/large-modern-architecture-hall_181624-239.jpg",
imageAlt: "Cinematic Void 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/technological-exploration-settlement_23-2151768672.jpg",
imageAlt: "Cinematic Void 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339764.jpg",
imageAlt: "Cinematic Void 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/illustration-hexagonal-figure-made-brown-gold-lights_181624-21212.jpg",
imageAlt: "Cinematic Void 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-laser-lights-perfect-digital-wallpaper_181624-24679.jpg",
imageAlt: "Cinematic Void 5",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/large-modern-architecture-hall_181624-239.jpg", imageAlt: "Cinematic Void 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/technological-exploration-settlement_23-2151768672.jpg", imageAlt: "Cinematic Void 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339764.jpg", imageAlt: "Cinematic Void 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/illustration-hexagonal-figure-made-brown-gold-lights_181624-21212.jpg", imageAlt: "Cinematic Void 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-laser-lights-perfect-digital-wallpaper_181624-24679.jpg", imageAlt: "Cinematic Void 5" }
]}
mediaAnimation="blur-reveal"
/>
@@ -91,18 +62,9 @@ export default function LandingPage() {
title="Digital Architecture"
description="We build hidden systems. Our architecture blends surreal geometry with highly interactive interfaces to create environments that breathe and react."
bulletPoints={[
{
title: "Immersive Worlds",
description: "Every scene is crafted with volumetric light and particle physics.",
},
{
title: "Interactive Motion",
description: "Scroll-based cameras shift your perspective through 3D space.",
},
{
title: "Cinematic Flow",
description: "Transitions are designed to feel like continuous camera tracking.",
},
{ title: "Immersive Worlds", description: "Every scene is crafted with volumetric light and particle physics." },
{ title: "Interactive Motion", description: "Scroll-based cameras shift your perspective through 3D space." },
{ title: "Cinematic Flow", description: "Transitions are designed to feel like continuous camera tracking." }
]}
imageSrc="http://img.b2bpic.net/free-photo/futuristic-representation-water-park_23-2151048119.jpg"
/>
@@ -114,27 +76,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "1",
title: "Dynamic Shaders",
description: "Atmospheric haze and lighting generated through real-time code.",
tag: "Rendering",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16078.jpg",
},
{
id: "2",
title: "Kinetic Typography",
description: "Text elements move through space with physics-based interactions.",
tag: "Motion",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-purple-yellow-sphere_23-2148235862.jpg",
},
{
id: "3",
title: "Camera Systems",
description: "Advanced scrolling manipulation that mimics cinematic tracking.",
tag: "Camera",
imageSrc: "http://img.b2bpic.net/free-photo/military-drone-control-outpost-spreading-misinformation-russian-government_482257-124740.jpg",
},
{ id: "1", title: "Dynamic Shaders", description: "Atmospheric haze and lighting generated through real-time code.", tag: "Rendering", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16078.jpg" },
{ id: "2", title: "Kinetic Typography", description: "Text elements move through space with physics-based interactions.", tag: "Motion", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-purple-yellow-sphere_23-2148235862.jpg" },
{ id: "3", title: "Camera Systems", description: "Advanced scrolling manipulation that mimics cinematic tracking.", tag: "Camera", imageSrc: "http://img.b2bpic.net/free-photo/military-drone-control-outpost-spreading-misinformation-russian-government_482257-124740.jpg" }
]}
title="Core Systems"
description="The foundation of our cinematic interface is built on sophisticated WebGL and kinetic motion frameworks."
@@ -147,21 +91,9 @@ export default function LandingPage() {
title="System Integrity"
tag="Telemetry"
metrics={[
{
id: "m1",
value: "100+",
description: "Scenes Rendered",
},
{
id: "m2",
value: "24/7",
description: "Uptime Stability",
},
{
id: "m3",
value: "99.9%",
description: "Engine Performance",
},
{ id: "m1", value: "100+", description: "Scenes Rendered" },
{ id: "m2", value: "24/7", description: "Uptime Stability" },
{ id: "m3", value: "99.9%", description: "Engine Performance" }
]}
/>
</div>
@@ -171,37 +103,13 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
animationType="blur-reveal"
products={[
{
id: "a1",
name: "Monolith V.1",
price: "ARCHIVE",
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037177.jpg",
},
{
id: "a2",
name: "Light Particle",
price: "ARCHIVE",
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-flowing-glowing-dots_1048-11945.jpg",
},
{
id: "a3",
name: "Void Node",
price: "ARCHIVE",
imageSrc: "http://img.b2bpic.net/free-photo/two-identical-wedding-rings-lie-bottom-glass_8353-10239.jpg",
},
{
id: "a4",
name: "Data Stream",
price: "ARCHIVE",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-glass-sculpture-purple-background_23-2151991180.jpg",
},
{
id: "a5",
name: "Nebula Shift",
price: "ARCHIVE",
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037205.jpg",
},
{ id: "a1", name: "Monolith V.1", price: "ARCHIVE", imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037177.jpg" },
{ id: "a2", name: "Light Particle", price: "ARCHIVE", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-flowing-glowing-dots_1048-11945.jpg" },
{ id: "a3", name: "Void Node", price: "ARCHIVE", imageSrc: "http://img.b2bpic.net/free-photo/two-identical-wedding-rings-lie-bottom-glass_8353-10239.jpg" },
{ id: "a4", name: "Data Stream", price: "ARCHIVE", imageSrc: "http://img.b2bpic.net/free-photo/abstract-glass-sculpture-purple-background_23-2151991180.jpg" },
{ id: "a5", name: "Nebula Shift", price: "ARCHIVE", imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037205.jpg" }
]}
title="Artifact Archive"
description="Discover curated cinematic scenes and conceptual artifacts."
@@ -213,42 +121,13 @@ export default function LandingPage() {
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
description="Verified user insights from our digital experience log."
testimonials={[
{
id: "t1",
name: "Aura C.",
role: "Creative Lead",
testimonial: "Entering this dimension changed my perspective on interface design.",
imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-holding-lantern-book-night_23-2148277444.jpg",
},
{
id: "t2",
name: "Kaelen V.",
role: "Architect",
testimonial: "Surreal, immersive, and technically brilliant. An absolute marvel.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-clear-bubble_23-2151102602.jpg",
},
{
id: "t3",
name: "Jace D.",
role: "Designer",
testimonial: "The atmosphere is hauntingly beautiful. A masterpiece of web design.",
imageSrc: "http://img.b2bpic.net/free-photo/world-science-day-research-innovation-elements_23-2151812338.jpg",
},
{
id: "t4",
name: "Mira R.",
role: "Technologist",
testimonial: "I've never seen such fluid cinematic motion on a browser.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512085.jpg",
},
{
id: "t5",
name: "Elara S.",
role: "Artist",
testimonial: "An incredible journey through digital architecture.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916036.jpg",
},
{ id: "t1", name: "Aura C.", role: "Creative Lead", testimonial: "Entering this dimension changed my perspective on interface design.", imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-holding-lantern-book-night_23-2148277444.jpg" },
{ id: "t2", name: "Kaelen V.", role: "Architect", testimonial: "Surreal, immersive, and technically brilliant. An absolute marvel.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-clear-bubble_23-2151102602.jpg" },
{ id: "t3", name: "Jace D.", role: "Designer", testimonial: "The atmosphere is hauntingly beautiful. A masterpiece of web design.", imageSrc: "http://img.b2bpic.net/free-photo/world-science-day-research-innovation-elements_23-2151812338.jpg" },
{ id: "t4", name: "Mira R.", role: "Technologist", testimonial: "I've never seen such fluid cinematic motion on a browser.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512085.jpg" },
{ id: "t5", name: "Elara S.", role: "Artist", testimonial: "An incredible journey through digital architecture.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916036.jpg" }
]}
title="User Experience Logs"
/>
@@ -257,9 +136,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
tag="Connect"
title="Establish Link"
description="Enter the transmission signal to receive updates from our dimension."
@@ -271,36 +148,8 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="DIMENSION.SYS"
columns={[
{
title: "Navigation",
items: [
{
label: "Architecture",
href: "#about",
},
{
label: "Systems",
href: "#features",
},
{
label: "Artifacts",
href: "#products",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Transmission Log",
href: "#",
},
],
},
{ title: "Navigation", items: [{ label: "Architecture", href: "#about" }, { label: "Systems", href: "#features" }, { label: "Artifacts", href: "#products" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Transmission Log", href: "#" }] }
]}
/>
</div>