Merge version_1 into main #2
300
src/app/page.tsx
300
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user