https://cvbot.dev/

Scan ID:: 7a38fa88-da64-4971-bd08-a595209a10feFinished
Submitted URL:: https://cvbot.dev/
Report Finished:: Nov 15, 2024, 14:56:13
Links · 0 found

The outgoing links identified from the page
JavaScript Variables · 3 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name	Type
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
Console log messages · 0 found

Messages logged to the web console
HTML

The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/png" href="/favicon.png"><meta name="generator" content="Astro v4.16.7"><title>Free AI Resume Builder | CVBot</title><link rel="canonical" href="https://cvbot.dev/"><meta name="description" content="Build a beautiful resume and optimize it with AI. Get more interviews and job offers with CV Bot."><meta name="robots" content="index, follow"><meta property="og:title" content="Build a beautiful resume and optimize it with AI. Get more interviews and job offers with CV Bot."><meta property="og:type" content="website"><meta property="og:image" content="https://cvbot.dev/free-ai-resume-builder-open-graph.webp"><meta property="og:url" content="https://cvbot.dev/"><meta property="og:image:url" content="https://cvbot.dev/free-ai-resume-builder-open-graph.webp"><meta property="og:image:alt" content="Get hired faster with CVBot's Free AI Resume Builder"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:creator" content="@getcvbot"><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><link rel="stylesheet" href="/_astro/_page_.oD1b9zKV.css">
<link rel="stylesheet" href="/_astro/privacy-policy.DEvSL90T.css"><script type="module" src="/_astro/hoisted.2daoxv0f.js" data-astro-exec=""></script><style>[data-astro-transition-scope="astro-o7bz76pi-1"] { view-transition-name: astro-o7bz76pi-1; }@layer astro { ::view-transition-old(astro-o7bz76pi-1) { animation: none; opacity: 0; mix-blend-mode: normal; }::view-transition-new(astro-o7bz76pi-1) { animation: none; mix-blend-mode: normal; }::view-transition-group(astro-o7bz76pi-1) { animation: none } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-o7bz76pi-1"],
			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-o7bz76pi-1"] { animation: none; mix-blend-mode: normal; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-o7bz76pi-1"],
			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-o7bz76pi-1"] { animation: none; mix-blend-mode: normal; }</style></head> <body> <header class="astronav-sticky-header sticky top-0 border-b z-20 transition-all py-5 border-transparent">  <div class="max-w-screen-xl mx-auto px-5">  <div class="flex flex-col lg:flex-row justify-between items-center relative z-10" data-astro-transition-scope="astro-o7bz76pi-1">  <div class="flex w-full lg:w-auto items-center justify-between"> <a href="/" class="flex-shrink-0 flex items-center space-x-0.5 items-center max-[400px]:[&amp;>span]:hidden" aria-label="CV Bot Home Page"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="1em" height="1em" class="text-indigo-600 mt-px w-4 h-4 flex-shrink-0"> <path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"></path> </svg> <span class="tracking-tight font-black">CV Bot</span> </a> <div class="block lg:hidden"> <button id="astronav-menu" aria-label="Toggle Menu">  <svg fill="currentColor" class="w-4 h-4 text-gray-800" width="24" height="24" viewBox="0 0 24 24" xmlns="https://www.w3.org/2000/svg"> <title>Toggle Menu</title> <path class="astronav-close-icon astronav-toggle hidden" fill-rule="evenodd" clip-rule="evenodd" d="M18.278 16.864a1 1 0 01-1.414 1.414l-4.829-4.828-4.828 4.828a1 1 0 01-1.414-1.414l4.828-4.829-4.828-4.828a1 1 0 011.414-1.414l4.829 4.828 4.828-4.828a1 1 0 111.414 1.414l-4.828 4.829 4.828 4.828z"></path> <path class="astronav-open-icon astronav-toggle" fill-rule="evenodd" d="M4 5h16a1 1 0 010 2H4a1 1 0 110-2zm0 6h16a1 1 0 010 2H4a1 1 0 010-2zm0 6h16a1 1 0 010 2H4a1 1 0 010-2z"></path> </svg>  </button> </div> </div> <nav class="astronav-items astronav-toggle hidden w-full lg:w-auto mt-2 lg:flex lg:mt-0">  <ul class="flex flex-col lg:flex-row lg:gap-3"> <li> <a href="/" class="flex font-bold lg:px-3 py-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 transition focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded-full"> Home </a> </li><li> <a href="/#features" class="flex font-bold lg:px-3 py-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 transition focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded-full"> Features </a> </li><li> <a href="/#pricing" class="flex font-bold lg:px-3 py-2 text-sm text-gray-600 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-offset-2 transition focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded-full"> Pricing </a> </li> </ul> <div class="lg:hidden flex items-center mt-3 gap-4"> <!-- <Link href="#" style="muted" block size="md">Log in</Link> --> <a href="https://app.cvbot.dev/users/waitlist" class="rounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo w-full px-5 py-2 bg-indigo-600 text-white hover:bg-indigo-800">Create My Account </a> </div>  </nav>  <script data-astro-exec="">(function(){const closeOnClick = false;

["DOMContentLoaded", "astro:after-swap"].forEach((event) => {
  document.addEventListener(event, addListeners);
});

// Function to clone and replace elements
function cloneAndReplace(element) {
  const clone = element.cloneNode(true);
  element.parentNode.replaceChild(clone, element);
}

function addListeners() {
  // Clean up existing listeners
  const oldMenuButton = document.getElementById("astronav-menu");
  if (oldMenuButton) {
    cloneAndReplace(oldMenuButton);
  }

  const oldDropdownMenus = document.querySelectorAll(".astronav-dropdown");
  oldDropdownMenus.forEach((menu) => {
    cloneAndReplace(menu);
  });

  // Mobile nav toggle
  const menuButton = document.getElementById("astronav-menu");
  menuButton && menuButton.addEventListener("click", toggleMobileNav);

  // Dropdown menus
  const dropdownMenus = document.querySelectorAll(".astronav-dropdown");
  dropdownMenus.forEach((menu) => {
    const button = menu.querySelector("button");
    button &&
      button.addEventListener("click", (event) =>
        toggleDropdownMenu(event, menu, dropdownMenus)
      );

    // Handle Submenu Dropdowns
    const dropDownSubmenus = menu.querySelectorAll(
      ".astronav-dropdown-submenu"
    );

    dropDownSubmenus.forEach((submenu) => {
      const submenuButton = submenu.querySelector("button");
      submenuButton &&
        submenuButton.addEventListener("click", (event) => {
          event.stopImmediatePropagation();
          toggleSubmenuDropdown(event, submenu);
        });
    });
  });

  // Clicking away from dropdown will remove the dropdown class
  document.addEventListener("click", closeAllDropdowns);

  if (closeOnClick) {
    handleCloseOnClick();
  }
}

function toggleMobileNav() {
  [...document.querySelectorAll(".astronav-toggle")].forEach((el) => {
    el.classList.toggle("hidden");
  });
}

function toggleDropdownMenu(event, menu, dropdownMenus) {
  toggleMenu(menu);

  // Close one dropdown when selecting another
  Array.from(dropdownMenus)
    .filter((el) => el !== menu && !menu.contains(el))
    .forEach(closeMenu);

  event.stopPropagation();
}

function toggleSubmenuDropdown(event, submenu) {
  event.stopPropagation();
  toggleMenu(submenu);

  // Close sibling submenus at the same nesting level
  const siblingSubmenus = submenu
    .closest(".astronav-dropdown")
    .querySelectorAll(".astronav-dropdown-submenu");
  Array.from(siblingSubmenus)
    .filter((el) => el !== submenu && !submenu.contains(el))
    .forEach(closeMenu);
}

function closeAllDropdowns(event) {
  const dropdownMenus = document.querySelectorAll(".dropdown-toggle");
  const dropdownParent = document.querySelectorAll(
    ".astronav-dropdown, .astronav-dropdown-submenu"
  );
  const isButtonInsideDropdown = [
    ...document.querySelectorAll(
      `.astronav-dropdown button, .astronav-dropdown label, .astronav-dropdown input,
	  .astronav-dropdown-submenu button, .astronav-dropdown-submenu label, .astronav-dropdown-submenu input,
	  #astronav-menu`
    ),
  ].some((button) => button.contains(event.target));
  if (!isButtonInsideDropdown) {
    dropdownMenus.forEach((d) => {
      // console.log("I ran", d);
      // if (!d.contains(event.target)) {
      d.classList.remove("open");
      d.removeAttribute("open");
      d.classList.add("hidden");
      // }
    });
    dropdownParent.forEach((d) => {
      d.classList.remove("open");
      d.removeAttribute("open");
      d.setAttribute("aria-expanded", "false");
    });
  }
}

function toggleMenu(menu) {
  menu.classList.toggle("open");
  const expanded = menu.getAttribute("aria-expanded") === "true";
  menu.setAttribute("aria-expanded", expanded ? "false" : "true");
  menu.hasAttribute("open")
    ? menu.removeAttribute("open")
    : menu.setAttribute("open", "");

  const dropdownToggle = menu.querySelector(".dropdown-toggle");
  const dropdownExpanded = dropdownToggle.getAttribute("aria-expanded");
  dropdownToggle.classList.toggle("hidden");
  dropdownToggle.setAttribute(
    "aria-expanded",
    dropdownExpanded === "true" ? "false" : "true"
  );
}

function closeMenu(menu) {
  // console.log("closing", menu);
  menu.classList.remove("open");
  menu.removeAttribute("open");
  menu.setAttribute("aria-expanded", "false");
  const dropdownToggles = menu.querySelectorAll(".dropdown-toggle");
  dropdownToggles.forEach((toggle) => {
    toggle.classList.add("hidden");
    toggle.setAttribute("aria-expanded", "false");
  });
}

function handleCloseOnClick() {
  const navMenuItems = document.querySelector(".astronav-items");
  const navToggle = document.getElementById("astronav-menu");
  const navLink = navMenuItems && navMenuItems.querySelectorAll("a");

  const MenuIcons = navToggle.querySelectorAll(".astronav-toggle");

  navLink &&
    navLink.forEach((item) => {
      item.addEventListener("click", () => {
        navMenuItems?.classList.add("hidden");
        MenuIcons.forEach((el) => {
          el.classList.toggle("hidden");
        });
      });
    });
}
})();</script> <div> <div class="hidden lg:flex items-center gap-4"> <!-- <a --> <!--   href="#" --> <!--   class="text-sm px-2 py-1 transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo rounded-full" --> <!-- >Log in</a> --> <a href="https://app.cvbot.dev/users/waitlist" class="rounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo px-4 py-2 text-sm bg-indigo-600 text-white hover:bg-indigo-800 inline-flex items-center group gap-px"> <span>Create My Account</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 mt-px group-hover:translate-x-1 transition-transform"> <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd"></path> </svg>  </a> </div> </div> </div>  </div>  </header> <script data-astro-exec="">(function(){const scrollY = 50;
const defaultClass = "py-5 border-transparent";
const activeClass = "py-2 bg-white/80 border-gray-200 backdrop-blur-lg";

let scrollPos = 0;
let ticking = false;

function OnScroll(scrollPos) {
  const headers = document.querySelectorAll(".astronav-sticky-header");
  const classArray = activeClass.split(" ");
  const replaceArray = defaultClass.split(" ");

  headers.forEach((header) => {
    if (scrollPos > scrollY) {
      header.classList.remove(...replaceArray);
      header.classList.add("is-active", ...classArray);
      header.setAttribute("active", "");
    }
    //reduce the scrollY to avoid flickering when scrolling up
    if (scrollPos < Math.max(scrollY - 40, 10)) {
      header.classList.remove("is-active", ...classArray);
      header.classList.add(...replaceArray);
      header.removeAttribute("active");
    }
  });
}

// Scroll event throttling as per MDN
// https://developer.mozilla.org/en-US/docs/Web/API/Document/scroll_event

document.addEventListener("scroll", (event) => {
  scrollPos = window.scrollY;
  if (!ticking) {
    window.requestAnimationFrame(() => {
      OnScroll(scrollPos);
      ticking = false;
    });

    ticking = true;
  }
});
})();</script>  <div class="overflow-x-clip"> <div class="max-w-screen-xl mx-auto px-5">  <main class="grid lg:grid-cols-5 place-items-center relative"> <div class="absolute w-96 h-96 blur-2xl -z-10 bg-gradient-radial from-indigo-200 right-0 top-0"></div> <div class="absolute w-96 h-96 blur-2xl -z-10 bg-gradient-radial from-purple-200 right-56 top-10"></div> <div class="max-w-sm md:max-w-max lg:col-span-2"> <p class="text-3xl lg:text-4xl xl:text-6xl font-bold lg:tracking-tight xl:tracking-tighter [text-wrap:balance] text-center lg:text-start">
Apply faster, get hired quicker, and get paid more.
</p> <h1 class="text-lg mt-4 max-w-lg text-slate-600 [text-wrap:balance] text-center lg:text-start">
The best way to optimize your resume with a free AI resume builder.
</h1> <div class="mt-6 flex flex-col sm:flex-row sm:justify-center lg:justify-start gap-3"> <a href="https://app.cvbot.dev/users/waitlist" target="_blank" rel="noopener" class="rounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo px-7 py-2.5 bg-indigo-600 text-white hover:bg-indigo-800 flex gap-1 items-center justify-center">
Create My Account
 </a> </div> </div> <div class="py-3 lg:col-span-3 lg:-mr-44"> <picture> <source srcset="/_astro/free-ai-resume-builder-you-got-hired.BoUAZhS7_Z1fsw1j.avif 240w, /_astro/free-ai-resume-builder-you-got-hired.BoUAZhS7_1SOzoH.avif 540w, /_astro/free-ai-resume-builder-you-got-hired.BoUAZhS7_Z19iK0z.avif 720w, /_astro/free-ai-resume-builder-you-got-hired.BoUAZhS7_1tYGse.avif 2380w" type="image/avif" sizes="(max-width: 1024px) 100vw, 50vw"><source srcset="/_astro/free-ai-resume-builder-you-got-hired.BoUAZhS7_Z1tjXrn.webp 240w, /_astro/free-ai-resume-builder-you-got-hired.BoUAZhS7_1EX7XD.webp 540w, /_astro/free-ai-resume-builder-you-got-hired.BoUAZhS7_Z1nacqD.webp 720w, /_astro/free-ai-resume-builder-you-got-hired.BoUAZhS7_ZVjM1X.webp 2380w" type="image/webp" sizes="(max-width: 1024px) 100vw, 50vw"> <img src="/_astro/free-ai-resume-builder-you-got-hired.BoUAZhS7_lnOyh.png" srcset="/_astro/free-ai-resume-builder-you-got-hired.BoUAZhS7_1aAMei.png 240w, /_astro/free-ai-resume-builder-you-got-hired.BoUAZhS7_ZKif9C.png 540w, /_astro/free-ai-resume-builder-you-got-hired.BoUAZhS7_1gKyf2.png 720w, /_astro/free-ai-resume-builder-you-got-hired.BoUAZhS7_lnOyh.png 2380w" alt="Astronaut in the air" sizes="(max-width: 1024px) 100vw, 50vw" loading="eager" fetchpriority="high" width="2380" height="1985" decoding="async"> </picture> </div> <div class="absolute -bottom-8 justify-center items-center"><svg class="w-6 h-6 md:w-10 md:h-10 lg:w-10 lg:h-10 text-indigo-600 animate-bounce" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M19 14l-7 7m0 0l-7-7m7 7V3"></path></svg></div> </main>  </div> </div> <div class="max-w-screen-xl mx-auto px-5">     </div>  <section id="features"> <div class="max-w-screen-xl mx-auto px-5">  <div class="mt-24"> <h2 class="text-4xl lg:text-5xl font-bold lg:tracking-tight">
Get your resume past the <span class="text-indigo-600">ATS</span> </h2> <p class="text-lg mt-4 text-slate-600">
Hiring is a numbers game. Make sure your resume is seen by as many people as possible.
</p> </div> <div class="grid md:grid-cols-2 lg:grid-cols-5 mt-16 gap-10"> <div class="rounded-2xl p-8 bg-gray-50 transition-all ring-1 ring-gray-200/50 shadow hover:shadow-lg lg:col-span-3"> <div class="overflow-hidden flex items-start justify-center h-auto relative lg:h-80"> <div class="absolute inset-0 bg-gradient-to-t from-gray-50 via-transparent z-10"></div>  <picture> <source srcset="/_astro/ats-features.C-x_fhK6_Z1Iyt6X.avif" type="image/avif"><source srcset="/_astro/ats-features.C-x_fhK6_2lks6I.webp" type="image/webp"> <img src="/_astro/ats-features.C-x_fhK6_Z1KWlLf.png" alt="Feature image" class="h-full w-full object-contain" loading="lazy" width="1534" height="918" decoding="async"> </picture>  </div> <div class="mt-2">  <h3 class="text-xl lg:text-2xl font-medium mt-2"><span>AI powered optimization</span></h3> <p class="text-slate-600 mt-2 [text-wrap:balance]"><span>
Our AI-powered ATS optimization engine suggests tailored improvements for your resume, maximizing its relevance for each specific job application.
      We'll suggest optimizations to your resume for every job.
</span></p> </div> </div> <div class="rounded-2xl p-8 bg-gray-50 transition-all ring-1 ring-gray-200/50 shadow hover:shadow-lg lg:col-span-2"> <div class="overflow-hidden flex items-start justify-center h-auto relative lg:h-80"> <div class="absolute inset-0 bg-gradient-to-t from-gray-50 via-transparent z-10"></div>  <picture> <source srcset="/_astro/parsing-resume.gVb5Vb-A_Z2p5Wvp.avif" type="image/avif"><source srcset="/_astro/parsing-resume.gVb5Vb-A_Z1U5T0b.webp" type="image/webp"> <img src="/_astro/parsing-resume.gVb5Vb-A_AhOtf.png" alt="Feature image" class="h-full w-full object-contain" loading="lazy" width="1078" height="451" decoding="async"> </picture>  </div> <div class="mt-2">  <h3 class="text-xl lg:text-2xl font-medium mt-2"><span>Easy resume uploads</span></h3> <p class="text-slate-600 mt-2 [text-wrap:balance]"><span>
Upload your existing resume, and our advanced system will automatically parse it to get you started fast.
</span></p> </div> </div> </div> <div class="grid md:grid-cols-2 lg:grid-cols-5 mt-10 gap-10"> <div class="rounded-2xl p-8 bg-gray-50 transition-all ring-1 ring-gray-200/50 shadow hover:shadow-lg lg:col-span-2"> <div class="overflow-hidden flex items-start justify-center h-auto relative lg:h-60"> <div class="absolute inset-0 bg-gradient-to-t from-gray-50 via-transparent z-10"></div>  <picture> <source srcset="/_astro/job-application-tracker.BXcs9phv_Z2fNeUD.avif" type="image/avif"><source srcset="/_astro/job-application-tracker.BXcs9phv_215Kpk.webp" type="image/webp"> <img src="/_astro/job-application-tracker.BXcs9phv_22HnGs.png" alt="Feature image" class="h-full w-full object-contain" loading="lazy" width="1422" height="619" decoding="async"> </picture>  </div> <div class="mt-2">  <h3 class="text-xl lg:text-2xl font-medium mt-2"><span>Job application tracker</span></h3> <p class="text-slate-600 mt-2 [text-wrap:balance]"><span>
Effortlessly manage and track your job applications, from initial submission to final outcome, all in one centralized dashboard.
      Keep track of all your job applications in one place.
</span></p> </div> </div> <div class="rounded-2xl p-8 bg-gray-50 transition-all ring-1 ring-gray-200/50 shadow hover:shadow-lg lg:col-span-3"> <div class="overflow-hidden flex items-start justify-center h-auto relative lg:h-60"> <div class="absolute inset-0 bg-gradient-to-t from-gray-50 via-transparent z-10"></div>  <picture> <source srcset="/_astro/stunning-themes.DoyFtre5_ZDQ7Uc.avif" type="image/avif"><source srcset="/_astro/stunning-themes.DoyFtre5_ZVsf3x.webp" type="image/webp"> <img src="/_astro/stunning-themes.DoyFtre5_4MQGd.png" alt="Feature image" class="h-full w-full object-contain" loading="lazy" width="1514" height="1322" decoding="async"> </picture>  </div> <div class="mt-2">  <h3 class="text-xl lg:text-2xl font-medium mt-2"><span>Stunning themes</span></h3> <p class="text-slate-600 mt-2 [text-wrap:balance]"><span>
Select one of our curated, hand-crafted HTML-powered resume templates.
      Select on of our curated, hand-written HTML powered templates.
</span></p> </div> </div> <!-- <Card size="sm"> --> <!--   <Fragment slot="image"> --> <!--     <Image --> <!--       src={IntegrationImg} --> <!--       alt="Feature image" --> <!--       width="909" --> <!--       height="823" --> <!--       class="h-full w-full object-contain" --> <!--       loading="lazy" --> <!--     /> --> <!--   </Fragment> --> <!--   <span slot="badge">Webhooks</span> --> <!--   <span slot="title">100+ Integrations</span> --> <!--   <span slot="desc"> --> <!--     Astroship can be integrated with hundreds of tools using Zapier.</span --> <!--   > --> <!-- </Card> --> </div> <section> <div class="px-8 py-32 mx-auto md:px-12 lg:px-24 max-w-7xl relative"> <div class="grid grid-cols-1 gap-12 md:grid-cols-3 md:items-end"> <div class="lg:col-span-2"> <span class="font-mono text-xs font-medium tracking-tight text-blue-600 uppercase">Process</span> <h2 class="text-4xl mt-4 font-semibold tracking-tight text-gray-900 lg:text-balance">
Getting hired in tech can be simplified.
</h2> </div> <p class="text-base font-medium mt-4 text-gray-500">
Job hunting is a numbers game. You need a system to apply to more jobs in less time.
</p> </div> <dl class="grid grid-cols-1 gap-6 lg:grid-cols-3 md:grid-cols-2 mt-12"> <div class="bg-gray-50 rounded-3xl"> <dt class="tracking-tight text-lg font-medium text-gray-900 p-8">
1. Upload and edit your resume
</dt> <dd class="text-sm text-gray-500 text-pretty p-8 border-t">
We'll parse your resume, so no need to spend forever building it again. Then use our Notion-like editor to update your resume with speed.
</dd> </div> <div class="bg-indigo-400 rounded-3xl"> <dt class="tracking-tight text-lg font-medium text-white p-8">
2. Start a job application
</dt> <dd class="text-sm lg:text-balance text-gray-200 p-8 border-t border-white/20">
Give us the URL to the job posting and our AI features can help quickly optimize your resume for that application.
</dd> </div> <div class="bg-indigo-600 rounded-3xl"> <dt class="tracking-tight text-lg font-medium text-white p-8">
3. Get a job offer!
</dt> <dd class="text-sm lg:text-balance text-gray-200 p-8 border-t border-white/20">
You need a system to get hired! Quick apply to more jobs keeping everything organization with our application tracker.
</dd> </div> </dl> </div> </section> <!-- <div class="mt-16">
  <h2 class="text-4xl lg:text-5xl font-bold lg:tracking-tight">
    We have got more awesome <span class="text-indigo-600">features</span>
  </h2>
  <p class="text-lg mt-4 text-slate-600">
    Use this section to highlight not so important features of your product.
  </p>
</div> --><div class="mt-24 max-w-3xl mx-auto flex flex-col items-center justify-center"> <span class="bg-indigo-100 border-indigo-200 border text-indigo-600 rounded-full text-xs font-medium px-3 py-1 "> Get a job in tech </span> <h2 class="text-4xl lg:text-5xl font-bold lg:tracking-tight mt-4 text-center">
Getting hired in tech can be simplified.
</h2> <p class="text-lg mt-4 text-slate-600 text-center [text-wrap:pretty]">
Job hunting in the tech sector is a numbers game. You need a system that helps you apply to more jobs in less time.
</p> </div> <div class="grid sm:grid-cols-2 md:grid-cols-3 mt-16 gap-8 md:gap-16"> <div class="flex flex-col gap-4 items-start group hover:bg-slate-50 hover:border-slate-100 border border-transparent rounded-lg transition-all md:-m-5 p-5"> <div class="mt-1 bg-indigo-50 border shadow shadow-indigo-100/50 border-indigo-100 transition-colors rounded-lg grid place-items-center  p-2 w-10 h-10 shrink-0"> <svg width="24" height="24" viewBox="0 0 16 16" class="text-indigo-500" data-icon="fluent:cut-16-regular">  <symbol id="ai:fluent:cut-16-regular"><path fill="currentColor" d="M11.78 1.08c.23.16.29.47.14.7L9.21 5.85l-.61-.91l2.48-3.72c.16-.23.47-.29.7-.14m-.951 9.012q.322-.09.671-.092v.001c1.379 0 2.5 1.122 2.5 2.5s-1.121 2.5-2.5 2.5a2.497 2.497 0 0 1-1.566-4.447l-1.933-2.9l-1.932 2.902c.567.458.931 1.159.931 1.944C7 13.878 5.879 15 4.5 15A2.503 2.503 0 0 1 2 12.5a2.503 2.503 0 0 1 3.166-2.409l2.229-3.348l-3.311-4.966a.5.5 0 0 1 .832-.554zM3 12.5c0 .827.673 1.5 1.5 1.5S6 13.327 6 12.5S5.327 11 4.5 11S3 11.673 3 12.5m7 0c0 .827.673 1.5 1.5 1.5s1.5-.673 1.5-1.5s-.673-1.5-1.5-1.5s-1.5.673-1.5 1.5"></path></symbol><use xlink:href="#ai:fluent:cut-16-regular"></use>  </svg> </div> <div> <h3 class="font-semibold text-lg">Resume Parsing</h3>  <p class="text-slate-500 mt-2 leading-relaxed">Bring your own resume. Upload it to the app. Make as many versions as you want.</p> </div> </div><div class="flex flex-col gap-4 items-start group hover:bg-slate-50 hover:border-slate-100 border border-transparent rounded-lg transition-all md:-m-5 p-5"> <div class="mt-1 bg-indigo-50 border shadow shadow-indigo-100/50 border-indigo-100 transition-colors rounded-lg grid place-items-center  p-2 w-10 h-10 shrink-0"> <svg width="24" height="24" viewBox="0 0 24 24" class="text-indigo-500" data-icon="fluent:document-page-bottom-left-24-filled">  <symbol id="ai:fluent:document-page-bottom-left-24-filled"><path fill="currentColor" d="m9.256 16.882l.238-1.5h1.481l-.237 1.5zM17.75 2a2.25 2.25 0 0 1 2.245 2.096L20 4.25v15.498a2.25 2.25 0 0 1-2.096 2.245l-.154.005H6.25a2.25 2.25 0 0 1-2.245-2.096L4 19.748V4.25a2.25 2.25 0 0 1 2.096-2.245L6.25 2zm-7.355 17.043a.75.75 0 1 0 1.482.234l.142-.895h.731a.75.75 0 0 0 0-1.5h-.494l.238-1.5h.756a.75.75 0 0 0 0-1.5h-.519l.162-1.025a.75.75 0 1 0-1.481-.234l-.2 1.259h-1.48l.161-1.025a.75.75 0 0 0-1.481-.234l-.2 1.259H7.25a.75.75 0 0 0 0 1.5h.725l-.237 1.5H6.75a.75.75 0 0 0 0 1.5h.75l-.105.66a.75.75 0 0 0 1.482.235l.142-.895H10.5z"></path></symbol><use xlink:href="#ai:fluent:document-page-bottom-left-24-filled"></use>  </svg> </div> <div> <h3 class="font-semibold text-lg">Markdown Editing</h3>  <p class="text-slate-500 mt-2 leading-relaxed">Create your own custom sections with markdown.</p> </div> </div><div class="flex flex-col gap-4 items-start group hover:bg-slate-50 hover:border-slate-100 border border-transparent rounded-lg transition-all md:-m-5 p-5"> <div class="mt-1 bg-indigo-50 border shadow shadow-indigo-100/50 border-indigo-100 transition-colors rounded-lg grid place-items-center  p-2 w-10 h-10 shrink-0"> <svg width="24" height="24" viewBox="0 0 16 16" class="text-indigo-500" data-icon="fluent:document-arrow-down-16-filled">  <symbol id="ai:fluent:document-arrow-down-16-filled"><path fill="currentColor" d="M9 1H6a2 2 0 0 0-2 2v2.205a5.5 5.5 0 0 1 4.666 9.791H12a2 2 0 0 0 2-2V6.001h-3.5A1.5 1.5 0 0 1 9 4.5zm4.997 4h-3.498a.5.5 0 0 1-.5-.5V1h.01zM10 10.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0m-4.854 2.353l.003.003a.5.5 0 0 0 .348.144h.006a.5.5 0 0 0 .35-.146l2-2a.5.5 0 0 0-.707-.708L6 11.293V8.5a.5.5 0 0 0-1 0v2.793l-1.146-1.147a.5.5 0 0 0-.708.708z"></path></symbol><use xlink:href="#ai:fluent:document-arrow-down-16-filled"></use>  </svg> </div> <div> <h3 class="font-semibold text-lg">Export Options</h3>  <p class="text-slate-500 mt-2 leading-relaxed">Export as PDF, or view on the web as HTML or JSON.</p> </div> </div><div class="flex flex-col gap-4 items-start group hover:bg-slate-50 hover:border-slate-100 border border-transparent rounded-lg transition-all md:-m-5 p-5"> <div class="mt-1 bg-indigo-50 border shadow shadow-indigo-100/50 border-indigo-100 transition-colors rounded-lg grid place-items-center  p-2 w-10 h-10 shrink-0"> <svg width="24" height="24" viewBox="0 0 20 20" class="text-indigo-500" data-icon="fluent:bot-sparkle-20-filled">  <symbol id="ai:fluent:bot-sparkle-20-filled"><path fill="currentColor" d="M14.479 8c.179 0 .356.034.521.099V4.5A1.5 1.5 0 0 0 13.5 3h-3v-.5A.48.48 0 0 0 10 2c-.276 0-.5.23-.5.5V3h-3A1.5 1.5 0 0 0 5 4.5v4A1.5 1.5 0 0 0 6.5 10h6.294l.338-1.039l.004-.012A1.42 1.42 0 0 1 14.48 8M7 6.5a1 1 0 1 1 2 0a1 1 0 0 1-2 0m4 0a1 1 0 1 1 2 0a1 1 0 0 1-2 0M10 18c1.743 0 3.042-.226 4.005-.612a1.3 1.3 0 0 1 .117-.44a1.42 1.42 0 0 1-.964-.897l-.004-.012l-.351-1.08l-.035-.09a1.2 1.2 0 0 0-.257-.383l-.064-.06a1.2 1.2 0 0 0-.406-.232l-1.08-.35l-.011-.005a1.423 1.423 0 0 1-.545-2.336H5.309a1.81 1.81 0 0 0-1.809 1.81v.689h.005c.034.78.248 1.757 1.123 2.555C5.584 17.43 7.234 18 10 18m5.226-7.647l-.348-1.07a.423.423 0 0 0-.799 0l-.348 1.07a2.2 2.2 0 0 1-1.377 1.397l-1.071.348a.423.423 0 0 0 0 .798l1.071.348a2.2 2.2 0 0 1 1.399 1.403l.348 1.07a.423.423 0 0 0 .798 0l.349-1.07a2.2 2.2 0 0 1 1.398-1.397l1.072-.348a.424.424 0 0 0 0-.798l-.022-.005l-1.072-.349a2.2 2.2 0 0 1-1.398-1.397m3.791 6.612l.766.248l.015.004a.303.303 0 0 1 .147.46a.3.3 0 0 1-.147.11l-.765.248a1.58 1.58 0 0 0-1 .999l-.248.764a.302.302 0 0 1-.57 0l-.249-.764a1.58 1.58 0 0 0-.999-1.002l-.765-.249a.303.303 0 0 1-.146-.46a.3.3 0 0 1 .146-.11l.765-.248a1.58 1.58 0 0 0 .984-.998l.249-.765a.302.302 0 0 1 .57 0l.249.765a1.58 1.58 0 0 0 .999.998"></path></symbol><use xlink:href="#ai:fluent:bot-sparkle-20-filled"></use>  </svg> </div> <div> <h3 class="font-semibold text-lg">AI enhancements</h3>  <p class="text-slate-500 mt-2 leading-relaxed">Enhance your resume with AI suggestions.</p> </div> </div><div class="flex flex-col gap-4 items-start group hover:bg-slate-50 hover:border-slate-100 border border-transparent rounded-lg transition-all md:-m-5 p-5"> <div class="mt-1 bg-indigo-50 border shadow shadow-indigo-100/50 border-indigo-100 transition-colors rounded-lg grid place-items-center  p-2 w-10 h-10 shrink-0"> <svg width="24" height="24" viewBox="0 0 20 20" class="text-indigo-500" data-icon="fluent:document-table-checkmark-20-filled">  <symbol id="ai:fluent:document-table-checkmark-20-filled"><path fill="currentColor" d="M9 10.257A5.5 5.5 0 0 1 10.4 12H13v-1.5a.5.5 0 0 0-.5-.5H9zM13 13h-2.207a5.5 5.5 0 0 1 .185 2H12.5a.5.5 0 0 0 .5-.5zM5.5 9q.687.002 1.324.16c.203-.102.433-.16.676-.16h5a1.5 1.5 0 0 1 1.5 1.5v4a1.5 1.5 0 0 1-1.5 1.5h-1.707a5.5 5.5 0 0 1-1.05 2H14.5a1.5 1.5 0 0 0 1.5-1.5V8h-4.5A1.5 1.5 0 0 1 10 6.5V2H5.5A1.5 1.5 0 0 0 4 3.5v5.707A5.5 5.5 0 0 1 5.5 9M11 6.5V2.25L15.75 7H11.5a.5.5 0 0 1-.5-.5m-1 8a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0m-2.146-1.854a.5.5 0 0 0-.708 0L4.5 15.293l-.646-.647a.5.5 0 0 0-.708.708l1 1a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0 0-.708"></path></symbol><use xlink:href="#ai:fluent:document-table-checkmark-20-filled"></use>  </svg> </div> <div> <h3 class="font-semibold text-lg">ATS Reports</h3>  <p class="text-slate-500 mt-2 leading-relaxed">Generate reports to see how your resume compares with ATS systems.</p> </div> </div><div class="flex flex-col gap-4 items-start group hover:bg-slate-50 hover:border-slate-100 border border-transparent rounded-lg transition-all md:-m-5 p-5"> <div class="mt-1 bg-indigo-50 border shadow shadow-indigo-100/50 border-indigo-100 transition-colors rounded-lg grid place-items-center  p-2 w-10 h-10 shrink-0"> <svg width="24" height="24" viewBox="0 0 24 24" class="text-indigo-500" data-icon="fluent:document-ribbon-24-filled">  <symbol id="ai:fluent:document-ribbon-24-filled"><path fill="currentColor" d="M12 2v6a2 2 0 0 0 2 2.001h6v10.001a2 2 0 0 1-2 2H9v-3.671a4.5 4.5 0 0 0-5-7.073V4a2 2 0 0 1 2-2zm1.5.5V8a.5.5 0 0 0 .5.5h5.5zM9 15.502a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m-6 3.742v3.044a.71.71 0 0 0 1.212.503L5.5 21.503l1.288 1.288A.71.71 0 0 0 8 22.288v-3.044a4.5 4.5 0 0 1-2.5.758a4.5 4.5 0 0 1-2.5-.758"></path></symbol><use xlink:href="#ai:fluent:document-ribbon-24-filled"></use>  </svg> </div> <div> <h3 class="font-semibold text-lg">Custom Templates</h3>  <p class="text-slate-500 mt-2 leading-relaxed">Pick from a variety of custom templates to get started.</p> </div> </div> </div>  </div> </section> <section id="pricing"> <div class="mt-16 text-center">  <h1 class="text-4xl lg:text-5xl font-bold lg:tracking-tight"> Pricing </h1> <p class="text-lg mt-4 text-slate-500 mx-auto max-w-xl"> 
Simple &amp; Predictable pricing. No Surprises.
 </p> </div> <div class="grid md:grid-cols-2 gap-10 mx-auto max-w-screen-lg mt-12"> <div> <div class="flex flex-col w-full order-first lg:order-none border py-5 px-6 relative rounded-lg  border-neutral-200 shadow-sm">  <div class=""> <h3 class="text-indigo-600"> Free </h3><p class="mt-2 text-black"> <span class="flex items-baseline"> <span class=""> $</span> <span class="font-bold text-2xl  md:text-4xl"> 0</span> <span class="ml-1 text-neutral-600"> /month</span> </span> </p> <p class="mt-3 text-sm text-neutral-500">Start out with our resume builder and per-usage access to additional AI features.</p> </div><ul class="grid mt-8 text-left gap-y-4"> <li class="flex items-center gap-3 text-neutral-800"> <svg width="1em" height="1em" viewBox="0 0 256 256" class="w-5 h-5" data-icon="ph:check-circle-fill">  <symbol id="ai:ph:check-circle-fill"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m45.66 85.66l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32"></path></symbol><use xlink:href="#ai:ph:check-circle-fill"></use>  </svg> <span class="text-sm">Unlimited resumes</span> </li><li class="flex items-center gap-3 text-neutral-800"> <svg width="1em" height="1em" viewBox="0 0 256 256" class="w-5 h-5" data-icon="ph:check-circle-fill">  <use xlink:href="#ai:ph:check-circle-fill"></use>  </svg> <span class="text-sm">Limited to 10 job applications</span> </li><li class="flex items-center gap-3 text-neutral-800"> <svg width="1em" height="1em" viewBox="0 0 256 256" class="w-5 h-5" data-icon="ph:check-circle-fill">  <use xlink:href="#ai:ph:check-circle-fill"></use>  </svg> <span class="text-sm">No ATS reports</span> </li><li class="flex items-center gap-3 text-neutral-800"> <svg width="1em" height="1em" viewBox="0 0 256 256" class="w-5 h-5" data-icon="ph:check-circle-fill">  <use xlink:href="#ai:ph:check-circle-fill"></use>  </svg> <span class="text-sm">No cover letters</span> </li><li class="flex items-center gap-3 text-neutral-800"> <svg width="1em" height="1em" viewBox="0 0 256 256" class="w-5 h-5" data-icon="ph:check-circle-fill">  <use xlink:href="#ai:ph:check-circle-fill"></use>  </svg> <span class="text-sm">Per-usage billing for all AI features.</span> </li><li class="flex items-center gap-3 text-neutral-800"> <svg width="1em" height="1em" viewBox="0 0 256 256" class="w-5 h-5" data-icon="ph:check-circle-fill">  <use xlink:href="#ai:ph:check-circle-fill"></use>  </svg> <span class="text-sm">Unlimited PDF exports</span> </li> </ul><div class="flex mt-8"> <a href="https://app.cvbot.dev/users/waitlist" class="rounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo w-full px-7 py-2.5 bg-white border-2 border-indigo-500 hover:bg-indigo-50 text-indigo-600 ">Create My Account </a> </div> </div> </div><div> <div class="flex flex-col w-full order-first lg:order-none border py-5 px-6 relative rounded-lg   border-orange-500 shadow-lg shadow-orange-50"> <span class="inline-flex absolute px-3 py-1 text-xs -top-3 left-1/2 -translate-x-1/2 font-medium rounded-full bg-gradient-to-r from-red-500 to-orange-500 text-white ">
Popular
</span> <div class=""> <h3 class="text-orange-700"> Pro </h3><p class="mt-2 text-black"> <span class="flex items-baseline"> <span class=""> $</span> <span class="font-bold text-2xl  md:text-4xl"> 29</span> <span class="ml-1 text-neutral-600"> /month</span> </span> </p> <p class="mt-3 text-sm text-neutral-500">Get unlimited resumes, job applications, extra AI features, and ATS reports.</p> </div><ul class="grid mt-8 text-left gap-y-4"> <li class="flex items-center gap-3 text-neutral-800"> <svg width="1em" height="1em" viewBox="0 0 256 256" class="w-5 h-5" data-icon="ph:check-circle-fill">  <use xlink:href="#ai:ph:check-circle-fill"></use>  </svg> <span class="text-sm">Unlimited resumes</span> </li><li class="flex items-center gap-3 text-neutral-800"> <svg width="1em" height="1em" viewBox="0 0 256 256" class="w-5 h-5" data-icon="ph:check-circle-fill">  <use xlink:href="#ai:ph:check-circle-fill"></use>  </svg> <span class="text-sm">Unlimited job applications</span> </li><li class="flex items-center gap-3 text-neutral-800"> <svg width="1em" height="1em" viewBox="0 0 256 256" class="w-5 h-5" data-icon="ph:check-circle-fill">  <use xlink:href="#ai:ph:check-circle-fill"></use>  </svg> <span class="text-sm">Access to ATS reports</span> </li><li class="flex items-center gap-3 text-neutral-800"> <svg width="1em" height="1em" viewBox="0 0 256 256" class="w-5 h-5" data-icon="ph:check-circle-fill">  <use xlink:href="#ai:ph:check-circle-fill"></use>  </svg> <span class="text-sm">Access to cover letters</span> </li><li class="flex items-center gap-3 text-neutral-800"> <svg width="1em" height="1em" viewBox="0 0 256 256" class="w-5 h-5" data-icon="ph:check-circle-fill">  <use xlink:href="#ai:ph:check-circle-fill"></use>  </svg> <span class="text-sm">Access to AI features (100,000 credits/month)</span> </li><li class="flex items-center gap-3 text-neutral-800"> <svg width="1em" height="1em" viewBox="0 0 256 256" class="w-5 h-5" data-icon="ph:check-circle-fill">  <use xlink:href="#ai:ph:check-circle-fill"></use>  </svg> <span class="text-sm">Unlimited PDF exports</span> </li> </ul><div class="flex mt-8"> <a href="https://app.cvbot.dev/users/waitlist" class="rounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo w-full px-7 py-2.5 bg-indigo-600 text-white hover:bg-indigo-800">Create My Account </a> </div> </div> </div> </div> </section> <div class="max-w-screen-xl mx-auto px-5">  <div class="mt-16 text-center">  <h1 class="text-4xl lg:text-5xl font-bold lg:tracking-tight"> FAQ </h1> <p class="text-lg mt-4 text-slate-500 mx-auto max-w-xl"> Frequenty asked questions </p> </div> <div class="grid divide-y divide-neutral-200 max-w-xl mx-auto mt-8"> <div class="py-5"> <details class="group"> <summary class="flex justify-between items-center font-medium cursor-pointer list-none"> <span> How does the free plan work?</span> <span class="transition group-open:rotate-180"> <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path> </svg> </span> </summary> <p class="text-neutral-600 mt-3 group-open:animate-fadeIn">On the free plan you are limited to a certain number of resumes and job applications. Other than that, you can also purchase credits to access additional AI features. By buying a plan you are alotted a certain number of credits every month, a higher limit on resumes and job applications, and access to some additional paid-only features.</p> </details> </div><div class="py-5"> <details class="group"> <summary class="flex justify-between items-center font-medium cursor-pointer list-none"> <span> How much do the AI features cost?</span> <span class="transition group-open:rotate-180"> <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path> </svg> </span> </summary> <p class="text-neutral-600 mt-3 group-open:animate-fadeIn">AI features are billed per-usage on a credits system. The average cost for most features is around 1000 credits, but it depends on the total cost to us.</p> </details> </div><div class="py-5"> <details class="group"> <summary class="flex justify-between items-center font-medium cursor-pointer list-none"> <span> Will I hit a paywall after I make a resume?</span> <span class="transition group-open:rotate-180"> <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path> </svg> </span> </summary> <p class="text-neutral-600 mt-3 group-open:animate-fadeIn">Nope! If you want to make a resume, you can do so and download it as many times as you want. You only need to pay more at that point for the advanced features, if you choose to access them.</p> </details> </div><div class="py-5"> <details class="group"> <summary class="flex justify-between items-center font-medium cursor-pointer list-none"> <span> How can I open a support request?</span> <span class="transition group-open:rotate-180"> <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path> </svg> </span> </summary> <p class="text-neutral-600 mt-3 group-open:animate-fadeIn">You can open a support request on <a class="text-indigo-600" href="https://app.cvbot.dev/support">our support page here.</a></p> </details> </div> </div>  </div> <div class="bg-gradient-to-bl from-indigo-900 to-indigo-700 p-8 md:px-20 md:py-20 mt-20 flex flex-col items-center text-center"> <h2 class="text-white text-4xl md:text-6xl tracking-tight">
Get hired faster, stand out from the crowd
</h2> <p class="text-white/70 mt-4 text-lg md:text-xl">
Are you looking for a job in tech? Need help with your resume? We can help.
</p> <div class="flex mt-5"> <a href="https://app.cvbot.dev/users/waitlist" class="rounded-full text-center transition focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500 focus-visible:outline-none focus-visible:shadow-outline-indigo px-7 py-2.5 bg-white text-indigo-800 border-2 border-transparent">Create My Account </a> </div> </div>  <footer class="py-14 bg-slate-100 border-t border-slate-100"> <div class="max-w-screen-xl mx-auto px-5">  <div class="grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8"> <div class="sm:col-span-2 md:col-span-3 lg:col-span-2"> <a href="/" class="flex-shrink-0 flex items-center space-x-0.5 items-center max-[400px]:[&amp;>span]:hidden" aria-label="CV Bot Home Page"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="1em" height="1em" class="text-indigo-600 mt-px w-4 h-4 flex-shrink-0"> <path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"></path> </svg> <span class="tracking-tight font-black">CV Bot</span> </a> <!-- <div class="flex gap-3 mt-4 items-center"> --> <!--   <a --> <!--     target="_blank" --> <!--     rel="noopener noreferrer" --> <!--     class="bg-slate-200 hover:bg-slate-300 rounded w-6 h-6 inline-flex items-center justify-center text-slate-500"> --> <!--     <Icon name="bx:bxl-twitter" class="w-4 h-4" /> --> <!--     <span class="sr-only">Twitter or X</span></a --> <!--   > --> <!--   <a --> <!--     target="_blank" --> <!--     rel="noopener noreferrer" --> <!--     class="bg-slate-200 hover:bg-slate-300 rounded w-6 h-6 inline-flex items-center justify-center text-slate-500"> --> <!--     <Icon name="bx:bxl-facebook-circle" class="w-4 h-4" /><span --> <!--       class="sr-only">Facebook</span --> <!--     ></a --> <!--   > --> <!--   <a --> <!--     target="_blank" --> <!--     rel="noopener noreferrer" --> <!--     class="bg-slate-200 hover:bg-slate-300 rounded w-6 h-6 inline-flex items-center justify-center text-slate-500"> --> <!--     <Icon name="bx:bxl-linkedin-square" class="w-4 h-4" /><span --> <!--       class="sr-only">Linkedin</span --> <!--     ></a --> <!--   > --> <!-- </div> --> </div> <div> <h3 class="font-medium text-sm text-slate-800">Company</h3> <div class="flex flex-col mt-3">  </div> </div> <div> <h3 class="font-medium text-sm text-slate-800">Resources</h3> <div class="flex flex-col mt-3"> <a href="/terms-of-service" class="py-2 text-sm text-slate-600 hover:text-indigo-600"> Terms of service </a><a href="/privacy-policy" class="py-2 text-sm text-slate-600 hover:text-indigo-600"> Privacy Policy </a> </div> </div> <div> <h3 class="font-medium text-sm text-slate-800">Other</h3> <div class="flex flex-col mt-3">  </div> </div> </div>  </div> <div class="mt-14 pt-8 px-5 border-t border-slate-200"> <div class="max-w-screen-xl mx-auto px-5">  <p class="text-center text-sm text-slate-600 [text-wrap:balance]">
Copyright © 2024 CVBot. All rights reserved.
</p>  </div> </div> </footer> </body></html>