index.html

<!DOCTYPE html>
<html data-maglev-basic-theme data-maglev-first-section="nav_01">
<head>
  <title>Thibault REY</title>
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <meta name="description" content="" />  
  <meta property="og:title" content="" />
  <meta property="og:description" content="" />
  <meta property="og:image" content="" />

  
  <script src="/vite/assets/theme-basic.07c71e7d.js?1665698387" crossorigin="anonymous" type="module"></script>
  
  <link rel="preload" href="/assets/tailwind-b31a4b495ce19429ce3605ccad92e75891389c1c07ab6943c3e3af41185bc7d0.css?1665698387" as="style" type="text/css" data-turbo-track="reload">
  <link rel="stylesheet" href="/assets/tailwind-b31a4b495ce19429ce3605ccad92e75891389c1c07ab6943c3e3af41185bc7d0.css?1665698387" as="style" data-turbo-track="reload" />

  <link rel="preload" href="/assets/theme-basic-007bd6051591d603f86c741f51922e6b29644da5e6900ea785cbda6a1fd10ff1.css?1665698387" as="style" type="text/css" data-turbo-track="reload">
  <link rel="stylesheet" href="/assets/theme-basic-007bd6051591d603f86c741f51922e6b29644da5e6900ea785cbda6a1fd10ff1.css?1665698387" as="style" data-turbo-track="reload" />
  
  <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="preload" as="style">
  <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">

  <style id="maglev-style">
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&display=swap');

    html {
      font-size: var(--basic-theme-default-font-size);
    }
    
    html > body {
      font-family: "Montserrat", "Arial", "sans-serif";
    }

    :root {
      --basic-theme-title-font: "Montserrat", "Arial", "sans-serif";
      --basic-theme-logo-font: "Montserrat", "Arial", "sans-serif";
      --basic-theme-default-font-size: 16px;
      
      --basic-theme-primary-color: #15803d;
      --basic-theme-primary-color-non-hex: 21, 128, 61;
      --basic-theme-primary-color-non-hex-no-comma: 21 128 61;

      --basic-theme-transparent: transparent;
      --basic-theme-color-white: #FFFFFF;
      --basic-theme-color-black: #000000;
      --basic-theme-color-zinc: #3f3f46;
      --basic-theme-color-red: #B70A1E;
      --basic-theme-color-orange: #c2410c;
      --basic-theme-color-beige: #B9A58F;
      --basic-theme-color-green: #15803d;
      --basic-theme-color-teal: #0f766e;
      --basic-theme-color-cyan: #0369a1;
      --basic-theme-color-dark-blue: #12285C;
      --basic-theme-color-blue: #266AFD;
      --basic-theme-color-violet: #6d28d9;
      --basic-theme-color-fuchsia: #a21caf;
    }
  </style>


</head>
<body class="bg-white">
  <main data-maglev-dropzone>
    <header class="fixed top-0 w-full z-30" data-controller="basic-nav-01" data-anchorable="off" data-maglev-section-id="5zdUVQajQz8" id="section-5zdUVQajQz8">

  <div class="relative">
    <div class="bg-scale-200 absolute top-0 h-full w-full 
        
        opacity-95
      " 
      style="background-color: var(--basic-theme-color-white)"></div>
    <div class="backdrop-blur-sm">
      <div class="container mx-auto h-20 px-6 flex items-center justify-between ">
        <a class="shrink-0 flex items-center space-x-3 cursor-pointer relative z-40" href="https://thibaultrey.github.io">
          <img src="/assets/maglev/31-demo-logo-png?1665698387" data-maglev-id="5zdUVQajQz8.logo" class="block max-h-10 " />
          
            <div data-maglev-id="5zdUVQajQz8.logo_text" class="font-bold font-logo text-xl">Thibault REY.</div>
</a>
        <nav class="hidden lg:flex justify-around flex-row 
            
            w-full absolute inset-0
            "
        >
          <ul class="flex flex-row items-center">
              <li class="px-6 py-5 xl:py-0" id="block-RPoM2Xx_Rdc" data-maglev-block-id="RPoM2Xx_Rdc">
                <a data-maglev-id="RPoM2Xx_Rdc.link" class="text-left text-gray-700 hover:text-basic-theme-primary transition-all" href="https://thibaultrey.github.io#section-esn5qXjKrYk"><span data-maglev-id="RPoM2Xx_Rdc.link.text">Features</span></a>
</li>              <li class="px-6 py-5 xl:py-0" id="block-pWDnr4J8Eog" data-maglev-block-id="pWDnr4J8Eog">
                <a data-maglev-id="pWDnr4J8Eog.link" class="text-left text-gray-700 hover:text-basic-theme-primary transition-all" href="https://thibaultrey.github.io#section-6EMfDVYhbaM"><span data-maglev-id="pWDnr4J8Eog.link.text">FAQ</span></a>
</li>          </ul>    
        </nav>

        <div class="
          hidden
          shrink-0
          pl-8
          ml-auto
          lg:flex"
        >
          <a data-maglev-id="5zdUVQajQz8.primary_button" class="
              flex          
              items-center            
              text-center
              text-sm
              text-white
              font-bold      
              bg-basic-theme-primary
              rounded-lg
              py-2.5
              px-5
              transform
              hover:-translate-y-0.5
              transition-all" href="https://github.com/thibaultrey/thibaultrey.github.io">
            <i class="ri-2x mr-2  ri-github-fill" data-maglev-id="5zdUVQajQz8.primary_button_icon"></i>
            <span data-maglev-id="5zdUVQajQz8.primary_button.text">View code</span>
</a>        </div>
        
        <button type="button" class="ml-auto lg:hidden rounded-md h-12 w-12 inline-flex items-center justify-center text-gray-600 hover:text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-basic-theme-primary relative -right-4" aria-expanded="false" data-action="click->basic-nav-01#toggleMenu">
          <i class="ri-2x ri-menu-fill cursor-pointer"></i>
        </button>
      </div>
    </div>
  </div>

  <!-- Mobile version -->
  <div 
    class="hidden fixed inset-0 bg-black bg-opacity-50 z-10" 
    data-basic-nav-01-target="overlay"
    data-transition-enter="transition ease-out duration-500"
    data-transition-enter-start="bg-opacity-0"
    data-transition-enter-end="bg-opacity-50"
    data-transition-leave="transition ease-in duration-500"
    data-transition-leave-start="bg-opacity-50"
    data-transition-leave-end="bg-opacity-0"
  ></div>
  <div 
    class="hidden fixed inset-y-0 right-0 bg-white z-10 w-80 shadow-xl px-4 py-4 flex flex-col translate-x-0" 
    data-basic-nav-01-target="mobileMenu"
    data-transition-enter="transform transition ease-in-out duration-500"
    data-transition-enter-start="translate-x-full"
    data-transition-enter-end="translate-x-0"
    data-transition-leave="transform transition ease-in-out duration-500"
    data-transition-leave-start="translate-x-0"
    data-transition-leave-end="translate-x-full"
  >
    <div class="text-right">
      <button type="button" class="rounded-md h-12 w-12 inline-flex items-center justify-center text-gray-600 hover:text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-basic-theme-primary" aria-expanded="false" data-action="click->basic-nav-01#toggleMenu">
        <i class="lg:hidden ri-2x ri-close-line cursor-pointer"></i> 
      </button>
    </div>

    <div class="h-full flex flex-col justify-between">
      <nav class="w-full">
        <ul>
            <li class="px-10 py-5 xl:py-0" id="block-RPoM2Xx_Rdc" data-maglev-block-id="RPoM2Xx_Rdc">
              <a data-maglev-id="RPoM2Xx_Rdc.link" class="text-left text-gray-700 hover:text-basic-theme-primary transition-all" href="https://thibaultrey.github.io#section-esn5qXjKrYk"><span data-maglev-id="RPoM2Xx_Rdc.link.text">Features</span></a>
</li>            <li class="px-10 py-5 xl:py-0" id="block-pWDnr4J8Eog" data-maglev-block-id="pWDnr4J8Eog">
              <a data-maglev-id="pWDnr4J8Eog.link" class="text-left text-gray-700 hover:text-basic-theme-primary transition-all" href="https://thibaultrey.github.io#section-6EMfDVYhbaM"><span data-maglev-id="pWDnr4J8Eog.link.text">FAQ</span></a>
</li>        </ul>
      </nav>
      <div>
        <a data-maglev-id="5zdUVQajQz8.primary_button" class="
          w-full
          items-center
          justify-center
          shrink-0
          text-center
          text-sm
          text-white
          font-bold      
          bg-basic-theme-primary
          rounded-lg
          py-4
          px-5
          transform
          hover:-translate-y-0.5
          transition-all
          flex" href="https://github.com/thibaultrey/thibaultrey.github.io">
        <i class="ri-2x mr-2  ri-github-fill" data-maglev-id="5zdUVQajQz8.primary_button_icon"></i>
        <span data-maglev-id="5zdUVQajQz8.primary_button.text">View code</span>
</a>      </div>
    </div>
  </div>
</header><div style="background-color: var(--basic-theme-transparent)" data-force-padding="true" data-maglev-section-id="FFOf9-A4tlk" id="section-FFOf9-A4tlk">
  <div class="border-t border-gray-100 py-8 md:py-20">
    <div class="container mx-auto px-6 flex flex-col justify-between items-center ">
      <h1 class="text-4xl md:text-6xl font-title font-extrabold text-center 
        basic-hero-title 
        
        
        leading-relaxed md:leading-relaxed"
      >
        <span data-maglev-id="FFOf9-A4tlk.title">Hello  world</span>
      </h1>
      
      <div data-maglev-id="FFOf9-A4tlk.intro" class="text-center text-sm md:text-lg leading-relaxed mt-10 max-w-2xl lg:mx-auto prose text-black prose-a:text-basic-theme-primary">Thibault REY's static site generated by myTotems.</div>
      
      <div
        class="flex flex-col md:flex-row md:space-x-14 space-y-5 md:space-y-0 mt-10 w-full justify-center"
      >
        <a data-maglev-id="FFOf9-A4tlk.primary_cta" class="
            shrink-0
            flex items-center justify-center
            bg-basic-theme-primary
            rounded-lg
            py-3
            md:py-4
            px-10
            w-full
            md:w-auto
            text-center
            text-white
            font-bold
            transform          
            hover:-translate-y-0.5
            transition-all" href="#"><span data-maglev-id="FFOf9-A4tlk.primary_cta.text">Contact us</span></a>

        <a data-maglev-id="FFOf9-A4tlk.secondary_cta" class="
            shrink-0
            flex items-center justify-center
            font-bold
            bg-transparent
            rounded-lg
            border border-basic-theme-primary
            py-3
            md:py-4
            px-10
            w-full
            md:w-auto
            transform
            text-basic-theme-primary text-opacity-100
            hover:-translate-y-0.5
            transition-all" href="#"><span data-maglev-id="FFOf9-A4tlk.secondary_cta.text">Read docs</span></a>
      </div>
    </div>  
  </div>
</div>

<div class="py-10 md:py-20 text-opacity-100" style="background: linear-gradient(180deg, rgba(var(--basic-theme-primary-color-non-hex), 0.05) 70%, #ffffff 30%)" id="section-EK75Rmre" data-maglev-section-id="EK75Rmre">
  <div class="container mx-auto px-6">
    <div class="lg:mt-0 mb-3 lg:px-20">
      <h2 class="
        text-3xl md:text-4xl font-bold font-title text-center
         
        text-basic-theme-primary 
        leading-relaxed md:leading-relaxed"
      >
        <span data-maglev-id="EK75Rmre.title">Pricing</span>
      </h2>

      <p data-maglev-id="EK75Rmre.body" class="text-center w-full text-sm md:text-base leading-relaxed mt-5 lg:mx-auto prose text-black prose-a:text-basic-theme-primary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam cursus nunc vehicula est facilisis, vel malesuada dui tempor. Proin ut blandit lorem, at ullamcorper dui.</p>
    </div>

    <div class="mt-10 lg:mt-20 space-y-10">
        <div class="shadow-lg flex flex-col-reverse lg:flex-row rounded-xl overflow-hidden" id="block-xCre-E-e" data-maglev-block-id="xCre-E-e">
          <div class="flex-1 bg-white text-black bg-opacity-100 py-10 px-6 lg:p-10">
            <h3 data-maglev-id="xCre-E-e.name" class="text-2xl font-bold">Hobby</h3>

            <div data-maglev-id="xCre-E-e.description" class="mt-3 prose text-black prose-a:text-basic-theme-primary text-sm"><p>Nam at urna mi. Phasellus dolor dui, tincidunt quis nisl nec, rhoncus dapibus odio. Cras rhoncus nec nisl tempus blandit</p></div>

            <div class="relative my-6">
              <div class="absolute w-full top-3 z-0 h-0.5 bg-gray-200"></div>
              <h4 data-maglev-id="xCre-E-e.features_title" class="pr-6 relative bg-white inline-block text-basic-theme-primary text-opacity-100 text-sm uppercase font-semibold">Features included</h4>
            </div>

            <div data-maglev-id="xCre-E-e.features" class="prose text-black prose-a:text-basic-theme-primary text-sm lg:prose-ul:columns-2 prose-ul:pl-0 prose-li:pl-8 prose-li:mt-6 lg:prose-li:mt-0 prose-li:relative prose-li:checkmark-marker prose-li:checkmark-marker-sm"><ul><li>Feature #1</li><li>Feature #2</li><li>Feature #3</li><li>Feature #4</li></ul></div>
          </div>

          <div class="lg:ml-auto lg:min-w-[theme(spacing.80)] bg-basic-theme-primary bg-opacity-100 text-white flex items-center justify-center">
            <div class="py-10 p-6 lg:p-10 space-y-5">
              <p data-maglev-id="xCre-E-e.price_label" class="text-sm font-semibold text-center">Lorem ipsum</p>

              <div class="flex items-end justify-center">


                                    <span data-maglev-id="xCre-E-e.price" class="text-6xl font-bold">19.90</span>
&nbsp;                  <span data-maglev-id="EK75Rmre.currency" class="text-4xl font-bold">€</span>

                
                  <span class="text-lg">/</span>
                  <span data-maglev-id="xCre-E-e.period_type" class="text-base">month</span>
              </div>

              <a data-maglev-id="xCre-E-e.primary_cta" class="
                  block
                  w-full
                  shrink-0
                  flex items-center justify-center
                  bg-white
                  rounded-lg
                  py-3
                  px-10
                  w-full
                  text-center
                  text-basic-theme-primary
                  font-bold
                  transform          
                  hover:-translate-y-0.5
                  transition-all" href="#"><span data-maglev-id="xCre-E-e.primary_cta.text">Start</span></a>

              <a data-maglev-id="xCre-E-e.secondary_cta" class="block text-xs text-white underline font-normal text-center" href="#"><span data-maglev-id="xCre-E-e.secondary_cta.text">Ask for a demo</span></a>

            </div>
          </div>
</div>    </div>
  </div>
</div><div class="py-10 md:py-20" style="background-color: var(--basic-theme-color-green)" id="section-esn5qXjKrYk" data-maglev-section-id="esn5qXjKrYk">
  <div class="container mx-auto px-6 leading-loose flex flex-col lg:flex-row text-white">
    <h2 class="text-4xl text-white font-bold leading-relaxed mx-auto lg:w-1/3">
      <span data-maglev-id="esn5qXjKrYk.title">What our product offers</span>
    </h2>

    <div class="w-full mt-12 lg:mt-0 lg:pl-28">
      <div class="grid grid-cols-1 gap-14 lg:grid-cols-2 lg:gap-20">
          <div class="text-left" id="block-JprWNu9wVn4" data-maglev-block-id="JprWNu9wVn4">
            <div class="w-12 h-12 flex items-center justify-center bg-white/15 rounded-md mb-5">
              <i class="ri-xl ri-github-fill text-white"></i>  
            </div>

            <h3 class="font-bold text-lg lg:text-xl mt-5 mb-2.5 lg:mt-0">
              <span data-maglev-id="JprWNu9wVn4.title">Feature #1</span>
            </h3>

            <div data-maglev-id="JprWNu9wVn4.body" class="text-base leading-6 prose text-white/80 prose-a:text-white prose-strong:text-white prose-a:underline"><p>Nam at urna mi. Phasellus dolor dui, tincidunt quis nisl nec, rhoncus dapibus odio. Cras rhoncus nec nisl tempus blandit</p></div>
</div>          <div class="text-left" id="block-MdceDtWrKIs" data-maglev-block-id="MdceDtWrKIs">
            <div class="w-12 h-12 flex items-center justify-center bg-white/15 rounded-md mb-5">
              <i class="ri-xl ri-mail-line text-white"></i>  
            </div>

            <h3 class="font-bold text-lg lg:text-xl mt-5 mb-2.5 lg:mt-0">
              <span data-maglev-id="MdceDtWrKIs.title">Feature #2</span>
            </h3>

            <div data-maglev-id="MdceDtWrKIs.body" class="text-base leading-6 prose text-white/80 prose-a:text-white prose-strong:text-white prose-a:underline"><p>Nam at urna mi. Phasellus dolor dui, tincidunt quis nisl nec, rhoncus dapibus odio. Cras rhoncus nec nisl tempus blandit</p></div>
</div>          <div class="text-left" id="block-X9HxcnTRLRo" data-maglev-block-id="X9HxcnTRLRo">
            <div class="w-12 h-12 flex items-center justify-center bg-white/15 rounded-md mb-5">
              <i class="ri-xl ri-global-line text-white"></i>  
            </div>

            <h3 class="font-bold text-lg lg:text-xl mt-5 mb-2.5 lg:mt-0">
              <span data-maglev-id="X9HxcnTRLRo.title">Feature #3</span>
            </h3>

            <div data-maglev-id="X9HxcnTRLRo.body" class="text-base leading-6 prose text-white/80 prose-a:text-white prose-strong:text-white prose-a:underline"><p>Nam at urna mi. Phasellus dolor dui, tincidunt quis nisl nec, rhoncus dapibus odio. Cras rhoncus nec nisl tempus blandit</p></div>
</div>          <div class="text-left" id="block-B_j9z4VFpAM" data-maglev-block-id="B_j9z4VFpAM">
            <div class="w-12 h-12 flex items-center justify-center bg-white/15 rounded-md mb-5">
              <i class="ri-xl ri-file-copy-line text-white"></i>  
            </div>

            <h3 class="font-bold text-lg lg:text-xl mt-5 mb-2.5 lg:mt-0">
              <span data-maglev-id="B_j9z4VFpAM.title">Feature #4</span>
            </h3>

            <div data-maglev-id="B_j9z4VFpAM.body" class="text-base leading-6 prose text-white/80 prose-a:text-white prose-strong:text-white prose-a:underline"><p>Nam at urna mi. Phasellus dolor dui, tincidunt quis nisl nec, rhoncus dapibus odio. Cras rhoncus nec nisl tempus blandit</p></div>
</div>      </div>
    </div>
  </div>
</div><div style="background-color: var(--basic-theme-transparent)" data-force-padding="true" data-maglev-section-id="Sn5m_jbg" id="section-Sn5m_jbg">
  <div class="border-t border-gray-100 py-8 md:py-20">
    <div class="container mx-auto px-6 flex flex-col justify-between items-center ">
      <h1 class="text-4xl md:text-6xl font-title font-extrabold text-center 
        basic-hero-title 
        
        
        leading-relaxed md:leading-relaxed"
      >
        <span data-maglev-id="Sn5m_jbg.title"><strong>My awesome title</strong><br/>subtitle</span>
      </h1>
      
      <div data-maglev-id="Sn5m_jbg.intro" class="text-center text-sm md:text-lg leading-relaxed mt-10 max-w-2xl lg:mx-auto prose text-black prose-a:text-basic-theme-primary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam cursus nunc vehicula est facilisis, vel malesuada dui tempor. Proin ut blandit lorem, at ullamcorper dui.</div>
      
      <div
        class="flex flex-col md:flex-row md:space-x-14 space-y-5 md:space-y-0 mt-10 w-full justify-center"
      >
        <a data-maglev-id="Sn5m_jbg.primary_cta" class="
            shrink-0
            flex items-center justify-center
            bg-basic-theme-primary
            rounded-lg
            py-3
            md:py-4
            px-10
            w-full
            md:w-auto
            text-center
            text-white
            font-bold
            transform          
            hover:-translate-y-0.5
            transition-all" href="#"><span data-maglev-id="Sn5m_jbg.primary_cta.text">Call to action #1</span></a>

        <a data-maglev-id="Sn5m_jbg.secondary_cta" class="
            shrink-0
            flex items-center justify-center
            font-bold
            bg-transparent
            rounded-lg
            border border-basic-theme-primary
            py-3
            md:py-4
            px-10
            w-full
            md:w-auto
            transform
            text-basic-theme-primary text-opacity-100
            hover:-translate-y-0.5
            transition-all" href="#"><span data-maglev-id="Sn5m_jbg.secondary_cta.text">Call to action #2</span></a>
      </div>
    </div>  
  </div>
</div><div class="py-10 md:py-20" style="background-color: var(--basic-theme-transparent)" id="section-6EMfDVYhbaM" data-maglev-section-id="6EMfDVYhbaM">
  <div class="container mx-auto px-6 space-y-20 ">
    <div class="space-y-8">
      <p data-maglev-id="6EMfDVYhbaM.pre_title" class="uppercase text-center text-xs text-gray-400">still have some questions?</p>

      <h2 class="text-4xl font-bold text-center">
        <span data-maglev-id="6EMfDVYhbaM.title">FAQs</span>
      </h2>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
        <div class="space-y-4" id="block-EI5CeGS0bN8" data-maglev-block-id="EI5CeGS0bN8">
          <h3 
            class="font-bold text-basic-theme-primary text-opacity-100">
            <span data-maglev-id="EI5CeGS0bN8.question">Question #1?</span>
          </h3>
          
          <div data-maglev-id="EI5CeGS0bN8.answer" class="max-w-full text-black prose prose-a:text-basic-theme-primary pb-6"><p>Proin quis dui hendrerit, consequat velit a, fermentum diam. Sed semper vel mauris vitae posuere.</p></div>
</div>        <div class="space-y-4" id="block-fPNQWggC_fw" data-maglev-block-id="fPNQWggC_fw">
          <h3 
            class="font-bold text-basic-theme-primary text-opacity-100">
            <span data-maglev-id="fPNQWggC_fw.question">Question #2?</span>
          </h3>
          
          <div data-maglev-id="fPNQWggC_fw.answer" class="max-w-full text-black prose prose-a:text-basic-theme-primary pb-6"><p>Proin quis dui hendrerit, consequat velit a, fermentum diam. Sed semper vel mauris vitae posuere.</p></div>
</div>        <div class="space-y-4" id="block-VSKCWG48p7I" data-maglev-block-id="VSKCWG48p7I">
          <h3 
            class="font-bold text-basic-theme-primary text-opacity-100">
            <span data-maglev-id="VSKCWG48p7I.question">Question #3?</span>
          </h3>
          
          <div data-maglev-id="VSKCWG48p7I.answer" class="max-w-full text-black prose prose-a:text-basic-theme-primary pb-6"><p>Proin quis dui hendrerit, consequat velit a, fermentum diam. Sed semper vel mauris vitae posuere.</p></div>
</div>        <div class="space-y-4" id="block-0OJUNQCFRys" data-maglev-block-id="0OJUNQCFRys">
          <h3 
            class="font-bold text-basic-theme-primary text-opacity-100">
            <span data-maglev-id="0OJUNQCFRys.question">Question #4?</span>
          </h3>
          
          <div data-maglev-id="0OJUNQCFRys.answer" class="max-w-full text-black prose prose-a:text-basic-theme-primary pb-6"><p>Proin quis dui hendrerit, consequat velit a, fermentum diam. Sed semper vel mauris vitae posuere.</p></div>
</div>        <div class="space-y-4" id="block-ofuuw-LDM3s" data-maglev-block-id="ofuuw-LDM3s">
          <h3 
            class="font-bold text-basic-theme-primary text-opacity-100">
            <span data-maglev-id="ofuuw-LDM3s.question">Question #3?</span>
          </h3>
          
          <div data-maglev-id="ofuuw-LDM3s.answer" class="max-w-full text-black prose prose-a:text-basic-theme-primary pb-6"><p>Proin quis dui hendrerit, consequat velit a, fermentum diam. Sed semper vel mauris vitae posuere.</p></div>
</div>        <div class="space-y-4" id="block-mCB94bQTt6U" data-maglev-block-id="mCB94bQTt6U">
          <h3 
            class="font-bold text-basic-theme-primary text-opacity-100">
            <span data-maglev-id="mCB94bQTt6U.question">Question #4?</span>
          </h3>
          
          <div data-maglev-id="mCB94bQTt6U.answer" class="max-w-full text-black prose prose-a:text-basic-theme-primary pb-6"><p>Proin quis dui hendrerit, consequat velit a, fermentum diam. Sed semper vel mauris vitae posuere.</p></div>
</div>    </div>
  </div>
</div><div class="py-12 md:py-20" style="background-color: var(--basic-theme-transparent)" id="section-zQUKMz_d" data-maglev-section-id="zQUKMz_d">
  <div class="lg:max-w-4xl mx-auto px-6 space-y-10 text-opacity-100">
      <div id="block-iw-XlJm8" data-maglev-block-id="iw-XlJm8">
          <h1 data-maglev-id="iw-XlJm8.title" class="
              mb-20
              text-5xl
              text-center
              font-bold
              text-basic-theme-primary 
              
            ">Title</h1>
</div>      <div id="block-zDkS5lZP" data-maglev-block-id="zDkS5lZP">
          <div data-maglev-id="zDkS5lZP.text" class="prose text-black prose-a:text-basic-theme-primary
            max-w-full
            prose-h2:text-3xl
            prose-h2:text-black
            
            prose-h3:text-2xl
            prose-h3:text-black
            
            prose-h4:text-xl
            prose-h4:text-black
            
            prose-blockquote:font-semibold
            prose-blockquote:text-dark
            
            prose-bullets:text-basic-theme-primary
          "><p><strong>Pellentesque arcu enim, fermentum in rhoncus sit amet, vulputate at magna. Aliquam sollicitudin quis mauris ac imperdiet.</strong></p><p>Lorem ipsum dolor sit amet, <a href="#">consectetur adipiscing</a> elit. Cras maximus quam ante, ut pretium odio blandit ac. Nam at urna mi. Phasellus dolor dui, tincidunt quis nisl nec, rhoncus dapibus odio. Cras rhoncus nec nisl tempus blandit. In dolor ante, elementum id mollis dictum, facilisis eu augue. Sed egestas justo sit amet urna.</p><ul><li>Cras rhoncus nec nisl tempus blandit.</li><li>In dolor ante, elementum id mollis dictum</li><li>Facilisis eu augue. Sed egestas justo.</li></ul></div>
        
</div>      <div id="block-11rmk0_N" data-maglev-block-id="11rmk0_N">
          <div class="flex flex-col items-center justify-center space-y-2">
              <img src="/themes/image-placeholder.jpg?1665698387" data-maglev-id="11rmk0_N.image" class="block object-cover overflow-hidden rounded-2xl" />

            <p class="text-gray-400 text-sm"></p>
          </div>
</div>      <div id="block-P9SflYUz" data-maglev-block-id="P9SflYUz">
          <div data-maglev-id="P9SflYUz.text" class="prose text-black prose-a:text-basic-theme-primary
            max-w-full
            prose-h2:text-3xl
            prose-h2:text-black
            
            prose-h3:text-2xl
            prose-h3:text-black
            
            prose-h4:text-xl
            prose-h4:text-black
            
            prose-blockquote:font-semibold
            prose-blockquote:text-dark
            
            prose-bullets:text-basic-theme-primary
          "><h2>Sub title</h2><p>Pellentesque arcu enim, fermentum in rhoncus sit amet, vulputate at magna. Aliquam sollicitudin quis mauris ac imperdiet.</p><blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque odio purus, suscipit nec arcu id, tempor feugiat risus. Maecenas cursus vehicula sagittis.</p></blockquote></div>
        
</div>  </div>
</div><div class="py-10 md:py-20 px-6 md:px-0 " style="background-color: var(--basic-theme-transparent)" id="section-zKR4Lg8WBt4" data-maglev-section-id="zKR4Lg8WBt4">
  <div class="container mx-auto flex flex-col
        items-start
        lg:flex-row
        justify-between
        lg:items-center
        bg-basic-theme-primary
        px-10
        py-10
        md:py-16
        md:px-24
        rounded-2xl
        ">
    <h2 class="text-center md:text-left text-4xl leading-relaxed font-bold text-white">
      <span data-maglev-id="zKR4Lg8WBt4.title">Got interested?</span>
    </h2>
    <div
      class="flex flex-col sm:flex-row gap-x-5 mt-12 lg:mt-0 w-full sm:w-auto"
    >
      <a data-maglev-id="zKR4Lg8WBt4.primary_cta" class="
          shrink-0
          font-bold
          py-4
          px-10
          text-center
          w-full
          sm:w-auto
          rounded-xl
          bg-white
          text-basic-theme-primary text-opacity-100
          hover:-translate-y-0.5
          transition-all" href="#"><span data-maglev-id="zKR4Lg8WBt4.primary_cta.text">Contact us</span></a>

      <a data-maglev-id="zKR4Lg8WBt4.secondary_cta" class="
          shrink-0
          font-bold
          py-4
          px-10
          text-center
          w-full
          sm:w-auto
          mt-5
          sm:mt-0
          rounded-xl
          bg-white/30
          text-white
          hover:-translate-y-0.5
          transition-all" href="https://github.com/thibaultrey/thibaultrey.github.io"><span data-maglev-id="zKR4Lg8WBt4.secondary_cta.text">Read our code</span></a>
    </div>
  </div>
</div><div class="py-10 md:py-20" data-anchorable="off" data-maglev-section-id="AVaDVaIvYIU" style="background-color: var(--basic-theme-transparent)" id="section-AVaDVaIvYIU">
  <div class="container mx-auto px-6 flex flex-col-reverse md:flex-row md:space-y-0 items-center md:justify-between ">
    <div class="flex flex-col items-center md:items-baseline mt-8 md:mt-0">
      <a class="shrink-0 flex items-center mb-2" href="https://thibaultrey.github.io">
        <img src="" data-maglev-id="AVaDVaIvYIU.logo" class="block mr-3 max-h-8 " />
        
          <div data-maglev-id="AVaDVaIvYIU.logo_text" class="font-bold font-logo text-xl">Thibault REY.</div>
</a>
      <span data-maglev-id="AVaDVaIvYIU.copyright" class="text-black/80 prose"><p>© 2022 Your company Inc.</p></span>
    </div>

    <div class="flex flex-col md:flex-row items-center space-y-3 md:space-x-10 md:space-y-0">
        <div id="block-YQq--DiKEIw" data-maglev-block-id="YQq--DiKEIw">
          <a data-maglev-id="YQq--DiKEIw.link" class="font-bold hover:underline" href="#"><span data-maglev-id="YQq--DiKEIw.link.text">Twitter</span></a>
</div>        <div id="block-v0H4lICKw3E" data-maglev-block-id="v0H4lICKw3E">
          <a data-maglev-id="v0H4lICKw3E.link" class="font-bold hover:underline" href="https://github.com/thibaultrey/thibaultrey.github.io"><span data-maglev-id="v0H4lICKw3E.link.text">Github</span></a>
</div>        <div id="block-Eko6sSrZIFo" data-maglev-block-id="Eko6sSrZIFo">
          <a data-maglev-id="Eko6sSrZIFo.link" class="font-bold hover:underline" href="#"><span data-maglev-id="Eko6sSrZIFo.link.text">Contact</span></a>
</div>    </div>
  </div>
</div>
  </main>
</body>
</html>