Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-14 04:26:12 +00:00

View File

@@ -31,88 +31,38 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Projects",
id: "projects",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Projects", id: "projects" },
{ name: "Contact", id: "contact" },
]}
brandName="LUMARIQ"
button={{ text: "Studio", href: "#about" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Atmospheric Spatial Artistry"
description="Lumariq is an interior design studio focused on emotional atmosphere, architectural storytelling, and premium visual experiences that define luxury."
buttons={[
{
text: "Explore Studio",
href: "#about",
},
]}
buttons={[{ text: "Explore Studio", href: "#about" }]}
imageSrc="http://img.b2bpic.net/free-photo/interior-building-with-stairs_250224-40.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/decorative-design-gardening-natural-plant-tree_53876-14209.jpg",
alt: "Design Lead",
},
{
src: "http://img.b2bpic.net/free-photo/greyscale-shot-spiral-staircase-building_181624-28564.jpg",
alt: "Architect",
},
{
src: "http://img.b2bpic.net/free-photo/gray-concrete-pillars_181624-1500.jpg",
alt: "Creative Strategist",
},
{
src: "http://img.b2bpic.net/free-photo/modern-concrete-staircase_53876-75124.jpg",
alt: "Visual Artist",
},
{
src: "http://img.b2bpic.net/free-photo/interior-building-with-stairs_250224-47.jpg",
alt: "Lighting Expert",
},
{ src: "http://img.b2bpic.net/free-photo/decorative-design-gardening-natural-plant-tree_53876-14209.jpg", alt: "Design Lead" },
{ src: "http://img.b2bpic.net/free-photo/greyscale-shot-spiral-staircase-building_181624-28564.jpg", alt: "Architect" },
{ src: "http://img.b2bpic.net/free-photo/gray-concrete-pillars_181624-1500.jpg", alt: "Creative Strategist" },
{ src: "http://img.b2bpic.net/free-photo/modern-concrete-staircase_53876-75124.jpg", alt: "Visual Artist" },
{ src: "http://img.b2bpic.net/free-photo/interior-building-with-stairs_250224-47.jpg", alt: "Lighting Expert" },
]}
avatarText="Our visionary team"
marqueeItems={[
{
type: "text",
text: "Architectural Storytelling",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/black-white-photo-circular-room_250224-159.jpg",
alt: "Concept",
},
{
type: "text",
text: "Immersive Design",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/grey-concrete-spiral-stairs-with-railing_250224-265.jpg",
alt: "Process",
},
{
type: "text",
text: "Premium Aesthetics",
},
{ type: "text", text: "Architectural Storytelling" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/black-white-photo-circular-room_250224-159.jpg", alt: "Concept" },
{ type: "text", text: "Immersive Design" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/grey-concrete-spiral-stairs-with-railing_250224-265.jpg", alt: "Process" },
{ type: "text", text: "Premium Aesthetics" },
]}
/>
</div>
@@ -129,32 +79,12 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardTwentySeven
textboxLayout="split"
animationType="blur-reveal"
useInvertedBackground={true}
features={[
{
id: "s1",
title: "Spatial Concepting",
descriptions: [
"Conceptualizing narratives.",
],
imageSrc: "http://img.b2bpic.net/free-photo/hexagons-different-colors-sphere_1048-2458.jpg",
},
{
id: "s2",
title: "Cinematic Lighting",
descriptions: [
"Atmospheric light studies.",
],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283234.jpg",
},
{
id: "s3",
title: "Material Curation",
descriptions: [
"Sensory texture palettes.",
],
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13016.jpg",
},
{ id: "s1", title: "Spatial Concepting", descriptions: ["Conceptualizing narratives."], imageSrc: "http://img.b2bpic.net/free-photo/hexagons-different-colors-sphere_1048-2458.jpg" },
{ id: "s2", title: "Cinematic Lighting", descriptions: ["Atmospheric light studies."], imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283234.jpg" },
{ id: "s3", title: "Material Curation", descriptions: ["Sensory texture palettes."], imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13016.jpg" },
]}
title="Our Craft"
description="Spatial visualization services built on precision and artistic intuition."
@@ -165,56 +95,15 @@ export default function LandingPage() {
<ProductCardTwo
textboxLayout="default"
gridVariant="bento-grid"
animationType="blur-reveal"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Lumariq",
name: "Residence Alpha",
price: "Studio Project",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151918991.jpg",
},
{
id: "p2",
brand: "Lumariq",
name: "Gallery Space",
price: "Spatial Visualization",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690475-33dv5gyg.png?_wi=1",
},
{
id: "p3",
brand: "Lumariq",
name: "Atelier View",
price: "Material Study",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-krqe6rus.png?_wi=1",
},
{
id: "p4",
brand: "Lumariq",
name: "Urban Concept",
price: "Architectural Design",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-pxsv7o00.jpg?_wi=1",
},
{
id: "p5",
brand: "Lumariq",
name: "Zenith Villa",
price: "Visual Journey",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-4bnn63wz.png?_wi=1",
},
{
id: "p6",
brand: "Lumariq",
name: "Noir Studio",
price: "Interior Narrative",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-p13uzpv1.png?_wi=1",
},
{ id: "p1", brand: "Lumariq", name: "Residence Alpha", price: "Studio Project", rating: 5, reviewCount: "10+", imageSrc: "http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151918991.jpg" },
{ id: "p2", brand: "Lumariq", name: "Gallery Space", price: "Spatial Visualization", rating: 5, reviewCount: "8+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690475-33dv5gyg.png" },
{ id: "p3", brand: "Lumariq", name: "Atelier View", price: "Material Study", rating: 5, reviewCount: "12+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-krqe6rus.png" },
{ id: "p4", brand: "Lumariq", name: "Urban Concept", price: "Architectural Design", rating: 5, reviewCount: "5+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-pxsv7o00.jpg" },
{ id: "p5", brand: "Lumariq", name: "Zenith Villa", price: "Visual Journey", rating: 5, reviewCount: "20+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-4bnn63wz.png" },
{ id: "p6", brand: "Lumariq", name: "Noir Studio", price: "Interior Narrative", rating: 5, reviewCount: "15+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-p13uzpv1.png" },
]}
title="Selected Works"
description="A glimpse into our visual storytelling portfolio."
@@ -224,29 +113,17 @@ export default function LandingPage() {
<div id="process" data-section="process">
<FaqSplitMedia
textboxLayout="split"
faqsAnimation="blur-reveal"
mediaAnimation="blur-reveal"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Phase One: Empathy",
content: "Deep research into the architectural intent.",
},
{
id: "q2",
title: "Phase Two: Narrative",
content: "Drafting the spatial emotional journey.",
},
{
id: "q3",
title: "Phase Three: Refinement",
content: "Perfecting the atmosphere and lighting.",
},
{ id: "q1", title: "Phase One: Empathy", content: "Deep research into the architectural intent." },
{ id: "q2", title: "Phase Two: Narrative", content: "Drafting the spatial emotional journey." },
{ id: "q3", title: "Phase Three: Refinement", content: "Perfecting the atmosphere and lighting." },
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283229.jpg"
mediaAnimation="blur-reveal"
title="Our Philosophy"
description="How we approach visual storytelling."
faqsAnimation="blur-reveal"
/>
</div>
@@ -256,33 +133,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "200+",
title: "Spaces Transformed",
items: [
"Commercial",
"Residential",
],
},
{
id: "m2",
value: "15",
title: "Years of Expertise",
items: [
"Architectural",
"Design",
],
},
{
id: "m3",
value: "98%",
title: "Client Satisfaction",
items: [
"Project",
"Delivery",
],
},
{ id: "m1", value: "200+", title: "Spaces Transformed", items: ["Commercial", "Residential"] },
{ id: "m2", value: "15", title: "Years of Expertise", items: ["Architectural", "Design"] },
{ id: "m3", value: "98%", title: "Client Satisfaction", items: ["Project", "Delivery"] },
]}
title="Impact by Numbers"
description="Precision and scale in every visualization."
@@ -294,61 +147,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Elena Ross",
date: "2024",
title: "Architect",
quote: "Lumariq doesn't just render space; they capture the soul of the building.",
tag: "Collaborator",
avatarSrc: "http://img.b2bpic.net/free-photo/man-stretching-street-sunlight_23-2147757977.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690475-33dv5gyg.png?_wi=2",
imageAlt: "professional interior design client",
},
{
id: "t2",
name: "Mark Vane",
date: "2024",
title: "Developer",
quote: "Unmatched clarity in visualization and atmosphere.",
tag: "Developer",
avatarSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741783.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-krqe6rus.png?_wi=2",
imageAlt: "professional interior design client",
},
{
id: "t3",
name: "Sara Chen",
date: "2023",
title: "Founder",
quote: "The cinematic quality of their work is simply breathtaking.",
tag: "Client",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-pxsv7o00.jpg?_wi=2",
imageAlt: "professional interior design client",
},
{
id: "t4",
name: "Jared P.",
date: "2023",
title: "Architect",
quote: "A truly refined experience from start to finish.",
tag: "Architect",
avatarSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-walking-outdoors_171337-19421.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-4bnn63wz.png?_wi=2",
imageAlt: "professional interior design client",
},
{
id: "t5",
name: "Nina M.",
date: "2024",
title: "Designer",
quote: "Exceptional narrative depth in every single frame.",
tag: "Designer",
avatarSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-outdoors-with-eyes-closed_171337-19396.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-p13uzpv1.png?_wi=2",
imageAlt: "professional interior design client",
},
{ id: "t1", name: "Elena Ross", date: "2024", title: "Architect", quote: "Lumariq doesn't just render space; they capture the soul of the building.", tag: "Collaborator", avatarSrc: "http://img.b2bpic.net/free-photo/man-stretching-street-sunlight_23-2147757977.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690475-33dv5gyg.png", imageAlt: "professional interior design client" },
{ id: "t2", name: "Mark Vane", date: "2024", title: "Developer", quote: "Unmatched clarity in visualization and atmosphere.", tag: "Developer", avatarSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741783.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-krqe6rus.png", imageAlt: "professional interior design client" },
{ id: "t3", name: "Sara Chen", date: "2023", title: "Founder", quote: "The cinematic quality of their work is simply breathtaking.", tag: "Client", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-pxsv7o00.jpg", imageAlt: "professional interior design client" },
{ id: "t4", name: "Jared P.", date: "2023", title: "Architect", quote: "A truly refined experience from start to finish.", tag: "Architect", avatarSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-walking-outdoors_171337-19421.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-4bnn63wz.png", imageAlt: "professional interior design client" },
{ id: "t5", name: "Nina M.", date: "2024", title: "Designer", quote: "Exceptional narrative depth in every single frame.", tag: "Designer", avatarSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-outdoors-with-eyes-closed_171337-19396.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhQuKcTzErfb0oyVmITIZDCy1U/uploaded-1778732690476-p13uzpv1.png", imageAlt: "professional interior design client" },
]}
title="Client Stories"
description="Reflections on our collaborative visual journey."
@@ -358,30 +161,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
text="Ready to craft your cinematic spatial narrative?"
buttons={[
{
text: "Contact Us",
href: "mailto:hello@lumariq.com",
},
]}
buttons={[{ text: "Contact Us", href: "mailto:hello@lumariq.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="LUMARIQ"
leftLink={{
text: "Studio",
href: "#about",
}}
rightLink={{
text: "Terms",
href: "#",
}}
leftLink={{ text: "Studio", href: "#about" }}
rightLink={{ text: "Terms", href: "#" }}
/>
</div>
</ReactLenis>