diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5bae8f6..ed4015e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,35 +31,17 @@ export default function LandingPage() {
@@ -68,17 +50,14 @@ export default function LandingPage() {
@@ -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() {
@@ -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() {
@@ -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"
/>
@@ -340,33 +230,19 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
- id: "branding",
- title: "Brand Identity & Strategy",
- content: "The Problem: Clients struggle with inconsistent brand messaging and a lack of clear visual direction.
Our Solution: We conduct in-depth research to craft a compelling brand narrative, developing robust visual systems that resonate with your target audience.
The Output: A complete brand guidelines document, logo suite, and strategic brand framework ready for implementation.",
- },
+ id: "branding", title: "Brand Identity & Strategy", content: "The Problem: Clients struggle with inconsistent brand messaging and a lack of clear visual direction.
Our Solution: We conduct in-depth research to craft a compelling brand narrative, developing robust visual systems that resonate with your target audience.
The Output: A complete brand guidelines document, logo suite, and strategic brand framework ready for implementation."},
{
- id: "product-design",
- title: "Product Design & Development",
- content: "The Problem: Ideas often lack refined form, user-centric functionality, or manufacturability.
Our Solution: Through iterative UI/UX design, prototyping, and industrial design, we bring product concepts to life with meticulous attention to detail and user experience.
The Output: Production-ready designs, detailed CAD models, user flow documentation, and high-fidelity prototypes.",
- },
+ id: "product-design", title: "Product Design & Development", content: "The Problem: Ideas often lack refined form, user-centric functionality, or manufacturability.
Our Solution: Through iterative UI/UX design, prototyping, and industrial design, we bring product concepts to life with meticulous attention to detail and user experience.
The Output: Production-ready designs, detailed CAD models, user flow documentation, and high-fidelity prototypes."},
{
- id: "web-development",
- title: "Web Development & Digital Experiences",
- content: "The Problem: Outdated or non-responsive websites fail to engage modern users and convert visitors.
Our Solution: 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.
The Output: A fully responsive, optimized website, e-commerce integration, and ongoing support for digital growth.",
- },
+ id: "web-development", title: "Web Development & Digital Experiences", content: "The Problem: Outdated or non-responsive websites fail to engage modern users and convert visitors.
Our Solution: 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.
The Output: A fully responsive, optimized website, e-commerce integration, and ongoing support for digital growth."},
{
- id: "experimental-drops",
- title: "Experimental & Limited Drops",
- content: "The Problem: Brands seek unique, exclusive offerings that stand out and create buzz.
Our Solution: We explore avant-garde concepts, innovative materials, and unconventional processes to create highly curated, limited-edition products that embody exclusivity and artistic expression.
The Output: Unique, collectible products, bespoke packaging, and a strong narrative for limited release campaigns.",
- },
+ id: "experimental-drops", title: "Experimental & Limited Drops", content: "The Problem: Brands seek unique, exclusive offerings that stand out and create buzz.
Our Solution: We explore avant-garde concepts, innovative materials, and unconventional processes to create highly curated, limited-edition products that embody exclusivity and artistic expression.
The Output: 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"},
]}
/>
@@ -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() {