---

// INPUT CONTENT FOR HERO SECTION HERE

const title = "DeSci Nodes"
const slogan = "A reference implementation for publishing research objects on the open science network"




// INPUT CONTENT FOR OVERVIEW SECTION HERE

const ov_header = "Give your research the stage it deserves"
const ov_subheader = "Because your work is more than just a PDF"

// Overview Items

const ov_item1_header = "Everything in one place"
const ov_item1_content = "Code, data, and manuscripts -- all in one place & richly interconnected. No more juggling between repositories, preprint servers, and Github."
const ov_item1_icon = "layers-outline"

const ov_item2_header = "Share your data"
const ov_item2_content = "Store up to 50 gigabytes for free. Did you know that publications with data get on average 25% more citations?"
const ov_item2_icon = "arrow-redo-outline"

const ov_item3_header = "Lead Open Science forward"
const ov_item3_content = "Publish all the artifacts of your research to let others reproduce and re-use your work. Demonstrate your dedication to Open Science best practices."
const ov_item3_icon = "lock-open-outline"

const ov_item4_header = "Code that can cite your work"
const ov_item4_content = "What if your any padata could be fetched with a single line of code directly from your DOI and get credited? We made it possible."
const ov_item4_icon = "code-slash-outline"

const ov_item5_header = "Own your work"
const ov_item5_content = "Dynamically update your work with a digital signature that you control. Once published, your work is shared on a peer-to-peer network. No platform boundaries, vendor-lock in, or data silos. You control your PID."
const ov_item5_icon = "key-outline"

const ov_item6_header = "Reproducibility, made easy"
const ov_item6_content = "Connect your results with data and code, update your work over time. Make it easy for yourself and others to reproduce your work."
const ov_item6_icon = "play-forward-outline"



// INPUT CONTENT FOR FEATURES SECTION HERE

const ft_header = "Create research publications for the 21st century"

// First Tab

const ft_tab1_label = "Combine"
const ft_tab1_item1_header = "Publish everything in one place"
const ft_tab1_item1_content = "Add code, data, and and any other artifact to your publication with ease. Showcase that your work is more than just a PDF."
const ft_tab1_item2_header = ""
const ft_tab1_item2_content = ""
const ft_tab1_media = "https://s3-alpha-sig.figma.com/img/01ad/28fe/88a837c7237a510d4d76039f8ce6ddd3?Expires=1698019200&Signature=KSs4Bk8L0-7H4DidDOZGL-jvBCZMotvIgMB2PH5tycZ7Y9VUX-KNVnFGbL5yw2J-LtXBdzS4exu8uy6aJw27pfsS~EH18R9mC8eXk4a7~j~mxc4dxKsLbZKK1FYTpTKvoBi0bhKTL8ugwxpS~Hb756L2QNM6V2Yj9B2X2y~X4T4~lTDk6xTay~eeDgJ0wR7m5MwrbzTpw5ZNkTk8FZkZcEaX0hhtl55BhjvHVDGrLHLam--hlhGjEZgr0PVboGpr8eiYLAkkVGCMEjMMSKRjITbfAp8N0b0ZgjqF5ngati8d1WzfWtzQegKmmUj6lH4LkesVyzZeLjlNpjf3MKm~NQ__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4"
const ft_tab1_media_phone = "drive-phone.png"

// Second Tab

const ft_tab2_label = "Interact"
const ft_tab2_item1_header = "Receive constructive community reviews"
const ft_tab2_item1_content = "Issue attestations to certify open science best practices such as Open Data, FAIR data, computational reproducibility, all the way to the classical markers such as Peer-Reviewed and Editorial selection."
const ft_tab2_item2_header = ""
const ft_tab2_item2_content = ""
const ft_tab2_media = "https://s3-alpha-sig.figma.com/img/01ad/28fe/88a837c7237a510d4d76039f8ce6ddd3?Expires=1698019200&Signature=KSs4Bk8L0-7H4DidDOZGL-jvBCZMotvIgMB2PH5tycZ7Y9VUX-KNVnFGbL5yw2J-LtXBdzS4exu8uy6aJw27pfsS~EH18R9mC8eXk4a7~j~mxc4dxKsLbZKK1FYTpTKvoBi0bhKTL8ugwxpS~Hb756L2QNM6V2Yj9B2X2y~X4T4~lTDk6xTay~eeDgJ0wR7m5MwrbzTpw5ZNkTk8FZkZcEaX0hhtl55BhjvHVDGrLHLam--hlhGjEZgr0PVboGpr8eiYLAkkVGCMEjMMSKRjITbfAp8N0b0ZgjqF5ngati8d1WzfWtzQegKmmUj6lH4LkesVyzZeLjlNpjf3MKm~NQ__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4"
const ft_tab2_media_phone = "drive-phone.png"

// Third Tab

const ft_tab3_label = "Reproduce"
const ft_tab3_item1_header = " Never lose track of how your results were obtained again"
const ft_tab3_item1_content = "Authors can dynamically update their work in response to community and referee feedback. Maintain a traceable record of change all along the lifecycle the research you curate."
const ft_tab3_item2_header = ""
const ft_tab3_item2_content = ""
const ft_tab3_media = "https://s3-alpha-sig.figma.com/img/01ad/28fe/88a837c7237a510d4d76039f8ce6ddd3?Expires=1698019200&Signature=KSs4Bk8L0-7H4DidDOZGL-jvBCZMotvIgMB2PH5tycZ7Y9VUX-KNVnFGbL5yw2J-LtXBdzS4exu8uy6aJw27pfsS~EH18R9mC8eXk4a7~j~mxc4dxKsLbZKK1FYTpTKvoBi0bhKTL8ugwxpS~Hb756L2QNM6V2Yj9B2X2y~X4T4~lTDk6xTay~eeDgJ0wR7m5MwrbzTpw5ZNkTk8FZkZcEaX0hhtl55BhjvHVDGrLHLam--hlhGjEZgr0PVboGpr8eiYLAkkVGCMEjMMSKRjITbfAp8N0b0ZgjqF5ngati8d1WzfWtzQegKmmUj6lH4LkesVyzZeLjlNpjf3MKm~NQ__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4"
const ft_tab3_media_phone = "drive-phone.png"



// INPUT CONTENT FOR TESTIMONIALS HERE

const tm_header = "Loved by researchers"

const tm_item1_name = "Marco Giometto"
const tm_item1_position = "Civil Engineering at Columbia"
const tm_item1_content = "One of Marco's PhD students created a fully reproducible, data heavy publication, containing over 20 terabytes of open data. Without Nodes, all that work, and all that data, would have remained on his lab’s internal servers with egress capacity that would’ve made re-use impossible. Now you can find and re-use this data easily on a Node"
const tm_item1_image = "https://s3-alpha-sig.figma.com/img/30f1/a8ac/53c29837119f1047fdfcc7303267b9b0?Expires=1698019200&Signature=bKHWvdAEK1RMa7WyEYzOJhCqs2CwpjJPKmc0~lVltP9wEKtGgkz4F-GClMDkzuz9VaN7Pj1v9TwtfSlFl7kFCgb0Jjj0LtbyaaMWpmeq4Do6zGOpMohCRblQqQVn5CXgeYci~wXk2OyNUUr61sLLDorQEr~dsYDJVk8SDZSmtrsm~8q6TBqI4wEwIh7vK~eZjiyw-OZcw8YeukOjYXsErmO1DIdtSfFI-S73XcG58NsSGyRJYNXN2MljLWrxmALPUhUwqbahEekji3FKvGcD8gjniDkjwLX6KMqUt8qLNQf5FmJRnVS72upWugB1TKm~hRr87MTchDLHDq6gnSy9fg__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4"
const tm_item1_link = "https://capybara.desci.com/dpid/76"

const tm_item2_name = "Alkes Price"
const tm_item2_position = "Geneticist at Harvard"
const tm_item2_content = "Alkes and his lab were sharing terabytes of genetic data with their community. The popularity of the dataset caused bills to skyrocket, limiting their ability to share it for free. This data is now available to anyone via Nodes, enabling edge compute without egress fees. Other scientists can now integrate this open data API into their pipelines."
const tm_item2_image = "https://s3-alpha-sig.figma.com/img/7601/4deb/28a02d3fec9c5e3c077d2cdd7cf0099b?Expires=1698019200&Signature=FOC7V9IPkFAe49xSxiAp9Gx3ylRugXcZFfVITrSqHRCtFch1v5WXmx9IFghVVuOPIdTX5w9n5J7BCOvPJmJukFeX3iywPWWEonITJl-Iesu-wqQaPGTocSuDWCbgHg6sNa1EklCmr7se1MfzdCP2iyWH0Hf4PHAMfJImQLVPsGiwC-NEH3M1B~RGdPBMLJNIaFVtVZ4VAVJX~kvT7qm8jh~86xlIPDWq-5nnYvToPGgsk8zkU4DS77pUkWg0XOgO-6QvSg16loskfCzR5Lf3~233kD0OIzuubuF1ZYZQWUE4E~x6thxDSezznh7r3PclGkD~UaiXBnL8h2jJT5oQsw__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4"
const tm_item2_link = "https://capybara.desci.com/dpid/75"

const tm_item3_name = "Megan Ansdell"
const tm_item3_position = "Astrophyisicist at NASA"
const tm_item3_content = "Megan turned her PhD thesis into a Node primarily to share her code with the astrophysics community. During her thesis, she took a lot of care to make her work reproducible. With Nodes she finally has a medium to showcase this effort and share the outcome with everyone. Nodes allowed her to create interactive links between her paper, data, and code."
const tm_item3_image = "https://s3-alpha-sig.figma.com/img/9cfb/2dbe/a3c13cccddb9cd42ec2d9f2b39a08063?Expires=1698019200&Signature=pBWmdiZVg9VIzBB3gVUS824~rou2M8Qs7CPPGoq3q9G-8KKz0OKGsihVSOU78fjvtkBnEFDjNmrrVMG3d-Vzl1qmnDpjWwYAwKfz~g-LhV5JgA-WnegwHvjTv3x-SJoVJLSs-6DYYfHdf9ImSh2YlNpbnxJ-68qQO79RXvyrYq3ayCtn7kX8eUW0Xu1f05a74O779E3nxGvYqHn3eYOT2lktmj4958jzEEiyAKv69xG6I93o17~OkovxrVoQiQJBK3zB0tqH1XngcroL5IX7cHNXdLlT0IWb7gpkG3nvkFoaaHAiF3Ol1vfJv1WyM3KpUE-sDfMwKjq3umECZuyrxA__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4"
const tm_item3_link = "https://capybara.desci.com/dpid/46"





// INPUT SECTION END










import BaseLayout from "../layouts/BaseLayout.astro";
import Hero from "../components/landing/Hero.astro";
import Overview from "../components/landing/Overview6.astro";
import Features from "../components/landing/Features.astro";
import Testimonial from "../components/global/Testimonial.astro";
import Cta from "../components/global/Cta.astro";
import Footer from "../components/global/Footer.astro";
import { AstroSeo } from "@astrolib/seo";





---

<!---
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>
  <Hero 
    slogan={slogan} 
    title={title} />
  <Overview 
    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}
    ov_item4_header={ov_item4_header}
    ov_item4_content={ov_item4_content}
    ov_item5_header={ov_item5_header}
    ov_item5_content={ov_item5_content}
    ov_item6_header={ov_item6_header}
    ov_item6_content={ov_item6_content}
    ov_item1_icon={ov_item1_icon}
    ov_item2_icon={ov_item2_icon}
    ov_item3_icon={ov_item3_icon}
    ov_item4_icon={ov_item4_icon}
    ov_item5_icon={ov_item5_icon}
    ov_item6_icon={ov_item6_icon}/>
  <Features 
    ft_header={ft_header}
    ft_tab1_label={ft_tab1_label}
    ft_tab2_label={ft_tab2_label}
    ft_tab3_label={ft_tab3_label}
    ft_tab1_item1_header={ft_tab1_item1_header}
    ft_tab1_item1_content={ft_tab1_item1_content}
    ft_tab1_item2_header={ft_tab1_item2_header}
    ft_tab1_item2_content={ft_tab1_item2_content}
    ft_tab1_media={ft_tab1_media}
    ft_tab2_item1_header={ft_tab2_item1_header}
    ft_tab2_item1_content={ft_tab2_item1_content}
    ft_tab2_item2_header={ft_tab2_item2_header}
    ft_tab2_item2_content={ft_tab2_item2_content}
    ft_tab2_media={ft_tab2_media}
    ft_tab3_item1_header={ft_tab3_item1_header}
    ft_tab3_item1_content={ft_tab3_item1_content}
    ft_tab3_item2_header={ft_tab3_item2_header}
    ft_tab3_item2_content={ft_tab3_item2_content}
    ft_tab3_media={ft_tab3_media}
    ft_tab1_media_phone={ft_tab1_media_phone}
    ft_tab2_media_phone={ft_tab2_media_phone}
    ft_tab3_media_phone={ft_tab3_media_phone} />
  <Testimonial 
    tm_header={tm_header} 
    tm_item1_content={tm_item1_content} 
    tm_item1_position={tm_item1_position} 
    tm_item1_name={tm_item1_name} 
    tm_item1_image={tm_item1_image}
    tm_item2_content={tm_item2_content} 
    tm_item2_position={tm_item2_position} 
    tm_item2_name={tm_item2_name} 
    tm_item2_image={tm_item2_image}
    tm_item3_content={tm_item3_content} 
    tm_item3_position={tm_item3_position} 
    tm_item3_name={tm_item3_name} 
    tm_item3_image={tm_item3_image}
    tm_item1_link={tm_item1_link}
    tm_item2_link={tm_item2_link}
    tm_item2_link={tm_item3_link} />
  <Cta />
  <Footer />
</BaseLayout>