From a7cc9206baafb962058e029309909b99609930a5 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 24 Mar 2026 22:29:33 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 317 +++++++++++------------------------------------ 1 file changed, 73 insertions(+), 244 deletions(-) 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() {