Skip to content

Commit 06a5481

Browse files
authored
Merge pull request #2 from DANVERSE01/feat/danverse-v2030-overhaul-2633865471738821436
feat: Implement DANVERSE v2030 Visual & Architectural Overhaul
2 parents f9afdc0 + bde0e09 commit 06a5481

13 files changed

Lines changed: 13518 additions & 156 deletions

File tree

package-lock.json

Lines changed: 13263 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -24,17 +24,18 @@
2424
"@tanstack/react-query": "^5.20.0",
2525
"clsx": "^2.1.0",
2626
"framer-motion": "^11.0.0",
27+
"gray-matter": "^4.0.3",
2728
"gsap": "^3.12.5",
2829
"leva": "^0.10.1",
30+
"lucide-react": "^0.562.0",
2931
"next": "^14.2.0",
32+
"next-mdx-remote": "^5.0.0",
3033
"react": "^18.2.0",
3134
"react-dom": "^18.2.0",
3235
"tailwind-merge": "^2.2.0",
3336
"three": "^0.160.0",
3437
"zod": "^3.22.0",
35-
"zustand": "^4.5.0",
36-
"next-mdx-remote": "^5.0.0",
37-
"gray-matter": "^4.0.3"
38+
"zustand": "^4.5.0"
3839
},
3940
"devDependencies": {
4041
"@next/bundle-analyzer": "^14.2.0",

public/images/corgi.jpg

-574 KB
Binary file not shown.

public/images/github-mark-white.svg

Lines changed: 0 additions & 8 deletions
This file was deleted.

public/images/grid-bg.svg

Lines changed: 0 additions & 113 deletions
This file was deleted.

public/images/noise.png

-5.68 KB
Binary file not shown.

public/images/noise.svg

Lines changed: 0 additions & 7 deletions
This file was deleted.

src/app/layout.tsx

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
"use client";
12
import type { Metadata } from 'next';
23
import { Rajdhani } from 'next/font/google';
34
import './globals.css';
@@ -10,9 +11,6 @@ const rajdhani = Rajdhani({
1011
display: 'swap',
1112
});
1213

13-
export const metadata: Metadata = {
14-
'Creative Director | AI Visualization & Brand Identity Specialist'}; description: 'Creative Director specializing in AI Visualization, Cinematic Advertising, Brand Identity Design, and 3D Interactive Experiences.',
15-
1614

1715
export default function RootLayout({
1816
children,
@@ -21,15 +19,16 @@ export default function RootLayout({
2119
}) {
2220
return (
2321
<html lang="en" className={rajdhani.variable}>
24-
<body className="font-sans bg-void text-white/90">{children}</body>
25-
26-
<Script strategy="afterInteractive" src="https://www.googletagmanager.com/gtag/js?id={process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID}" />
22+
<body className="font-sans bg-void text-white/90">
23+
{children}
24+
<Script strategy="afterInteractive" src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID}`} />
2725
<Script id="google-analytics" strategy="afterInteractive">
2826
{`window.dataLayer = window.dataLayer || [];
2927
function gtag(){dataLayer.push(arguments);}
3028
gtag('js', new Date());
3129
gtag('config', '${process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID}');`}
3230
</Script>
31+
</body>
3332
</html>
3433
);
3534
}

src/app/page.tsx

Lines changed: 42 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,46 @@
1-
import { Encryption } from "@/components/main/encryption";
2-
import { Footer } from "@/components/main/footer";
3-
import { Hero } from "@/components/main/hero";
4-
import { Navbar } from "@/components/main/navbar";
5-
import { Projects } from "@/components/main/projects";
6-
import { Skills } from "@/components/main/skills";
7-
import { StarBackground } from "@/components/main/star-background";
1+
"use client";
82

9-
export default function Home() {
3+
import { Suspense } from "react";
4+
import { Metadata } from "next";
5+
import { Canvas } from "@react-three/fiber";
6+
import { EffectComposer, Bloom, Noise } from "@react-three/postprocessing";
7+
import NeuralCore from "@/components/canvas/NeuralCore";
8+
import GlassLogo from "@/components/canvas/GlassLogo";
9+
import ScrollRig from "@/components/canvas/ScrollRig";
10+
import Overlay from "@/components/ui/Overlay";
11+
12+
export const metadata: Metadata = {
13+
title: "DANVERSE v2030 | Cinematic Portfolio",
14+
description: "A Lusion-style cinematic portfolio with a Neural Brain simulation, Liquid Glass UI, and scroll-based camera movement.",
15+
};
16+
17+
const Page = () => {
1018
return (
11-
<main className="h-full w-full bg-[#030014]">
12-
<div className="flex flex-col">
13-
<StarBackground />
14-
<Navbar />
15-
<Hero />
16-
<Skills />
17-
<Encryption />
18-
<Projects />
19-
<Footer />
19+
<>
20+
<Overlay />
21+
<div className="fixed top-0 left-0 w-full h-screen">
22+
<Canvas>
23+
<Suspense fallback={null}>
24+
<ambientLight intensity={0.5} />
25+
<pointLight position={[10, 10, 10]} />
26+
<NeuralCore />
27+
<GlassLogo />
28+
<ScrollRig />
29+
<EffectComposer>
30+
<Bloom
31+
intensity={0.5}
32+
luminanceThreshold={0.2}
33+
luminanceSmoothing={0.9}
34+
height={300}
35+
/>
36+
<Noise opacity={0.02} />
37+
</EffectComposer>
38+
</Suspense>
39+
</Canvas>
2040
</div>
21-
</main>
41+
<div style={{ height: "200vh" }} />
42+
</>
2243
);
23-
}
44+
};
45+
46+
export default Page;
Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
"use client";
2+
3+
import { MeshTransmissionMaterial } from "@react-three/drei";
4+
import { BoxGeometry } from "three";
5+
6+
const GlassLogo = () => {
7+
return (
8+
<group>
9+
<mesh>
10+
<boxGeometry args={[1, 1, 1]} />
11+
<MeshTransmissionMaterial
12+
transmission={1}
13+
thickness={0.2}
14+
roughness={0}
15+
chromaticAberration={0.03}
16+
/>
17+
</mesh>
18+
<mesh position={[0, 0, 1]}>
19+
<boxGeometry args={[0.5, 0.5, 1]} />
20+
<MeshTransmissionMaterial
21+
transmission={1}
22+
thickness={0.2}
23+
roughness={0}
24+
chromaticAberration={0.03}
25+
/>
26+
</mesh>
27+
</group>
28+
);
29+
};
30+
31+
export default GlassLogo;

0 commit comments

Comments
 (0)