bender/e70ec4e9-9bbd-47b9-bb6c-d44488d6b5d5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

8 Commits
version_1 ... main

Author SHA1 Message Date
bender
a2747d0644 Merge version_2 into main 
Merge version_2 into main
 2026-03-03 19:09:44 +00:00
bender
d5e5a1d013 Update src/app/layout.tsx 2026-03-03 19:09:39 +00:00
bender
13c3b6b7b8 Merge version_2 into main 
Merge version_2 into main
 2026-03-03 19:06:44 +00:00
bender
8b26d97d2f Update src/app/page.tsx 2026-03-03 19:06:37 +00:00
bender
fdf4433c65 Update src/app/layout.tsx 2026-03-03 19:06:36 +00:00
bender
07ee75dac3 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 19:05:34 +00:00
bender
69fd77820e Merge version_1 into main 
Merge version_1 into main
 2026-03-03 19:04:07 +00:00
bender
3abe2819e1 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 19:01:35 +00:00
2 changed files with 56 additions and 66 deletions
Expand all files Collapse all files

48
src/app/layout.tsx
View File

@@ -1,54 +1,21 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Archivo } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "@/styles/globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const archivo = Archivo({ const inter = Inter({ subsets: ["latin"] });
variable: "--font-archivo", subsets: ["latin"],
});
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "3D Space - Immersive Web Experiences", description: "Discover cutting-edge 3D web design and interactive experiences. Explore spatial navigation, depth interactions, and modern digital design.", keywords: "3D web design, interactive experiences, spatial design, digital innovation", robots: { title: "Dimensional - Immersive 3D Web Experiences", description: "Create stunning 3D web experiences with Dimensional"
index: true,
follow: true,
},
openGraph: {
title: "3D Space - Next Generation Web Design", description: "Experience immersive 3D web design with interactive depth and spatial navigation.", type: "website", siteName: "3D Space", images: [
{
url: "http://img.b2bpic.net/free-vector/technology-background-made-with-particles_1017-8222.jpg", alt: "3D Space Hero"},
],
},
twitter: {
card: "summary_large_image", title: "3D Space - Immersive Experiences", description: "Next-generation 3D web design platform", images: ["http://img.b2bpic.net/free-vector/technology-background-made-with-particles_1017-8222.jpg"],
},
}; };
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={inter.className}>{children}
<body
className={`${archivo.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1416,7 +1383,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

74
src/app/page.tsx
View File

@@ -53,7 +53,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCarouselLogo <HeroCarouselLogo
logoText="3D SPACE" logoText="3D SPACE"
description="Immerse yourself in an interactive 3D experience designed for the modern web. Explore spatial navigation, depth interactions, and cutting-edge visual design." description="Increase engagement by 300%+ with immersive 3D web experiences that captivate your audience and drive measurable business results. Transform spatial navigation, depth interactions, and cutting-edge visual design into powerful conversion tools."
buttons={[ buttons={[
{ text: "Explore Now", href: "#features" }, { text: "Explore Now", href: "#features" },
{ text: "Learn More", href: "#about" }, { text: "Learn More", href: "#about" },
@@ -61,13 +61,16 @@ export default function LandingPage() {
slides={[ slides={[
{ {
imageSrc: imageSrc:
"http://img.b2bpic.net/free-vector/technology-background-made-with-particles_1017-8222.jpg", imageAlt: "3D Abstract Space"}, "http://img.b2bpic.net/free-vector/technology-background-made-with-particles_1017-8222.jpg", imageAlt: "3D Abstract Space"
},
{ {
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/futuristic-school-classroom-future-students_23-2150906364.jpg", imageAlt: "Interactive Environment"}, "http://img.b2bpic.net/free-photo/futuristic-school-classroom-future-students_23-2150906364.jpg", imageAlt: "Interactive Environment"
},
{ {
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/woman-playing-games-vr-set-indoors_23-2148513444.jpg", imageAlt: "Immersive Design"}, "http://img.b2bpic.net/free-photo/woman-playing-games-vr-set-indoors_23-2148513444.jpg", imageAlt: "Immersive Design"
},
]} ]}
autoplayDelay={4000} autoplayDelay={4000}
showDimOverlay={true} showDimOverlay={true}
@@ -84,27 +87,33 @@ export default function LandingPage() {
{ {
icon: Box, icon: Box,
title: "3D Model Viewer", description: title: "3D Model Viewer", description:
"Rotate and inspect 3D models with smooth, responsive interactions and real-time rendering capabilities."}, "Rotate and inspect 3D models with smooth, responsive interactions and real-time rendering capabilities."
},
{ {
icon: Zap, icon: Zap,
title: "Instant Loading", description: title: "Instant Loading", description:
"Optimized for performance with progressive enhancement and instantaneous visual feedback."}, "Optimized for performance with progressive enhancement and instantaneous visual feedback."
},
{ {
icon: Shield, icon: Shield,
title: "Secure Foundation", description: title: "Secure Foundation", description:
"Built on solid foundations with enterprise-grade security and data protection standards."}, "Built on solid foundations with enterprise-grade security and data protection standards."
},
{ {
icon: Move3d, icon: Move3d,
title: "Spatial Navigation", description: title: "Spatial Navigation", description:
"Navigate through layered content with intuitive spatial controls and depth-based interactions."}, "Navigate through layered content with intuitive spatial controls and depth-based interactions."
},
{ {
icon: Palette, icon: Palette,
title: "Visual Customization", description: title: "Visual Customization", description:
"Personalize your experience with dynamic color themes and interactive visual preferences."}, "Personalize your experience with dynamic color themes and interactive visual preferences."
},
{ {
icon: Layers, icon: Layers,
title: "Layered Architecture", description: title: "Layered Architecture", description:
"Experience content organized in meaningful spatial layers for improved browsing efficiency."}, "Experience content organized in meaningful spatial layers for improved browsing efficiency."
},
]} ]}
animationType="blur-reveal" animationType="blur-reveal"
textboxLayout="default" textboxLayout="default"
@@ -139,32 +148,38 @@ export default function LandingPage() {
id: "1", name: "Alex Rivera", handle: "@alexrivera", testimonial: id: "1", name: "Alex Rivera", handle: "@alexrivera", testimonial:
"The 3D interface completely changed how our clients interact with our portfolio. It's absolutely revolutionary.", rating: 5, "The 3D interface completely changed how our clients interact with our portfolio. It's absolutely revolutionary.", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1", imageAlt: "Alex Rivera"}, "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1", imageAlt: "Alex Rivera"
},
{ {
id: "2", name: "Jordan Chen", handle: "@jordanchen", testimonial: id: "2", name: "Jordan Chen", handle: "@jordanchen", testimonial:
"Performance is incredible. Our site loads instantly even with complex 3D visualizations. Highly recommend!", rating: 5, "Performance is incredible. Our site loads instantly even with complex 3D visualizations. Highly recommend!", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Jordan Chen"}, "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Jordan Chen"
},
{ {
id: "3", name: "Sarah Thompson", handle: "@sarahdesign", testimonial: id: "3", name: "Sarah Thompson", handle: "@sarahdesign", testimonial:
"Finally a platform that lets designers express their vision in 3D. This is the future of web design.", rating: 5, "Finally a platform that lets designers express their vision in 3D. This is the future of web design.", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=1", imageAlt: "Sarah Thompson"}, "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=1", imageAlt: "Sarah Thompson"
},
{ {
id: "4", name: "Marcus Johnson", handle: "@marcusdev", testimonial: id: "4", name: "Marcus Johnson", handle: "@marcusdev", testimonial:
"The developer experience is smooth. Integration was seamless and the documentation is comprehensive.", rating: 5, "The developer experience is smooth. Integration was seamless and the documentation is comprehensive.", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", imageAlt: "Marcus Johnson"}, "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", imageAlt: "Marcus Johnson"
},
{ {
id: "5", name: "Elena Vasquez", handle: "@elenav", testimonial: id: "5", name: "Elena Vasquez", handle: "@elenav", testimonial:
"Our engagement metrics doubled after implementing 3D elements. This platform delivers real business results.", rating: 5, "Our engagement metrics doubled after implementing 3D elements. This platform delivers real business results.", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=2", imageAlt: "Elena Vasquez"}, "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=2", imageAlt: "Elena Vasquez"
},
{ {
id: "6", name: "David Park", handle: "@davidpark", testimonial: id: "6", name: "David Park", handle: "@davidpark", testimonial:
"The support team is exceptional. Every question answered promptly with helpful, actionable insights.", rating: 5, "The support team is exceptional. Every question answered promptly with helpful, actionable insights.", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "David Park"}, "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "David Park"
},
]} ]}
animationType="slide-up" animationType="slide-up"
/> />
@@ -183,16 +198,20 @@ export default function LandingPage() {
members={[ members={[
{ {
id: "1", name: "Sarah Kim", role: "Chief Designer", imageSrc: id: "1", name: "Sarah Kim", role: "Chief Designer", imageSrc:
"http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=2"}, "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=2"
},
{ {
id: "2", name: "Michael Torres", role: "Lead Engineer", imageSrc: id: "2", name: "Michael Torres", role: "Lead Engineer", imageSrc:
"http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg"}, "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg"
},
{ {
id: "3", name: "Lisa Anderson", role: "Creative Director", imageSrc: id: "3", name: "Lisa Anderson", role: "Creative Director", imageSrc:
"http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg"}, "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg"
},
{ {
id: "4", name: "James Liu", role: "3D Specialist", imageSrc: id: "4", name: "James Liu", role: "3D Specialist", imageSrc:
"http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"}, "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"
},
]} ]}
/> />
</div> </div>
@@ -206,13 +225,17 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
metrics={[ metrics={[
{ {
id: "1", title: "Projects Completed", subtitle: "Across 45 countries worldwide", category: "Global Reach", value: "2,400+"}, id: "1", title: "Projects Completed", subtitle: "Across 45 countries worldwide", category: "Global Reach", value: "2,400+"
},
{ {
id: "2", title: "Client Satisfaction", subtitle: "Average rating from verified users", category: "Quality", value: "4.9/5.0"}, id: "2", title: "Client Satisfaction", subtitle: "Average rating from verified users", category: "Quality", value: "4.9/5.0"
},
{ {
id: "3", title: "Performance Boost", subtitle: "Average engagement increase", category: "Analytics", value: "312%"}, id: "3", title: "Performance Boost", subtitle: "Average engagement increase", category: "Analytics", value: "312%"
},
{ {
id: "4", title: "Active Users", subtitle: "Monthly active platform users", category: "Community", value: "125K+"}, id: "4", title: "Active Users", subtitle: "Monthly active platform users", category: "Community", value: "125K+"
},
]} ]}
/> />
</div> </div>
@@ -226,7 +249,8 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"TechFlow Studios", "Creative Dynamics", "Digital Innovations Inc", "Spatial Design Co", "3D Vision Labs", "Interactive Media Group", "Future Forward Digital", "Immersive Tech Solutions"]} "TechFlow Studios", "Creative Dynamics", "Digital Innovations Inc", "Spatial Design Co", "3D Vision Labs", "Interactive Media Group", "Future Forward Digital", "Immersive Tech Solutions"
]}
showCard={true} showCard={true}
speed={50} speed={50}
/> />