bender/d154676f-7f35-4b65-aa41-bc1a3d0ac551
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-11 08:33:02 +00:00
parent 7c70cd32e0 85d5f6aa5d
commit e57ea1fb1b
1 changed files with 53 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

235
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Intro",
id: "hero",
},
name: "Intro", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Projects",
id: "projects",
},
name: "Projects", id: "projects"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="LUX.STUDIO"
/>
@@ -56,59 +48,36 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Luxury in Motion."
description="Crafting immersive digital experiences through spatial design and cinematic storytelling."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/female-relaxing-couch-with-magazine_23-2148415908.jpg",
alt: "Professional headshot luxury studio",
},
src: "http://img.b2bpic.net/free-photo/female-relaxing-couch-with-magazine_23-2148415908.jpg", alt: "Professional headshot luxury studio"},
{
src: "http://img.b2bpic.net/free-photo/lights-golden-reflections-new-year_23-2148339534.jpg",
alt: "Creative lead portrait",
},
src: "http://img.b2bpic.net/free-photo/lights-golden-reflections-new-year_23-2148339534.jpg", alt: "Creative lead portrait"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453352.jpg",
alt: "Engineer luxury office portrait",
},
src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453352.jpg", alt: "Engineer luxury office portrait"},
{
src: "http://img.b2bpic.net/free-photo/scenery-building_400718-51.jpg",
alt: "Scenery of building",
},
src: "http://img.b2bpic.net/free-photo/scenery-building_400718-51.jpg", alt: "Scenery of building"},
{
src: "http://img.b2bpic.net/free-photo/red-gray-metal-texture_1048-5152.jpg",
alt: "Red and gray metal texture",
},
src: "http://img.b2bpic.net/free-photo/red-gray-metal-texture_1048-5152.jpg", alt: "Red and gray metal texture"},
]}
buttons={[
{
text: "Explore Work",
href: "#projects",
},
text: "Explore Work", href: "#projects"},
]}
marqueeItems={[
{
type: "text",
text: "3D SPATIAL DESIGN",
},
type: "text", text: "3D SPATIAL DESIGN"},
{
type: "text",
text: "CINEMATIC PACING",
},
type: "text", text: "CINEMATIC PACING"},
{
type: "text",
text: "LUXURY INTERFACES",
},
type: "text", text: "LUXURY INTERFACES"},
{
type: "text",
text: "PREMIUM PERFORMANCE",
},
type: "text", text: "PREMIUM PERFORMANCE"},
{
type: "text",
text: "GLOBAL STANDARDS",
},
type: "text", text: "GLOBAL STANDARDS"},
]}
/>
</div>
@@ -120,19 +89,13 @@ export default function LandingPage() {
metrics={[
{
icon: Star,
label: "Years Experience",
value: "10+",
},
label: "Years Experience", value: "10+"},
{
icon: Award,
label: "Projects Delivered",
value: "200+",
},
label: "Projects Delivered", value: "200+"},
{
icon: Zap,
label: "Global Awards",
value: "50+",
},
label: "Global Awards", value: "50+"},
]}
metricsAnimation="blur-reveal"
/>
@@ -146,19 +109,13 @@ export default function LandingPage() {
features={[
{
icon: Gauge,
title: "3D Spatial Design",
description: "Immersive environments built for modern browsers.",
},
title: "3D Spatial Design", description: "Immersive environments built for modern browsers."},
{
icon: Camera,
title: "Cinematic Direction",
description: "Story-driven motion that feels like cinema.",
},
title: "Cinematic Direction", description: "Story-driven motion that feels like cinema."},
{
icon: Layers,
title: "Luxury UI Systems",
description: "Sophisticated interfaces with intentional depth.",
},
title: "Luxury UI Systems", description: "Sophisticated interfaces with intentional depth."},
]}
title="Precision Execution"
description="We blend technical innovation with premium visual design to push the boundaries of what is possible on the web."
@@ -167,46 +124,23 @@ export default function LandingPage() {
<div id="projects" data-section="projects">
<ProductCardThree
animationType="blur-reveal"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Neo-Future Interface",
price: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-golden-neon-laser-lights_181624-27813.jpg",
},
id: "1", name: "Neo-Future Interface", price: "2024", imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-golden-neon-laser-lights_181624-27813.jpg"},
{
id: "2",
name: "Global Tech Launch",
price: "2023",
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg",
},
id: "2", name: "Global Tech Launch", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg"},
{
id: "3",
name: "Luxury e-Commerce",
price: "2023",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16954.jpg",
},
id: "3", name: "Luxury e-Commerce", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16954.jpg"},
{
id: "4",
name: "Cinematic Portfolio",
price: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-hyacinth-beans-container_23-2147926483.jpg",
},
id: "4", name: "Cinematic Portfolio", price: "2024", imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-hyacinth-beans-container_23-2147926483.jpg"},
{
id: "5",
name: "Brand Identity System",
price: "2023",
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039373.jpg",
},
id: "5", name: "Brand Identity System", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039373.jpg"},
{
id: "6",
name: "3D Experience Web",
price: "2024",
imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150513313.jpg",
},
id: "6", name: "3D Experience Web", price: "2024", imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150513313.jpg"},
]}
title="Recent Work"
description="Selected digital experiences demonstrating our commitment to excellence."
@@ -220,23 +154,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Rocket,
title: "Load Performance",
value: "99%",
},
id: "m1", icon: Rocket,
title: "Load Performance", value: "99%"},
{
id: "m2",
icon: Shield,
title: "Accessibility",
value: "100%",
},
id: "m2", icon: Shield,
title: "Accessibility", value: "100%"},
{
id: "m3",
icon: TrendingUp,
title: "User Engagement",
value: "85%",
},
id: "m3", icon: TrendingUp,
title: "User Engagement", value: "85%"},
]}
title="Technical Impact"
description="Performance and quality metrics that define our development standards."
@@ -250,47 +175,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
role: "CEO",
testimonial: "Exceptional work, transformed our digital presence.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg",
},
id: "t1", name: "Sarah Johnson", role: "CEO", testimonial: "Exceptional work, transformed our digital presence.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg"},
{
id: "t2",
name: "Michael Chen",
role: "CTO",
testimonial: "Their 3D design approach is truly unique and world-class.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stands-house-design-sketch-ready-renovation_273609-37020.jpg",
},
id: "t2", name: "Michael Chen", role: "CTO", testimonial: "Their 3D design approach is truly unique and world-class.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stands-house-design-sketch-ready-renovation_273609-37020.jpg"},
{
id: "t3",
name: "Emily Rodriguez",
role: "Marketing Director",
testimonial: "The cinematic pacing was perfect for our brand launch.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg",
},
id: "t3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "The cinematic pacing was perfect for our brand launch.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg"},
{
id: "t4",
name: "David Kim",
role: "Product Manager",
testimonial: "Seamless execution and incredible attention to detail.",
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915141.jpg",
},
id: "t4", name: "David Kim", role: "Product Manager", testimonial: "Seamless execution and incredible attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915141.jpg"},
{
id: "t5",
name: "Alice Wong",
role: "Design Lead",
testimonial: "Professional quality throughout the entire development process.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916027.jpg",
},
id: "t5", name: "Alice Wong", role: "Design Lead", testimonial: "Professional quality throughout the entire development process.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916027.jpg"},
{
id: "t6",
name: "Bob Smith",
role: "Marketing Manager",
testimonial: "They truly understand high-end luxury aesthetics.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-studio_23-2148565558.jpg",
},
id: "t6", name: "Bob Smith", role: "Marketing Manager", testimonial: "They truly understand high-end luxury aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-studio_23-2148565558.jpg"},
]}
title="Client Perspectives"
description="Trusted by industry leaders to deliver exceptional digital experiences."
@@ -303,20 +198,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do you handle 3D performance?",
content: "We use optimized geometries and web-friendly textures to ensure high FPS on all devices.",
},
id: "f1", title: "How do you handle 3D performance?", content: "We use optimized geometries and web-friendly textures to ensure high FPS on all devices."},
{
id: "f2",
title: "What is the typical timeline?",
content: "Premium projects typically span 6-12 weeks depending on scope and requirements.",
},
id: "f2", title: "What is the typical timeline?", content: "Premium projects typically span 6-12 weeks depending on scope and requirements."},
{
id: "f3",
title: "Do you offer maintenance?",
content: "Yes, we provide ongoing support and performance monitoring for all our launches.",
},
id: "f3", title: "Do you offer maintenance?", content: "Yes, we provide ongoing support and performance monitoring for all our launches."},
]}
title="Frequently Asked"
description="Common questions regarding our design and development process."
@@ -328,16 +214,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in touch"
title="Start your journey."
description="Let's collaborate on your next luxury digital experience."
buttons={[
{
text: "Schedule Discovery",
href: "#contact",
},
text: "Schedule Discovery", href: "#contact"},
]}
/>
</div>
@@ -347,33 +230,21 @@ export default function LandingPage() {
logoText="LUX.STUDIO"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Projects",
href: "#projects",
},
label: "Projects", href: "#projects"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}