bender/d82debf8-8807-40ef-aac0-2121644971be
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-14 04:16:13 +00:00
Conversation 0 Commits 1 Files Changed 1 +46 -298
1 changed files with 46 additions and 298 deletions
Download Patch File Download Diff File Expand all files Collapse all files

344
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Studio",
id: "about",
},
{
name: "Works",
id: "projects",
},
{
name: "Process",
id: "process",
},
{
name: "Connect",
id: "contact",
},
{ name: "Studio", id: "about" },
{ name: "Works", id: "projects" },
{ name: "Process", id: "process" },
{ name: "Connect", id: "contact" },
]}
brandName="LUMARIQ"
/>
@@ -54,117 +42,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Atmosphere as Architecture."
description="Lumariq is a spatial visualization studio where architectural storytelling meets emotional resonance. We craft immersive environments that transcend the ordinary."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-living-room-interior-with-black-accents_23-2151978982.jpg",
imageAlt: "Cinematic architecture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-room-interior-with-classic-design-furniture_23-2150895574.jpg",
imageAlt: "Cinematic architecture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/grey-concrete-spiral-stairs-with-railing_250224-265.jpg",
imageAlt: "Cinematic architecture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917909.jpg",
imageAlt: "Cinematic architecture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797699.jpg",
imageAlt: "Cinematic architecture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/twig-near-cups-lamp_23-2147811205.jpg",
imageAlt: "Cinematic architecture",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-living-room-interior-with-black-accents_23-2151978982.jpg", imageAlt: "Cinematic architecture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-room-interior-with-classic-design-furniture_23-2150895574.jpg", imageAlt: "Cinematic architecture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/grey-concrete-spiral-stairs-with-railing_250224-265.jpg", imageAlt: "Cinematic architecture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917909.jpg", imageAlt: "Cinematic architecture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797699.jpg", imageAlt: "Cinematic architecture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/twig-near-cups-lamp_23-2147811205.jpg", imageAlt: "Cinematic architecture" },
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937427.jpg",
imageAlt: "Floating geometry",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pastel-paper-element-set_23-2148547819.jpg",
imageAlt: "Floating geometry",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/out-focus-city_181624-657.jpg",
imageAlt: "Floating geometry",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-easter-decorative-egg_23-2150245754.jpg",
imageAlt: "Floating geometry",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hexagons-different-colors-sphere_1048-2458.jpg",
imageAlt: "Floating geometry",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10386.jpg",
imageAlt: "Floating geometry",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937427.jpg", imageAlt: "Floating geometry" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pastel-paper-element-set_23-2148547819.jpg", imageAlt: "Floating geometry" },
{ imageSrc: "http://img.b2bpic.net/free-photo/out-focus-city_181624-657.jpg", imageAlt: "Floating geometry" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-easter-decorative-egg_23-2150245754.jpg", imageAlt: "Floating geometry" },
{ imageSrc: "http://img.b2bpic.net/free-photo/hexagons-different-colors-sphere_1048-2458.jpg", imageAlt: "Floating geometry" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10386.jpg", imageAlt: "Floating geometry" },
]}
tag="Spatial Visualization & Editorial Design"
buttons={[
{
text: "Explore Work",
href: "#projects",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-illuminated-by-lighting-equipment-generated-by-ai_188544-21440.jpg",
alt: "Avatar 1",
},
{
src: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199287.jpg",
alt: "Avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/black-sofa-living-room-with-blank-table-mock-up_43614-901.jpg",
alt: "Avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/elegant-matte-black-faucet-dark-kitchen-premium-interior-design-with-minimalist-furniture_169016-72709.jpg",
alt: "Avatar 4",
},
{
src: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-shapes-sculpture_23-2150979580.jpg",
alt: "Avatar 5",
},
]}
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/abstract-creation-made-from-3d-geometric-shapes_23-2150829265.jpg",
alt: "Logo 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/flying-rings-geometric-shapes-background_23-2148772500.jpg",
alt: "Logo 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-floating-shapes_23-2150979594.jpg",
alt: "Logo 3",
},
{
type: "text",
text: "LUMARIQ",
},
{
type: "text",
text: "EST. 2024",
},
]}
buttons={[{ text: "Explore Work", href: "#projects" }]}
/>
</div>
@@ -172,26 +70,11 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "We do not just visualize space.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/modern-clean-interior-design_23-2151929379.jpg",
alt: "Studio Philosophy",
},
{
type: "text",
content: "We orchestrate the emotional narrative of architecture.",
},
]}
buttons={[
{
text: "Read Our Vision",
href: "#",
},
{ type: "text", content: "We do not just visualize space." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/modern-clean-interior-design_23-2151929379.jpg", alt: "Studio Philosophy" },
{ type: "text", content: "We orchestrate the emotional narrative of architecture." },
]}
buttons={[{ text: "Read Our Vision", href: "#" }]}
/>
</div>
@@ -200,27 +83,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
tag: "01",
title: "Spatial Narrative",
subtitle: "Storytelling",
description: "Defining the emotional essence of a space through precise light and composition.",
imageSrc: "http://img.b2bpic.net/free-photo/astral-wallpapers-composition-with-rocks_23-2149687876.jpg",
},
{
tag: "02",
title: "Atmospheric Design",
subtitle: "Visuals",
description: "Creating deep, textured visual worlds that push the boundaries of reality.",
imageSrc: "http://img.b2bpic.net/free-photo/designer-table_1098-16482.jpg",
},
{
tag: "03",
title: "Cinematic Motion",
subtitle: "Motion",
description: "Dynamic storytelling sequences for high-stakes architectural branding.",
imageSrc: "http://img.b2bpic.net/free-photo/ferrofluid-magnet-wooden-background_23-2148253585.jpg",
},
{ tag: "01", title: "Spatial Narrative", subtitle: "Storytelling", description: "Defining the emotional essence of a space through precise light and composition.", imageSrc: "http://img.b2bpic.net/free-photo/astral-wallpapers-composition-with-rocks_23-2149687876.jpg" },
{ tag: "02", title: "Atmospheric Design", subtitle: "Visuals", description: "Creating deep, textured visual worlds that push the boundaries of reality.", imageSrc: "http://img.b2bpic.net/free-photo/designer-table_1098-16482.jpg" },
{ tag: "03", title: "Cinematic Motion", subtitle: "Motion", description: "Dynamic storytelling sequences for high-stakes architectural branding.", imageSrc: "http://img.b2bpic.net/free-photo/ferrofluid-magnet-wooden-background_23-2148253585.jpg" },
]}
title="Services"
description="Our practice blends high-end architectural rendering with cinematic editorial direction."
@@ -232,49 +97,14 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
animationType="blur-reveal"
products={[
{
id: "p1",
name: "The Obsidian Villa",
price: "Visualization",
variant: "Atmospheric",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-architect-background-blue-skye_53876-123078.jpg",
},
{
id: "p2",
name: "Luminous Study",
price: "Visualization",
variant: "Cinematic",
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199291.jpg",
},
{
id: "p3",
name: "Abstract Volume",
price: "Spatial Art",
variant: "Experimental",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896914.jpg",
},
{
id: "p4",
name: "Minimalist Void",
price: "Visualization",
variant: "Cinematic",
imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-building-with-cool-design_181624-23269.jpg",
},
{
id: "p5",
name: "Light Design Study",
price: "Concept",
variant: "Atmospheric",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-pumpkins-mirror-table_23-2149446038.jpg",
},
{
id: "p6",
name: "Grand Stairwell",
price: "Architectural",
variant: "Cinematic",
imageSrc: "http://img.b2bpic.net/free-photo/creative-background-with-curtain-shadow-from-window_23-2149657467.jpg",
},
{ id: "p1", name: "The Obsidian Villa", price: "Visualization", variant: "Atmospheric", imageSrc: "http://img.b2bpic.net/free-photo/minimal-architect-background-blue-skye_53876-123078.jpg" },
{ id: "p2", name: "Luminous Study", price: "Visualization", variant: "Cinematic", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199291.jpg" },
{ id: "p3", name: "Abstract Volume", price: "Spatial Art", variant: "Experimental", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896914.jpg" },
{ id: "p4", name: "Minimalist Void", price: "Visualization", variant: "Cinematic", imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-building-with-cool-design_181624-23269.jpg" },
{ id: "p5", name: "Light Design Study", price: "Concept", variant: "Atmospheric", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-pumpkins-mirror-table_23-2149446038.jpg" },
{ id: "p6", name: "Grand Stairwell", price: "Architectural", variant: "Cinematic", imageSrc: "http://img.b2bpic.net/free-photo/creative-background-with-curtain-shadow-from-window_23-2149657467.jpg" },
]}
title="Featured Works"
description="A curated selection of our most immersive architectural compositions."
@@ -288,30 +118,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "01",
title: "Mood Immersion",
description: "Defining the atmospheric core.",
icon: Star,
},
{
id: "m2",
value: "02",
title: "Spatial Framing",
description: "Developing cinematic perspective.",
icon: Camera,
},
{
id: "m3",
value: "03",
title: "Light Crafting",
description: "Emotional light interpretation.",
icon: Sun,
},
{ id: "m1", value: "01", title: "Mood Immersion", description: "Defining the atmospheric core.", icon: Star },
{ id: "m2", value: "02", title: "Spatial Framing", description: "Developing cinematic perspective.", icon: Camera },
{ id: "m3", value: "03", title: "Light Crafting", description: "Emotional light interpretation.", icon: Sun },
]}
title="Our Process"
description="Slow, methodical, and deeply considered. From conceptual mood-boarding to final high-fidelity cinematic render."
description="Slow, methodical, and deeply considered."
/>
</div>
@@ -319,42 +131,13 @@ export default function LandingPage() {
<TestimonialCardTwo
textboxLayout="split"
useInvertedBackground={false}
animationType="blur-reveal"
testimonials={[
{
id: "1",
name: "Sarah Jenkins",
role: "Creative Director",
testimonial: "Lumariq doesn't just render spaces, they craft souls.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-elder-artist-sitting-artwork-studio_482257-15488.jpg",
},
{
id: "2",
name: "Marcus Thorne",
role: "Founder, Thorne Architecture",
testimonial: "The atmosphere they captured was beyond our imagination.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149396254.jpg",
},
{
id: "3",
name: "Elena Rossi",
role: "Interior Designer",
testimonial: "An unparalleled eye for detail and emotional lighting.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346549.jpg",
},
{
id: "4",
name: "Julian Vance",
role: "Luxury Real Estate Developer",
testimonial: "Simply the best visualizations in the business today.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-misty-room-interior-with-spotlight-shining-down_1048-14926.jpg",
},
{
id: "5",
name: "Camille Dubois",
role: "Art Lead",
testimonial: "The cinematic pacing is breathtaking and distinct.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916030.jpg",
},
{ id: "1", name: "Sarah Jenkins", role: "Creative Director", testimonial: "Lumariq doesn't just render spaces, they craft souls.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-elder-artist-sitting-artwork-studio_482257-15488.jpg" },
{ id: "2", name: "Marcus Thorne", role: "Founder, Thorne Architecture", testimonial: "The atmosphere they captured was beyond our imagination.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149396254.jpg" },
{ id: "3", name: "Elena Rossi", role: "Interior Designer", testimonial: "An unparalleled eye for detail and emotional lighting.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346549.jpg" },
{ id: "4", name: "Julian Vance", role: "Luxury Real Estate Developer", testimonial: "Simply the best visualizations in the business today.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-misty-room-interior-with-spotlight-shining-down_1048-14926.jpg" },
{ id: "5", name: "Camille Dubois", role: "Art Lead", testimonial: "The cinematic pacing is breathtaking and distinct.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916030.jpg" },
]}
title="Perspectives"
description="What our partners say about the Lumariq experience."
@@ -364,9 +147,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Inquiry"
title="Start a Conversation."
description="Your architectural vision deserves a cinematic voice. Let us explore the emotional landscape of your project together."
@@ -379,42 +160,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Studio",
href: "#about",
},
{
label: "Portfolio",
href: "#projects",
},
],
},
{
items: [
{
label: "Methodology",
href: "#process",
},
{
label: "Connect",
href: "#contact",
},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Behance",
href: "#",
},
],
},
{ items: [{ label: "Studio", href: "#about" }, { label: "Portfolio", href: "#projects" }] },
{ items: [{ label: "Methodology", href: "#process" }, { label: "Connect", href: "#contact" }] },
{ items: [{ label: "Instagram", href: "#" }, { label: "Behance", href: "#" }] },
]}
logoText="LUMARIQ"
/>