/**
* @license
* SPDX-License-Identifier: Apache-2.0
*/
import { useState, useCallback } from “react”;
import { GoogleGenAI } from “@google/genai”;
import {
Building2,
Cpu,
Lightbulb,
Layout,
Users,
ChevronRight,
Sparkles,
ArrowRight,
Menu,
X
} from “lucide-react”;
import { motion, AnimatePresence } from “motion/react”;
import ReactMarkdown from “react-markdown”;
import { cn } from “@/src/lib/utils”;
// Initialize Gemini
const ai = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY });
const SERVICES = [
{
icon: Building2,
title: “Design Development”,
description: “Comprehensive workspace planning aligned with operational goals, scalability, and brand positioning.”
},
{
icon: Cpu,
title: “Project Management”,
description: “End-to-end execution with a focus on timeline adherence, cost control, and quality assurance.”
},
{
icon: Lightbulb,
title: “Product Research”,
description: “Development and selection of furniture and accessories based on ergonomics, workflow, and behavior.”
},
{
icon: Layout,
title: “Workspace Advisory”,
description: “Strategic advisory to foster collaboration, engagement, and enhanced workplace experiences.”
}
];
const INNOVATIONS = [
{
title: “Home Work Studio”,
description: “Customized environments designed to support productivity and hybrid work requirements.”
},
{
title: “Portable Systems”,
description: “Modular and flexible solutions enabling mobility and efficient space utilization.”
},
{
title: “Interactive Learning”,
description: “Advanced classroom and training infrastructure integrating spatial design and technology.”
}
];
const INTELLIGENT_SYSTEMS = [
{
title: “Productivity Analytics”,
description: “Tools to monitor, analyze, and improve workplace performance.”
},
{
title: “Energy Optimization”,
description: “Smart energy solutions focused on reducing consumption and supporting sustainability.”
},
{
title: “Network Platform”,
description: “Go & Work Ecosystem connecting multiple environments through a unified digital interface.”
}
];
const CORE_VALUES = [
{ id: “01”, title: “Innovation-Driven Thinking”, text: “Continuously evolving by integrating design & research.” },
{ id: “02”, title: “User-Centric Approach”, text: “Decisions guided by user behavior, comfort, and experience.” },
{ id: “03”, title: “Precision & Accountability”, text: “Prioritizing accuracy and responsibility from concept to execution.” },
{ id: “04”, title: “Performance & Efficiency”, text: “Delivering measurable outcomes that improve operational productivity.” },
{ id: “05”, title: “Sustainability & Responsibility”, text: “Promoting energy-efficient systems and environmentally conscious solutions.” }
];
export default function App() {
const [isMenuOpen, setIsMenuOpen] = useState(false);
const [isGenerating, setIsGenerating] = useState(false);
const [generatedContent, setGeneratedContent] = useState
const generateStrategy = useCallback(async () => {
setIsGenerating(true);
try {
const response = await ai.models.generateContent({
model: “gemini-3-flash-preview”,
contents: “Write a high-level strategic mission statement and three key workspace design pillars for a company named Workspace Matter. Focus on intelligent workspaces, corporate efficiency, and the future of work. Keep it professional and inspiring.”,
});
setGeneratedContent(response.text || “Failed to generate content.”);
} catch (error) {
console.error(“Gemini Error:”, error);
setGeneratedContent(“An error occurred while generating our strategy. Please try again.”);
} finally {
setIsGenerating(false);
}
}, []);
return (
{/* Hero Section */}
Advanced Workspace Thinking
Next-Gen
Workspace Solutions.
Workspace Matter is a lifecycle solutions platform delivering integrated expertise in design development, project management, and advanced workplace strategy.
{/* Floating Stats */}
Efficiency Boost
+34%
{/* Mission & Vision Section */}
Our Vision
Shaping the future of work through design, technology, and human-centric innovation.
Our Mission
To design and deliver management of high-performance work environments by integrating design development, research, technology, and project execution, enabling organizations to engage with productivity, efficiency, and workplace experience.
{/* Core Values Section */}
Core Values
The Foundation of Our Thinking
{value.title}
{value.text}
))}
{/* Services Section */}
Strategic Services
Next-Generation Platform
Integrated expertise delivering high-performance work environments through design intelligence and research.
{service.title}
{service.description}
))}
{/* Innovation & Intelligence Section */}
Innovation Initiatives
{item.title}
{item.description}
))}
Intelligent Systems
{item.title}
{item.description}
))}
{/* Spatial Intelligence Section */}
Spatial Intelligence
“Workspace Matter focuses on enabling environments that drive measurable outcomes, not just physical spaces.”
Collaborative
Interaction-driven spaces that foster teamwork, innovation, and cross-functional collaboration.
Recreational
Wellness-driven environments that support mental relaxation, creativity, and engagement.
Biophilic
Nature-inspired strategies to enhance well-being, comfort, and environmental performance.
{/* Gemini Engine Section */}
The Strategy Engine
Generate Your Modern
Workspace Blueprint
Leverage our AI-driven design philosophy to envision how your corporate environment could evolve. Click below to generate a real-time strategic vision.
:
{generatedContent ? (
) : (
Your custom strategy will appear here.
)}
{/* Footer */}
);
}
