---

// INPUT CONTENT FOR HERO SECTION HERE

const title = "Let's change scientific publishing, together"
const slogan = "Networking technology to power the future of research publishing"




// INPUT CONTENT FOR OVERVIEW SECTION HERE

const ov_header = "A new frontier for open science"
const ov_subheader = "The DeSci Protocol enables researchers to publish research objects, curation communities to issue attestations, and application developers to build the next-generation of open science tools."

// Overview Items

const ov_item1_header = "A new model for research publications"
const ov_item1_content = "Create interoperable research objects stored on an open protocol that contain code, data, and much more."

const ov_item2_header = "Curate with pluralistic markers of quality"
const ov_item2_content = "Explore new opportunities for curation by issuing badges attesting to open science best practices. Unbundle the certification process and make your value adds known."

const ov_item3_header = "Open credit and participation"
const ov_item3_content = "Unlocks radically new incentives to improve the robustness and the richness of the scientific record."


// INPUT CONTENT FOR TARGET GROUP SECTION

const tg_header = "Join an open science network where anyone can contribute to moving science forward"

// Target Group Items

const tg1_name = "Researchers"
const tg1_argument = "Give your research the stage it deserves"

const tg2_name = "Journals & Curation Communities"
const tg2_argument = "Lead open science forward"

const tg3_name = "Application Developers"
const tg3_argument = "Build applications to accelerate science"

const tg4_name = "Network Operators"
const tg4_argument = "Power the Open Science network"


// INPUT SECTION FOR METRICS

const m_header = "Explore a new frontier for open science"

// Metric Items

const m_item1_caption = "Persistent identifiers issued"
const m_item1_value = "20,000+"
const m_item1_subheader = "Uniquely identified digital objects"

const m_item2_caption = "Data stored"
const m_item2_value = "20+ Terabytes"
const m_item2_subheader = "Digital object data secured by the network"

const m_item3_caption = "Addressable legacy PIDs"
const m_item3_value = "24M+"
const m_item3_subheader = "DOIs ready to be upgraded with dPIDs"






// INPUT SECTION END










import BaseLayout from "../layouts/BaseLayout.astro";
import ProtocolHero from "../components/landing/ProtocolHero.astro";
import TargetGroups from "../components/global/TargetGroups.astro";
import Footer from "../components/global/Footer.astro";
import { AstroSeo } from "@astrolib/seo";
import Welcome from "../components/landing/Welcome.astro";
import Overview from "../components/landing/Overview3.astro";
import Metrics from "../components/landing/Metrics.astro";






---

<!---
Use AstroSeo in all the pages you want different Seo than the index page
-->
<AstroSeo
  title="Home"
  description="Your site description goes here"
  canonical="https://www.michaelandreuzza.com"
  openGraph={{
    url: "https://www.michaelandreuzza.com",
    title: "Open Graph Title",
    description: "Open Graph Description",
    images: [
      {
        url: "https://www.michaelandreuzza.com/opengraph/social-og.jpg",
        width: 1200,
        height: 630,
        alt: "Social open graph",
        type: "image/jpeg",
      },
      {
        url: "https://www.michaelandreuzza.com/opengraph/twitter-og.jpg",
        width: 4096,
        height: 4096,
        alt: "Twitter open graph",
        type: "image/jpeg",
      },
      { url: "https://www.michaelandreuzza.com/opengraph/social-og.jpg" },
      { url: "https://www.michaelandreuzza.com/opengraph/twitter-og.jpg" },
    ],
    site_name: "YourSitesName",
  }}
  twitter={{
    handle: "@Mike_Andreuzza",
    site: "@site",
    cardType: "summary_large_image",
  }}
/>

<BaseLayout>
  <script>

    setTimeout(() => {

      const tabButtons = document.querySelectorAll('.tab-button');
      const tabPanes = document.querySelectorAll('.tab-pane');
      
      tabButtons.forEach(button => {
        button.addEventListener('click', function() {
          tabButtons.forEach(btn => btn.classList.remove('active'));
          this.classList.add('active');
          
          tabPanes.forEach(pane => pane.classList.remove('active'));
          const selectedTab = document.getElementById(this.getAttribute('data-tab'));
          selectedTab.classList.add('active');
        });
      });
    }, 0);
  </script>
  <ProtocolHero 
    slogan={slogan} 
    title={title} />
    <Welcome 
    ov_header={ov_header} 
    ov_subheader={ov_subheader}
    ov_item1_header={ov_item1_header}
    ov_item1_content={ov_item1_content}
    ov_item2_header={ov_item2_header}
    ov_item2_content={ov_item2_content}
    ov_item3_header={ov_item3_header}
    ov_item3_content={ov_item3_content}/>
  <TargetGroups
    tg_header={tg_header}
    tg1_name={tg1_name}
    tg1_argument={tg1_argument}
    tg2_name={tg2_name}
    tg2_argument={tg2_argument}
    tg3_name={tg3_name}
    tg3_argument={tg3_argument}
    tg4_name={tg4_name}
    tg4_argument={tg4_argument}/>
  <Metrics 
    m_header={m_header} 
    m_item1_caption={m_item1_caption}
    m_item1_value={m_item1_value}
    m_item1_subheader={m_item1_subheader}
    m_item2_caption={m_item2_caption}
    m_item2_value={m_item2_value}
    m_item2_subheader={m_item2_subheader}
    m_item3_caption={m_item3_caption}
    m_item3_value={m_item3_value}
    m_item3_subheader={m_item3_subheader}/>
  <Footer />
</BaseLayout>