import type { Metadata } from "next";

import Navbar from "@/components/Navbar";
import About from "@/components/About";
import Footer from "@/components/Footer";

export const metadata: Metadata = {
  title: "About Eky Syafputra | Engineering Director",

  description:
    "Learn more about Eky Syafputra, an Engineering Director and the professional behind GlobalValueTech and GloVaTech, with expertise in engineering leadership, strategic planning, technology, energy management, IoT, and engineering operations.",

  keywords: [
    "Eky Syafputra",
    "About Eky Syafputra",
    "Eky Syafputra Engineering Director",
    "Engineering Director",
    "Engineering Leadership",
    "Engineering Management",
    "GlobalValueTech",
    "GloVaTech",
    "Eky Syafputra Portfolio",
    "Strategic Planning",
    "Business Continuity Management",
    "OPEX Management",
    "CAPEX Management",
    "IoT",
    "Internet of Things",
    "CMMS",
    "Building Management System",
    "BMS",
    "Energy Management",
    "Energy Optimization",
    "MEP Engineering",
    "Professional Portfolio",
  ],

  alternates: {
    canonical: "https://globalvaluetech.com/about",
  },

  openGraph: {
    title: "About Eky Syafputra | Engineering Director",

    description:
      "Learn more about Eky Syafputra, an Engineering Director specializing in engineering leadership, strategic planning, technology, energy management, IoT, and engineering operations.",

    url: "https://globalvaluetech.com/about",
    siteName: "GlobalValueTech",
    type: "profile",
  },
};

const structuredData = {
  "@context": "https://schema.org",

  "@type": "AboutPage",

  "@id": "https://globalvaluetech.com/about#webpage",

  url: "https://globalvaluetech.com/about",

  name: "About Eky Syafputra | Engineering Director",

  description:
    "About Eky Syafputra, an Engineering Director and the professional behind GlobalValueTech and GloVaTech.",

  isPartOf: {
    "@id": "https://globalvaluetech.com/#website",
  },

  about: {
    "@id": "https://globalvaluetech.com/#person",
  },

  mainEntity: {
    "@type": "Person",
    "@id": "https://globalvaluetech.com/#person",

    name: "Eky Syafputra",

    url: "https://globalvaluetech.com",

    jobTitle: "Engineering Director",

    description:
      "Engineering Director specializing in engineering leadership, strategic planning, business continuity, energy management, IoT, facility technology, and engineering operations.",
  },
};

export default function AboutPage() {
  return (
    <>
      <Navbar />

      <div style={{ paddingTop: "76px" }}>
        <About />
      </div>

      <Footer />

      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify(structuredData),
        }}
      />
    </>
  );
}

