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

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

6 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
d5e5a1d013 Update src/app/layout.tsx 2026-03-03 19:09:39 +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 { Archivo } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import "@/styles/globals.css";
const archivo = Archivo({
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"],
});
const inter = Inter({ subsets: ["latin"] });
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: {
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"],
},
title: "Dimensional - Immersive 3D Web Experiences", description: "Create stunning 3D web experiences with Dimensional"
};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${archivo.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1416,7 +1383,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

74
src/app/page.tsx
View File

@@ -53,7 +53,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCarouselLogo
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={[
{ text: "Explore Now", href: "#features" },
{ text: "Learn More", href: "#about" },
@@ -61,13 +61,16 @@ export default function LandingPage() {
slides={[
{
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:
"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:
"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}
showDimOverlay={true}
@@ -84,27 +87,33 @@ export default function LandingPage() {
{
icon: Box,
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,
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,
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,
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,
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,
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"
textboxLayout="default"
@@ -139,32 +148,38 @@ export default function LandingPage() {
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,
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:
"Performance is incredible. Our site loads instantly even with complex 3D visualizations. Highly recommend!", rating: 5,
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:
"Finally a platform that lets designers express their vision in 3D. This is the future of web design.", rating: 5,
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:
"The developer experience is smooth. Integration was seamless and the documentation is comprehensive.", rating: 5,
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:
"Our engagement metrics doubled after implementing 3D elements. This platform delivers real business results.", rating: 5,
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:
"The support team is exceptional. Every question answered promptly with helpful, actionable insights.", rating: 5,
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"
/>
@@ -183,16 +198,20 @@ export default function LandingPage() {
members={[
{
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:
"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:
"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:
"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>
@@ -206,13 +225,17 @@ export default function LandingPage() {
animationType="slide-up"
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>
@@ -226,7 +249,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
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}
speed={50}
/>