Merge version_1 into main #2
317
src/app/page.tsx
317
src/app/page.tsx
@@ -31,35 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "/portfolio"},
|
||||
{
|
||||
name: "Insights",
|
||||
id: "insights",
|
||||
href: "/insights",
|
||||
},
|
||||
name: "Insights", id: "/insights"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="MTL Labs"
|
||||
/>
|
||||
@@ -68,17 +50,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="MTL Labs – Engineered Aesthetics"
|
||||
description="We blend rigorous experimentation with refined design to forge distinctive identities and innovative products."
|
||||
buttons={[
|
||||
{
|
||||
text: "View the Work",
|
||||
href: "/portfolio",
|
||||
},
|
||||
text: "View the Work", href: "/portfolio"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/a-full-bleed-high-quality-horizontal-pho-1774391288821-74ac7ff4.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/a-full-bleed-high-quality-horizontal-pho-1774391288821-74ac7ff4.png"
|
||||
imageAlt="Modern industrial design lab workspace"
|
||||
/>
|
||||
</div>
|
||||
@@ -90,67 +69,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "branding",
|
||||
label: "Strategy & Identity",
|
||||
title: "Brand Identity",
|
||||
items: [
|
||||
"Logo & Visual System",
|
||||
"Brand Guidelines",
|
||||
"Market Positioning",
|
||||
],
|
||||
id: "branding", label: "Strategy & Identity", title: "Brand Identity", items: [
|
||||
"Logo & Visual System", "Brand Guidelines", "Market Positioning"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/services#branding",
|
||||
},
|
||||
text: "Learn More", href: "/services#branding"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "product",
|
||||
label: "Conception & Form",
|
||||
title: "Product Design",
|
||||
items: [
|
||||
"UI/UX & Prototyping",
|
||||
"Industrial Design",
|
||||
"Production Oversight",
|
||||
],
|
||||
id: "product", label: "Conception & Form", title: "Product Design", items: [
|
||||
"UI/UX & Prototyping", "Industrial Design", "Production Oversight"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/services#product-design",
|
||||
},
|
||||
text: "Learn More", href: "/services#product-design"},
|
||||
],
|
||||
},\ {
|
||||
id: "web", label: "Digital Presence", title: "Web Development", items: [
|
||||
"Responsive Websites", "E-commerce Solutions", "Custom Integrations"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More", href: "/services#web-development"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "web",
|
||||
label: "Digital Presence",
|
||||
title: "Web Development",
|
||||
items: [
|
||||
"Responsive Websites",
|
||||
"E-commerce Solutions",
|
||||
"Custom Integrations",
|
||||
],
|
||||
id: "experimental", label: "Limited Editions", title: "Experimental Drops", items: [
|
||||
"Concept & Prototyping", "Unique Material Sourcing", "Limited Release Production"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/services#web-development",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "experimental",
|
||||
label: "Limited Editions",
|
||||
title: "Experimental Drops",
|
||||
items: [
|
||||
"Concept & Prototyping",
|
||||
"Unique Material Sourcing",
|
||||
"Limited Release Production",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/services#experimental-drops",
|
||||
},
|
||||
text: "Learn More", href: "/services#experimental-drops"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -161,46 +107,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "Kinetic Apparel Collection",
|
||||
price: "$XXX",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/high-quality-mockup-of-a-custom-designed-1774391288491-cc7c960c.png?_wi=1",
|
||||
imageAlt: "Kinetic Apparel Collection",
|
||||
},
|
||||
id: "product-1", name: "Kinetic Apparel Collection", price: "$XXX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/high-quality-mockup-of-a-custom-designed-1774391288491-cc7c960c.png", imageAlt: "Kinetic Apparel Collection"},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "Modular Packaging System",
|
||||
price: "$XXX",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/editorial-shot-of-a-sleek-minimalist-pro-1774391288222-7c2c9af2.png?_wi=1",
|
||||
imageAlt: "Modular Packaging System",
|
||||
},
|
||||
id: "product-2", name: "Modular Packaging System", price: "$XXX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/editorial-shot-of-a-sleek-minimalist-pro-1774391288222-7c2c9af2.png", imageAlt: "Modular Packaging System"},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Adaptive Audio Device",
|
||||
price: "$XXX",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/dynamic-overhead-shot-of-a-custom-design-1774391289478-a673b7b5.png?_wi=1",
|
||||
imageAlt: "Adaptive Audio Device",
|
||||
},
|
||||
id: "product-3", name: "Adaptive Audio Device", price: "$XXX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/dynamic-overhead-shot-of-a-custom-design-1774391289478-a673b7b5.png", imageAlt: "Adaptive Audio Device"},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "Veridian Brand Refresh",
|
||||
price: "$XXX",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/close-up-of-a-unique-visual-identity-sys-1774391289018-ecffa2d9.png?_wi=1",
|
||||
imageAlt: "Veridian Brand Refresh",
|
||||
},
|
||||
id: "product-4", name: "Veridian Brand Refresh", price: "$XXX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/close-up-of-a-unique-visual-identity-sys-1774391289018-ecffa2d9.png", imageAlt: "Veridian Brand Refresh"},
|
||||
]}
|
||||
title="Featured Experiments"
|
||||
description="A curated selection of our latest projects, pushing boundaries in design and aesthetic innovation."
|
||||
buttons={[
|
||||
{
|
||||
text: "See All Projects",
|
||||
href: "/portfolio",
|
||||
},
|
||||
text: "See All Projects", href: "/portfolio"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -214,19 +139,13 @@ export default function LandingPage() {
|
||||
description="Based in Montreal, our unique approach to design is built on a foundation of iterative experimentation, collaborative spirit, and a deep understanding of end-to-end delivery."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Iterative Process",
|
||||
description: "We refine concepts through continuous feedback loops to ensure optimal outcomes.",
|
||||
},
|
||||
title: "Iterative Process", description: "We refine concepts through continuous feedback loops to ensure optimal outcomes."},
|
||||
{
|
||||
title: "Montreal-Based",
|
||||
description: "Drawing inspiration from our vibrant city, we infuse a unique cultural perspective into every project.",
|
||||
},
|
||||
title: "Montreal-Based", description: "Drawing inspiration from our vibrant city, we infuse a unique cultural perspective into every project."},
|
||||
{
|
||||
title: "End-to-End Delivery",
|
||||
description: "From initial ideation to final execution, we handle every stage with precision and care.",
|
||||
},
|
||||
title: "End-to-End Delivery", description: "From initial ideation to final execution, we handle every stage with precision and care."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/an-authentic-photo-of-a-modern-industria-1774391289116-71ee3545.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/an-authentic-photo-of-a-modern-industria-1774391289116-71ee3545.png"
|
||||
imageAlt="Authentic design lab workspace in Montreal"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -236,8 +155,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Next Project?"
|
||||
title="Ready to build something? Let's get to work."
|
||||
description="We're passionate about transforming ideas into reality. Reach out to discuss your vision and see how MTL Labs can bring it to life."
|
||||
@@ -255,20 +173,14 @@ export default function LandingPage() {
|
||||
description="Based in Montreal, our unique approach to design is built on a foundation of iterative experimentation, collaborative spirit, and a deep understanding of end-to-end delivery."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Iterative Process",
|
||||
description: "We refine concepts through continuous feedback loops to ensure optimal outcomes.",
|
||||
},
|
||||
title: "Iterative Process", description: "We refine concepts through continuous feedback loops to ensure optimal outcomes."},
|
||||
{
|
||||
title: "Montreal-Based",
|
||||
description: "Drawing inspiration from our vibrant city, we infuse a unique cultural perspective into every project.",
|
||||
},
|
||||
title: "Montreal-Based", description: "Drawing inspiration from our vibrant city, we infuse a unique cultural perspective into every project."},
|
||||
{
|
||||
title: "End-to-End Delivery",
|
||||
description: "From initial ideation to final execution, we handle every stage with precision and care.",
|
||||
},
|
||||
title: "End-to-End Delivery", description: "From initial ideation to final execution, we handle every stage with precision and care."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/an-authentic-photo-of-a-modern-industria-1774391289116-71ee3545.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/an-authentic-photo-of-a-modern-industria-1774391289116-71ee3545.png"
|
||||
imageAlt="Authentic design lab workspace in Montreal"
|
||||
/>
|
||||
</div>
|
||||
@@ -281,29 +193,13 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "member-1",
|
||||
name: "Alexandre Dubois",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/professional-headshot-of-a-diverse-team--1774391289896-91bd3cc0.png?_wi=1",
|
||||
imageAlt: "Alexandre Dubois",
|
||||
},
|
||||
id: "member-1", name: "Alexandre Dubois", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/professional-headshot-of-a-diverse-team--1774391289896-91bd3cc0.png", imageAlt: "Alexandre Dubois"},
|
||||
{
|
||||
id: "member-2",
|
||||
name: "Sophia Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/professional-headshot-of-another-diverse-1774391288834-a8fb0265.png?_wi=1",
|
||||
imageAlt: "Sophia Rodriguez",
|
||||
},
|
||||
id: "member-2", name: "Sophia Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/professional-headshot-of-another-diverse-1774391288834-a8fb0265.png", imageAlt: "Sophia Rodriguez"},
|
||||
{
|
||||
id: "member-3",
|
||||
name: "Omar Khan",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/professional-headshot-of-a-third-diverse-1774391288586-87babd60.png?_wi=1",
|
||||
imageAlt: "Omar Khan",
|
||||
},
|
||||
id: "member-3", name: "Omar Khan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/professional-headshot-of-a-third-diverse-1774391288586-87babd60.png", imageAlt: "Omar Khan"},
|
||||
{
|
||||
id: "member-4",
|
||||
name: "Isabelle Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/professional-headshot-of-a-fourth-divers-1774391287834-7d7e1a7b.png?_wi=1",
|
||||
imageAlt: "Isabelle Chen",
|
||||
},
|
||||
id: "member-4", name: "Isabelle Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/professional-headshot-of-a-fourth-divers-1774391287834-7d7e1a7b.png", imageAlt: "Isabelle Chen"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -317,20 +213,14 @@ export default function LandingPage() {
|
||||
description="Based in Montreal, our unique approach to design is built on a foundation of iterative experimentation, collaborative spirit, and a deep understanding of end-to-end delivery."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Iterative Process",
|
||||
description: "We refine concepts through continuous feedback loops to ensure optimal outcomes.",
|
||||
},
|
||||
title: "Iterative Process", description: "We refine concepts through continuous feedback loops to ensure optimal outcomes."},
|
||||
{
|
||||
title: "Montreal-Based",
|
||||
description: "Drawing inspiration from our vibrant city, we infuse a unique cultural perspective into every project.",
|
||||
},
|
||||
title: "Montreal-Based", description: "Drawing inspiration from our vibrant city, we infuse a unique cultural perspective into every project."},
|
||||
{
|
||||
title: "End-to-End Delivery",
|
||||
description: "From initial ideation to final execution, we handle every stage with precision and care.",
|
||||
},
|
||||
title: "End-to-End Delivery", description: "From initial ideation to final execution, we handle every stage with precision and care."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/an-authentic-photo-of-a-modern-industria-1774391289116-71ee3545.png?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/an-authentic-photo-of-a-modern-industria-1774391289116-71ee3545.png"
|
||||
imageAlt="Authentic design lab workspace in Montreal"
|
||||
/>
|
||||
</div>
|
||||
@@ -340,33 +230,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "branding",
|
||||
title: "Brand Identity & Strategy",
|
||||
content: "<b>The Problem:</b> Clients struggle with inconsistent brand messaging and a lack of clear visual direction. <br/><br/> <b>Our Solution:</b> We conduct in-depth research to craft a compelling brand narrative, developing robust visual systems that resonate with your target audience. <br/><br/> <b>The Output:</b> A complete brand guidelines document, logo suite, and strategic brand framework ready for implementation.",
|
||||
},
|
||||
id: "branding", title: "Brand Identity & Strategy", content: "<b>The Problem:</b> Clients struggle with inconsistent brand messaging and a lack of clear visual direction. <br/><br/> <b>Our Solution:</b> We conduct in-depth research to craft a compelling brand narrative, developing robust visual systems that resonate with your target audience. <br/><br/> <b>The Output:</b> A complete brand guidelines document, logo suite, and strategic brand framework ready for implementation."},
|
||||
{
|
||||
id: "product-design",
|
||||
title: "Product Design & Development",
|
||||
content: "<b>The Problem:</b> Ideas often lack refined form, user-centric functionality, or manufacturability. <br/><br/> <b>Our Solution:</b> Through iterative UI/UX design, prototyping, and industrial design, we bring product concepts to life with meticulous attention to detail and user experience. <br/><br/> <b>The Output:</b> Production-ready designs, detailed CAD models, user flow documentation, and high-fidelity prototypes.",
|
||||
},
|
||||
id: "product-design", title: "Product Design & Development", content: "<b>The Problem:</b> Ideas often lack refined form, user-centric functionality, or manufacturability. <br/><br/> <b>Our Solution:</b> Through iterative UI/UX design, prototyping, and industrial design, we bring product concepts to life with meticulous attention to detail and user experience. <br/><br/> <b>The Output:</b> Production-ready designs, detailed CAD models, user flow documentation, and high-fidelity prototypes."},
|
||||
{
|
||||
id: "web-development",
|
||||
title: "Web Development & Digital Experiences",
|
||||
content: "<b>The Problem:</b> Outdated or non-responsive websites fail to engage modern users and convert visitors. <br/><br/> <b>Our Solution:</b> We build bespoke, high-performance websites and e-commerce platforms that are aesthetically engaging, technically robust, and optimized for seamless user experiences across all devices. <br/><br/> <b>The Output:</b> A fully responsive, optimized website, e-commerce integration, and ongoing support for digital growth.",
|
||||
},
|
||||
id: "web-development", title: "Web Development & Digital Experiences", content: "<b>The Problem:</b> Outdated or non-responsive websites fail to engage modern users and convert visitors. <br/><br/> <b>Our Solution:</b> We build bespoke, high-performance websites and e-commerce platforms that are aesthetically engaging, technically robust, and optimized for seamless user experiences across all devices. <br/><br/> <b>The Output:</b> A fully responsive, optimized website, e-commerce integration, and ongoing support for digital growth."},
|
||||
{
|
||||
id: "experimental-drops",
|
||||
title: "Experimental & Limited Drops",
|
||||
content: "<b>The Problem:</b> Brands seek unique, exclusive offerings that stand out and create buzz. <br/><br/> <b>Our Solution:</b> We explore avant-garde concepts, innovative materials, and unconventional processes to create highly curated, limited-edition products that embody exclusivity and artistic expression. <br/><br/> <b>The Output:</b> Unique, collectible products, bespoke packaging, and a strong narrative for limited release campaigns.",
|
||||
},
|
||||
id: "experimental-drops", title: "Experimental & Limited Drops", content: "<b>The Problem:</b> Brands seek unique, exclusive offerings that stand out and create buzz. <br/><br/> <b>Our Solution:</b> We explore avant-garde concepts, innovative materials, and unconventional processes to create highly curated, limited-edition products that embody exclusivity and artistic expression. <br/><br/> <b>The Output:</b> Unique, collectible products, bespoke packaging, and a strong narrative for limited release campaigns."},
|
||||
]}
|
||||
sideTitle="The Breakdown: What We Do"
|
||||
sideDescription="Explore our comprehensive service offerings below to understand how MTL Labs can elevate your next project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Inquire Now",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Inquire Now", href: "/contact"},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
@@ -381,41 +257,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "Kinetic Apparel Collection",
|
||||
price: "$XXX",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/high-quality-mockup-of-a-custom-designed-1774391288491-cc7c960c.png?_wi=2",
|
||||
imageAlt: "Kinetic Apparel Collection",
|
||||
},
|
||||
id: "product-1", name: "Kinetic Apparel Collection", price: "$XXX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/high-quality-mockup-of-a-custom-designed-1774391288491-cc7c960c.png", imageAlt: "Kinetic Apparel Collection"},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "Modular Packaging System",
|
||||
price: "$XXX",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/editorial-shot-of-a-sleek-minimalist-pro-1774391288222-7c2c9af2.png?_wi=2",
|
||||
imageAlt: "Modular Packaging System",
|
||||
},
|
||||
id: "product-2", name: "Modular Packaging System", price: "$XXX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/editorial-shot-of-a-sleek-minimalist-pro-1774391288222-7c2c9af2.png", imageAlt: "Modular Packaging System"},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Adaptive Audio Device",
|
||||
price: "$XXX",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/dynamic-overhead-shot-of-a-custom-design-1774391289478-a673b7b5.png?_wi=2",
|
||||
imageAlt: "Adaptive Audio Device",
|
||||
},
|
||||
id: "product-3", name: "Adaptive Audio Device", price: "$XXX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/dynamic-overhead-shot-of-a-custom-design-1774391289478-a673b7b5.png", imageAlt: "Adaptive Audio Device"},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "Veridian Brand Refresh",
|
||||
price: "$XXX",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/close-up-of-a-unique-visual-identity-sys-1774391289018-ecffa2d9.png?_wi=2",
|
||||
imageAlt: "Veridian Brand Refresh",
|
||||
},
|
||||
id: "product-4", name: "Veridian Brand Refresh", price: "$XXX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/close-up-of-a-unique-visual-identity-sys-1774391289018-ecffa2d9.png", imageAlt: "Veridian Brand Refresh"},
|
||||
]}
|
||||
title="Featured Experiments"
|
||||
description="A curated selection of our latest projects, pushing boundaries in design and aesthetic innovation."
|
||||
buttons={[
|
||||
{
|
||||
text: "See All Projects",
|
||||
href: "/portfolio",
|
||||
},
|
||||
text: "See All Projects", href: "/portfolio"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -429,19 +283,13 @@ export default function LandingPage() {
|
||||
description="Based in Montreal, our unique approach to design is built on a foundation of iterative experimentation, collaborative spirit, and a deep understanding of end-to-end delivery."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Iterative Process",
|
||||
description: "We refine concepts through continuous feedback loops to ensure optimal outcomes.",
|
||||
},
|
||||
title: "Iterative Process", description: "We refine concepts through continuous feedback loops to ensure optimal outcomes."},
|
||||
{
|
||||
title: "Montreal-Based",
|
||||
description: "Drawing inspiration from our vibrant city, we infuse a unique cultural perspective into every project.",
|
||||
},
|
||||
title: "Montreal-Based", description: "Drawing inspiration from our vibrant city, we infuse a unique cultural perspective into every project."},
|
||||
{
|
||||
title: "End-to-End Delivery",
|
||||
description: "From initial ideation to final execution, we handle every stage with precision and care.",
|
||||
},
|
||||
title: "End-to-End Delivery", description: "From initial ideation to final execution, we handle every stage with precision and care."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/an-authentic-photo-of-a-modern-industria-1774391289116-71ee3545.png?_wi=4"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPWWFF8pRrMe60nPv2rwJfkU6c/an-authentic-photo-of-a-modern-industria-1774391289116-71ee3545.png"
|
||||
imageAlt="Authentic design lab workspace in Montreal"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -451,50 +299,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "About MTL Labs",
|
||||
items: [
|
||||
title: "About MTL Labs", items: [
|
||||
{
|
||||
label: "MTL Labs: Experimentation and design from Montreal.",
|
||||
href: "#",
|
||||
},
|
||||
label: "MTL Labs: Experimentation and design from Montreal.", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/mtllabs",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/mtllabs"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "/portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal & Contact",
|
||||
items: [
|
||||
title: "Legal & Contact", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "hello@mtllabs.com",
|
||||
href: "mailto:hello@mtllabs.com",
|
||||
},
|
||||
label: "hello@mtllabs.com", href: "mailto:hello@mtllabs.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user