{"id":57,"date":"2026-03-26T12:54:31","date_gmt":"2026-03-26T07:24:31","guid":{"rendered":"https:\/\/www.oneclickai.in\/?page_id=57"},"modified":"2026-03-26T13:34:28","modified_gmt":"2026-03-26T08:04:28","slug":"home","status":"publish","type":"page","link":"https:\/\/www.oneclickai.in\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\" class=\"scroll-smooth\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n  <meta name=\"description\" content=\"One Click AI - Smart AI Solutions for Smarter HR. Automate recruitment, resume parsing, and HR workflows with powerful AI tools.\"\/>\n  <title>One Click AI | Smart AI Solutions for Smarter HR<\/title>\n  \n  <!-- Google Fonts -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n  \n  <!-- Tailwind CSS via CDN -->\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          fontFamily: { sans: ['Inter', 'sans-serif'] },\n          colors: {\n            primary: { 50: '#f0f9ff', 100: '#e0f2fe', 500: '#0ea5e9', 600: '#0284c7', 700: '#0369a1' },\n            secondary: { 500: '#8b5cf6', 600: '#7c3aed', 700: '#6d28d9' }\n          },\n          animation: {\n            'fade-in': 'fadeIn 0.5s ease-in',\n            'slide-up': 'slideUp 0.6s ease-out',\n          },\n          keyframes: {\n            fadeIn: { '0%': { opacity: '0' }, '100%': { opacity: '1' } },\n            slideUp: { '0%': { opacity: '0', transform: 'translateY(20px)' }, '100%': { opacity: '1', transform: 'translateY(0)' } }\n          }\n        }\n      }\n    }\n  <\/script>\n  \n  <style>\n    html { scroll-behavior: smooth; }\n    .gradient-bg {\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 30%, #0ea5e9 70%, #0284c7 100%);\n      background-size: 400% 400%;\n      animation: gradientShift 15s ease infinite;\n    }\n    @keyframes gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    .card-hover { transition: all 0.3s ease; }\n    .card-hover:hover { transform: translateY(-8px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }\n    .animate-on-scroll { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }\n    .animate-on-scroll.is-visible { opacity: 1; transform: translateY(0); }\n    \n    \/* Desktop Dropdown *\/\n    .dropdown { position: relative; }\n    .dropdown-menu {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      min-width: 280px;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 20px 60px rgba(0,0,0,0.15);\n      padding: 8px 0;\n      opacity: 0;\n      visibility: hidden;\n      transform: translateY(-8px);\n      transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n      z-index: 100;\n      border: 1px solid #e5e7eb;\n    }\n    .dropdown:hover .dropdown-menu {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n    }\n    .dropdown-item {\n      display: flex;\n      align-items: flex-start;\n      padding: 12px 16px;\n      color: #374151;\n      font-weight: 500;\n      text-decoration: none;\n      transition: all 0.2s;\n      gap: 12px;\n    }\n    .dropdown-item:hover {\n      background: #f8fafc;\n      color: #0284c7;\n    }\n    .dropdown-item svg { \n      width: 20px; \n      height: 20px; \n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n    .dropdown-item .item-desc {\n      font-size: 0.875rem;\n      color: #6b7280;\n      font-weight: 400;\n      margin-top: 2px;\n    }\n    \n    \/* Mobile menu & dropdown *\/\n    #mobile-menu {\n      transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;\n      max-height: 0;\n      opacity: 0;\n      overflow: hidden;\n    }\n    #mobile-menu.is-open { max-height: 700px; opacity: 1; }\n    \n    .mobile-dropdown-content {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.3s ease;\n      background: #f8fafc;\n      border-radius: 8px;\n      margin: 4px 12px 12px;\n    }\n    .mobile-dropdown-content.is-open { max-height: 400px; }\n    \n    .mobile-dropdown-item {\n      display: flex;\n      align-items: flex-start;\n      padding: 12px 16px;\n      color: #4b5563;\n      font-weight: 500;\n      text-decoration: none;\n      border-left: 3px solid transparent;\n      gap: 10px;\n    }\n    .mobile-dropdown-item:hover {\n      background: #e0f2fe;\n      color: #0284c7;\n      border-left-color: #0284c7;\n    }\n    .mobile-dropdown-item svg { \n      width: 18px; \n      height: 18px; \n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n    .mobile-dropdown-item .item-desc {\n      font-size: 0.8rem;\n      color: #6b7280;\n      font-weight: 400;\n      display: block;\n      margin-top: 2px;\n    }\n    \n    a:focus-visible, button:focus-visible { \n      outline: 2px solid #0ea5e9; \n      outline-offset: 2px; \n    }\n    \n    \/* Chevron rotation for mobile dropdown *\/\n    .chevron { transition: transform 0.2s ease; }\n    .chevron.rotated { transform: rotate(180deg); }\n    \n    \/* Custom scrollbar *\/\n    ::-webkit-scrollbar { width: 8px; height: 8px; }\n    ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }\n    ::-webkit-scrollbar-thumb { background: #0ea5e9; border-radius: 4px; }\n    ::-webkit-scrollbar-thumb:hover { background: #0284c7; }\n  <\/style>\n<\/head>\n<body class=\"font-sans text-gray-800 antialiased\">\n  \n  <!-- Sticky Navigation -->\n  <header class=\"fixed w-full top-0 z-50 bg-white\/90 backdrop-blur-md shadow-sm\" id=\"navbar\">\n    <nav class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\" aria-label=\"Main\">\n      <div class=\"flex justify-between items-center h-16\">\n        <!-- Logo -->\n        <div class=\"flex items-center\">\n          <a href=\"index.html\" class=\"flex items-center space-x-2 group\" aria-label=\"One Click AI Home\">\n            <div class=\"w-10 h-10 rounded-xl bg-gradient-to-br from-primary-500 to-secondary-600 flex items-center justify-center flex-shrink-0\">\n              <svg class=\"w-6 h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n              <\/svg>\n            <\/div>\n            <span class=\"text-xl font-bold bg-gradient-to-r from-primary-600 to-secondary-600 bg-clip-text text-transparent hidden sm:block\">One Click AI<\/span>\n          <\/a>\n        <\/div>\n        \n        <!-- Desktop Navigation -->\n        <div class=\"hidden md:flex items-center space-x-2\">\n          <a href=\"#features\" class=\"px-3 py-2 text-gray-600 hover:text-primary-600 font-medium transition-colors rounded-lg hover:bg-gray-50\">Features<\/a>\n          \n          <!-- Features Dropdown -->\n          <div class=\"dropdown\">\n            <button class=\"flex items-center px-3 py-2 text-gray-600 hover:text-primary-600 font-medium transition-colors rounded-lg hover:bg-gray-50 focus:outline-none\" aria-haspopup=\"true\" aria-expanded=\"false\">\n              AI Tools\n              <svg class=\"w-4 h-4 ml-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n              <\/svg>\n            <\/button>\n            <div class=\"dropdown-menu\" role=\"menu\" aria-label=\"AI Tools submenu\">\n              <a href=\"https:\/\/www.oneclickai.in\/index.php\/bulk-resume-parser\/\" class=\"dropdown-item\" role=\"menuitem\">\n                <svg class=\"text-primary-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/>\n                <\/svg>\n                <div>\n                  <div>Bulk Resume Parser<\/div>\n                  <div class=\"item-desc\">Extract contacts from PDF\/DOCX resumes instantly<\/div>\n                <\/div>\n              <\/a>\n              <a href=\"https:\/\/www.oneclickai.in\/index.php\/bulk-email-splitter\/\" class=\"dropdown-item\" role=\"menuitem\">\n                <svg class=\"text-secondary-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\n                <\/svg>\n                <div>\n                  <div>Bulk Email Splitter<\/div>\n                  <div class=\"item-desc\">Split &#038; organize email lists into custom groups<\/div>\n                <\/div>\n              <\/a>\n              <a href=\"https:\/\/www.oneclickai.in\/index.php\/duplicate-email-finder\/\" class=\"dropdown-item\" role=\"menuitem\">\n                <svg class=\"text-amber-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M4.5 12a7.5 7.5 0 0115 0 7.5 7.5 0 01-15 0z\"\/>\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4\"\/>\n                <\/svg>\n                <div>\n                  <div>Duplicate Email Finder<\/div>\n                  <div class=\"item-desc\">Find &#038; remove duplicate contacts automatically<\/div>\n                <\/div>\n              <\/a>\n              <a href=\"https:\/\/www.oneclickai.in\/index.php\/data-scraper\/\" class=\"dropdown-item\" role=\"menuitem\">\n                <svg class=\"text-pink-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/>\n                <\/svg>\n                <div>\n                  <div>Data Scraper<\/div>\n                  <div class=\"item-desc\">Ethically extract public data for talent sourcing<\/div>\n                <\/div>\n              <\/a>\n            <\/div>\n          <\/div>\n          \n          <a href=\"#how-it-works\" class=\"px-3 py-2 text-gray-600 hover:text-primary-600 font-medium transition-colors rounded-lg hover:bg-gray-50\">How It Works<\/a>\n          <a href=\"#benefits\" class=\"px-3 py-2 text-gray-600 hover:text-primary-600 font-medium transition-colors rounded-lg hover:bg-gray-50\">Benefits<\/a>\n          <a href=\"#pricing\" class=\"px-3 py-2 text-gray-600 hover:text-primary-600 font-medium transition-colors rounded-lg hover:bg-gray-50\">Pricing<\/a>\n        <\/div>\n        \n        <!-- CTA + Mobile Toggle -->\n        <div class=\"flex items-center space-x-3\">\n          <a href=\"#cta\" class=\"hidden md:inline-flex items-center px-5 py-2.5 bg-gradient-to-r from-primary-500 to-secondary-600 text-white font-semibold rounded-lg hover:from-primary-600 hover:to-secondary-700 transition-all duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 text-sm\">Get Started<\/a>\n          \n          <button id=\"mobile-menu-btn\" class=\"md:hidden p-2 rounded-lg text-gray-600 hover:text-primary-600 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary-500\" aria-label=\"Toggle menu\" aria-expanded=\"false\" aria-controls=\"mobile-menu\">\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" id=\"menu-icon\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"\/>\n            <\/svg>\n            <svg class=\"w-6 h-6 hidden\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" id=\"close-icon\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n      \n      <!-- Mobile Menu -->\n      <div id=\"mobile-menu\" class=\"md:hidden pb-4\" role=\"navigation\" aria-label=\"Mobile\">\n        <div class=\"px-2 pt-2 pb-3 space-y-1 bg-white rounded-lg shadow-lg mt-2\">\n          <a href=\"#features\" class=\"block px-3 py-2.5 text-gray-700 hover:text-primary-600 hover:bg-gray-50 rounded-md font-medium\">Features<\/a>\n          \n          <!-- Mobile Features Dropdown -->\n          <div>\n            <button id=\"mobile-features-toggle\" class=\"w-full flex items-center justify-between px-3 py-2.5 text-gray-700 hover:text-primary-600 hover:bg-gray-50 rounded-md font-medium\" aria-expanded=\"false\" aria-controls=\"mobile-features-dropdown\">\n              <span>AI Tools<\/span>\n              <svg class=\"w-4 h-4 chevron\" id=\"mobile-dropdown-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n              <\/svg>\n            <\/button>\n            <div id=\"mobile-features-dropdown\" class=\"mobile-dropdown-content\" role=\"menu\" aria-label=\"AI Tools submenu\">\n              <a href=\"https:\/\/www.oneclickai.in\/index.php\/bulk-resume-parser\/\" class=\"mobile-dropdown-item\" role=\"menuitem\">\n                <svg class=\"text-primary-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/>\n                <\/svg>\n                <div>\n                  <div>Bulk Resume Parser<\/div>\n                  <span class=\"item-desc\">Extract contacts from PDF\/DOCX resumes<\/span>\n                <\/div>\n              <\/a>\n              <a href=\"https:\/\/www.oneclickai.in\/index.php\/bulk-email-splitter\/\" class=\"mobile-dropdown-item\" role=\"menuitem\">\n                <svg class=\"text-secondary-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\n                <\/svg>\n                <div>\n                  <div>Bulk Email Splitter<\/div>\n                  <span class=\"item-desc\">Split &#038; organize email lists into groups<\/span>\n                <\/div>\n              <\/a>\n              <a href=\"https:\/\/www.oneclickai.in\/index.php\/duplicate-email-finder\/\" class=\"mobile-dropdown-item\" role=\"menuitem\">\n                <svg class=\"text-amber-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M4.5 12a7.5 7.5 0 0115 0 7.5 7.5 0 01-15 0z\"\/>\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4\"\/>\n                <\/svg>\n                <div>\n                  <div>Duplicate Email Finder<\/div>\n                  <span class=\"item-desc\">Find &#038; remove duplicate contacts<\/span>\n                <\/div>\n              <\/a>\n              <a href=\"https:\/\/www.oneclickai.in\/index.php\/data-scraper\/\" class=\"mobile-dropdown-item\" role=\"menuitem\">\n                <svg class=\"text-pink-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/>\n                <\/svg>\n                <div>\n                  <div>Data Scraper<\/div>\n                  <span class=\"item-desc\">Ethically extract public talent data<\/span>\n                <\/div>\n              <\/a>\n            <\/div>\n          <\/div>\n          \n          <a href=\"#how-it-works\" class=\"block px-3 py-2.5 text-gray-700 hover:text-primary-600 hover:bg-gray-50 rounded-md font-medium\">How It Works<\/a>\n          <a href=\"#benefits\" class=\"block px-3 py-2.5 text-gray-700 hover:text-primary-600 hover:bg-gray-50 rounded-md font-medium\">Benefits<\/a>\n          <a href=\"#pricing\" class=\"block px-3 py-2.5 text-gray-700 hover:text-primary-600 hover:bg-gray-50 rounded-md font-medium\">Pricing<\/a>\n          <a href=\"#cta\" class=\"block px-3 py-2.5 mt-2 text-center bg-gradient-to-r from-primary-500 to-secondary-600 text-white font-semibold rounded-md\">Get Started<\/a>\n        <\/div>\n      <\/div>\n    <\/nav>\n  <\/header>\n\n  <main>\n    <!-- Hero Section -->\n    <section class=\"gradient-bg pt-32 pb-20 px-4 sm:px-6 lg:px-8 relative overflow-hidden\">\n      <div class=\"absolute inset-0 opacity-10\">\n        <div class=\"absolute top-20 left-10 w-72 h-72 bg-white rounded-full mix-blend-overlay filter blur-3xl\"><\/div>\n        <div class=\"absolute bottom-20 right-10 w-96 h-96 bg-white rounded-full mix-blend-overlay filter blur-3xl\"><\/div>\n      <\/div>\n      \n      <div class=\"max-w-7xl mx-auto relative z-10\">\n        <div class=\"text-center max-w-4xl mx-auto animate-on-scroll\">\n          <div class=\"inline-flex items-center px-4 py-2 bg-white\/20 backdrop-blur-sm rounded-full text-white text-sm font-medium mb-6\">\n            <svg class=\"w-4 h-4 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n            <\/svg>\n            AI-Powered HR Automation\n          <\/div>\n          \n          <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-extrabold text-white mb-6 leading-tight\">\n            Automate Your HR Tasks with <span class=\"bg-gradient-to-r from-yellow-300 to-pink-300 bg-clip-text text-transparent\">One Click AI<\/span>\n          <\/h1>\n          \n          <p class=\"text-xl text-white\/90 mb-10 max-w-3xl mx-auto\">\n            Powerful AI tools to simplify recruitment, resume parsing, and data processing \u2014 so your HR team can focus on what matters most: people.\n          <\/p>\n          \n          <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n            <a href=\"#cta\" class=\"inline-flex items-center justify-center px-8 py-4 bg-white text-primary-700 font-bold rounded-xl hover:bg-gray-50 transition-all duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-1\">\n              Try Now \u2014 It&#8217;s Free\n              <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\"\/>\n              <\/svg>\n            <\/a>\n            <a href=\"#features\" class=\"inline-flex items-center justify-center px-8 py-4 bg-white\/10 backdrop-blur-sm text-white font-semibold rounded-xl hover:bg-white\/20 transition-all duration-300 border border-white\/30\">\n              Explore Features\n            <\/a>\n          <\/div>\n          \n          <div class=\"mt-16 flex flex-wrap justify-center items-center gap-8 opacity-90\">\n            <div class=\"flex items-center text-white\/80\">\n              <svg class=\"w-5 h-5 mr-2 text-yellow-300\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/>\n              <\/svg>\n              <span>4.9\/5 from 500+ HR teams<\/span>\n            <\/div>\n            <div class=\"flex items-center text-white\/80\">\n              <svg class=\"w-5 h-5 mr-2 text-green-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n              <\/svg>\n              <span>GDPR &#038; SOC 2 Compliant<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"mt-16 flex justify-center animate-on-scroll\">\n          <div class=\"relative\">\n            <div class=\"absolute -inset-4 bg-gradient-to-r from-primary-400 to-secondary-500 rounded-2xl blur-xl opacity-30\"><\/div>\n            <div class=\"relative bg-white\/10 backdrop-blur-md rounded-2xl p-6 border border-white\/20 max-w-3xl w-full\">\n              <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n                <div class=\"bg-white\/90 rounded-xl p-4 shadow-lg\">\n                  <div class=\"flex items-center mb-3\">\n                    <div class=\"w-10 h-10 bg-primary-100 rounded-lg flex items-center justify-center mr-3\">\n                      <svg class=\"w-5 h-5 text-primary-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/>\n                      <\/svg>\n                    <\/div>\n                    <span class=\"font-semibold text-gray-800\">Resume Parser<\/span>\n                  <\/div>\n                  <p class=\"text-sm text-gray-600\">Process 1000+ resumes in minutes<\/p>\n                <\/div>\n                <div class=\"bg-white\/90 rounded-xl p-4 shadow-lg\">\n                  <div class=\"flex items-center mb-3\">\n                    <div class=\"w-10 h-10 bg-secondary-100 rounded-lg flex items-center justify-center mr-3\">\n                      <svg class=\"w-5 h-5 text-secondary-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\n                      <\/svg>\n                    <\/div>\n                    <span class=\"font-semibold text-gray-800\">Email Splitter<\/span>\n                  <\/div>\n                  <p class=\"text-sm text-gray-600\">Clean &#038; segment your contact lists<\/p>\n                <\/div>\n                <div class=\"bg-white\/90 rounded-xl p-4 shadow-lg\">\n                  <div class=\"flex items-center mb-3\">\n                    <div class=\"w-10 h-10 bg-pink-100 rounded-lg flex items-center justify-center mr-3\">\n                      <svg class=\"w-5 h-5 text-pink-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/>\n                      <\/svg>\n                    <\/div>\n                    <span class=\"font-semibold text-gray-800\">Data Scraper<\/span>\n                  <\/div>\n                  <p class=\"text-sm text-gray-600\">Ethical talent sourcing at scale<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Features Section -->\n    <section id=\"features\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-gray-50\">\n      <div class=\"max-w-7xl mx-auto\">\n        <div class=\"text-center max-w-3xl mx-auto mb-16 animate-on-scroll\">\n          <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4\">\n            Powerful AI Tools for HR Teams\n          <\/h2>\n          <p class=\"text-lg text-gray-600\">\n            Everything you need to automate repetitive HR tasks and make smarter hiring decisions \u2014 all in one platform.\n          <\/p>\n        <\/div>\n        \n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n          <!-- Feature 1: Bulk Resume Parser -->\n          <a href=\"https:\/\/www.oneclickai.in\/index.php\/bulk-resume-parser\/\" class=\"card-hover bg-white rounded-2xl p-6 shadow-md border border-gray-100 animate-on-scroll block no-underline\">\n            <div class=\"w-14 h-14 bg-primary-100 rounded-xl flex items-center justify-center mb-5\">\n              <svg class=\"w-7 h-7 text-primary-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/>\n              <\/svg>\n            <\/div>\n            <h3 class=\"text-xl font-bold text-gray-900 mb-2\">Bulk Resume Parser<\/h3>\n            <p class=\"text-gray-600 mb-4\">Extract structured data from thousands of resumes in seconds. AI-powered parsing with 99.2% accuracy.<\/p>\n            <span class=\"inline-flex items-center text-primary-600 font-medium text-sm\">Learn more \u2192<\/span>\n          <\/a>\n          \n          <!-- Feature 2: Bulk Email Splitter -->\n          <a href=\"https:\/\/www.oneclickai.in\/index.php\/bulk-email-splitter\/\" class=\"card-hover bg-white rounded-2xl p-6 shadow-md border border-gray-100 animate-on-scroll block no-underline\">\n            <div class=\"w-14 h-14 bg-secondary-100 rounded-xl flex items-center justify-center mb-5\">\n              <svg class=\"w-7 h-7 text-secondary-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\n              <\/svg>\n            <\/div>\n            <h3 class=\"text-xl font-bold text-gray-900 mb-2\">Bulk Email Splitter<\/h3>\n            <p class=\"text-gray-600 mb-4\">Clean, validate, and segment your contact lists instantly. Remove duplicates and invalid addresses automatically.<\/p>\n            <span class=\"inline-flex items-center text-primary-600 font-medium text-sm\">Learn more \u2192<\/span>\n          <\/a>\n          \n          <!-- Feature 3: Duplicate Email Finder -->\n          <a href=\"https:\/\/www.oneclickai.in\/index.php\/duplicate-email-finder\/\" class=\"card-hover bg-white rounded-2xl p-6 shadow-md border border-gray-100 animate-on-scroll block no-underline\">\n            <div class=\"w-14 h-14 bg-amber-100 rounded-xl flex items-center justify-center mb-5\">\n              <svg class=\"w-7 h-7 text-amber-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M4.5 12a7.5 7.5 0 0115 0 7.5 7.5 0 01-15 0z\"\/>\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4\"\/>\n              <\/svg>\n            <\/div>\n            <h3 class=\"text-xl font-bold text-gray-900 mb-2\">Duplicate Email Finder<\/h3>\n            <p class=\"text-gray-600 mb-4\">Instantly identify and merge duplicate contacts across your databases. Keep your HR data clean and accurate.<\/p>\n            <span class=\"inline-flex items-center text-primary-600 font-medium text-sm\">Learn more \u2192<\/span>\n          <\/a>\n          \n          <!-- Feature 4: Data Scraper -->\n          <a href=\"https:\/\/www.oneclickai.in\/index.php\/data-scraper\/\" class=\"card-hover bg-white rounded-2xl p-6 shadow-md border border-gray-100 animate-on-scroll block no-underline\">\n            <div class=\"w-14 h-14 bg-pink-100 rounded-xl flex items-center justify-center mb-5\">\n              <svg class=\"w-7 h-7 text-pink-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/>\n              <\/svg>\n            <\/div>\n            <h3 class=\"text-xl font-bold text-gray-900 mb-2\">Data Scraper<\/h3>\n            <p class=\"text-gray-600 mb-4\">Ethically source talent from public sources with compliance-built tools. Find candidates matching your exact criteria.<\/p>\n            <span class=\"inline-flex items-center text-primary-600 font-medium text-sm\">Learn more \u2192<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- How It Works Section -->\n    <section id=\"how-it-works\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-white\">\n      <div class=\"max-w-7xl mx-auto\">\n        <div class=\"text-center max-w-3xl mx-auto mb-16 animate-on-scroll\">\n          <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4\">\n            How One Click AI Works\n          <\/h2>\n          <p class=\"text-lg text-gray-600\">\n            Get started in minutes. No technical expertise required \u2014 just upload your data and let AI do the heavy lifting.\n          <\/p>\n        <\/div>\n        \n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto\">\n          <div class=\"text-center animate-on-scroll\">\n            <div class=\"relative mb-6\">\n              <div class=\"w-16 h-16 mx-auto bg-gradient-to-br from-primary-500 to-secondary-600 rounded-2xl flex items-center justify-center text-white text-2xl font-bold shadow-lg\">1<\/div>\n            <\/div>\n            <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Upload Your Data<\/h3>\n            <p class=\"text-gray-600\">Drag &#038; drop resumes, contact lists, or connect your ATS. We support all major formats and integrations.<\/p>\n          <\/div>\n          \n          <div class=\"text-center animate-on-scroll\">\n            <div class=\"relative mb-6\">\n              <div class=\"w-16 h-16 mx-auto bg-gradient-to-br from-primary-500 to-secondary-600 rounded-2xl flex items-center justify-center text-white text-2xl font-bold shadow-lg\">2<\/div>\n            <\/div>\n            <h3 class=\"text-xl font-bold text-gray-900 mb-3\">AI Processes Instantly<\/h3>\n            <p class=\"text-gray-600\">Our advanced AI models parse, clean, and enrich your data with enterprise-grade accuracy and speed.<\/p>\n          <\/div>\n          \n          <div class=\"text-center animate-on-scroll\">\n            <div class=\"relative mb-6\">\n              <div class=\"w-16 h-16 mx-auto bg-gradient-to-br from-primary-500 to-secondary-600 rounded-2xl flex items-center justify-center text-white text-2xl font-bold shadow-lg\">3<\/div>\n            <\/div>\n            <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Get Actionable Results<\/h3>\n            <p class=\"text-gray-600\">Download structured reports, export to your HRIS, or trigger automated workflows \u2014 all with one click.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Benefits Section -->\n    <section id=\"benefits\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 to-secondary-50\">\n      <div class=\"max-w-7xl mx-auto\">\n        <div class=\"text-center max-w-3xl mx-auto mb-16 animate-on-scroll\">\n          <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4\">\n            Why HR Teams Love One Click AI\n          <\/h2>\n          <p class=\"text-lg text-gray-600\">\n            Built by HR professionals, for HR professionals. We understand your challenges and designed solutions that actually work.\n          <\/p>\n        <\/div>\n        \n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n          <div class=\"flex items-start p-6 bg-white rounded-2xl shadow-md border border-gray-100 card-hover animate-on-scroll\">\n            <div class=\"flex-shrink-0 w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center mr-4\">\n              <svg class=\"w-6 h-6 text-primary-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3 class=\"text-lg font-bold text-gray-900 mb-2\">Save 15+ Hours Weekly<\/h3>\n              <p class=\"text-gray-600\">Automate resume screening, data entry, and candidate communication. Redirect your time to strategic HR initiatives.<\/p>\n            <\/div>\n          <\/div>\n          \n          <div class=\"flex items-start p-6 bg-white rounded-2xl shadow-md border border-gray-100 card-hover animate-on-scroll\">\n            <div class=\"flex-shrink-0 w-12 h-12 bg-secondary-100 rounded-xl flex items-center justify-center mr-4\">\n              <svg class=\"w-6 h-6 text-secondary-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3 class=\"text-lg font-bold text-gray-900 mb-2\">99.2% Data Accuracy<\/h3>\n              <p class=\"text-gray-600\">Our AI models are trained on millions of HR documents to ensure precise parsing and minimal manual corrections.<\/p>\n            <\/div>\n          <\/div>\n          \n          <div class=\"flex items-start p-6 bg-white rounded-2xl shadow-md border border-gray-100 card-hover animate-on-scroll\">\n            <div class=\"flex-shrink-0 w-12 h-12 bg-pink-100 rounded-xl flex items-center justify-center mr-4\">\n              <svg class=\"w-6 h-6 text-pink-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3 class=\"text-lg font-bold text-gray-900 mb-2\">Automate Repetitive Tasks<\/h3>\n              <p class=\"text-gray-600\">From email validation to candidate scoring, eliminate manual work and reduce human error across your HR processes.<\/p>\n            <\/div>\n          <\/div>\n          \n          <div class=\"flex items-start p-6 bg-white rounded-2xl shadow-md border border-gray-100 card-hover animate-on-scroll\">\n            <div class=\"flex-shrink-0 w-12 h-12 bg-amber-100 rounded-xl flex items-center justify-center mr-4\">\n              <svg class=\"w-6 h-6 text-amber-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3 class=\"text-lg font-bold text-gray-900 mb-2\">Scale With Your Team<\/h3>\n              <p class=\"text-gray-600\">Whether you&#8217;re a startup or enterprise, our flexible plans grow with your hiring needs and team size.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"mt-16 grid grid-cols-2 md:grid-cols-4 gap-6 max-w-4xl mx-auto animate-on-scroll\">\n          <div class=\"text-center p-4\">\n            <div class=\"text-3xl font-bold text-primary-600 mb-1\">500+<\/div>\n            <div class=\"text-gray-600 text-sm\">HR Teams<\/div>\n          <\/div>\n          <div class=\"text-center p-4\">\n            <div class=\"text-3xl font-bold text-primary-600 mb-1\">2M+<\/div>\n            <div class=\"text-gray-600 text-sm\">Resumes Processed<\/div>\n          <\/div>\n          <div class=\"text-center p-4\">\n            <div class=\"text-3xl font-bold text-primary-600 mb-1\">99.2%<\/div>\n            <div class=\"text-gray-600 text-sm\">Accuracy Rate<\/div>\n          <\/div>\n          <div class=\"text-center p-4\">\n            <div class=\"text-3xl font-bold text-primary-600 mb-1\">15h+<\/div>\n            <div class=\"text-gray-600 text-sm\">Saved Weekly<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Testimonials Section -->\n    <section id=\"testimonials\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-white\">\n      <div class=\"max-w-7xl mx-auto\">\n        <div class=\"text-center max-w-3xl mx-auto mb-16 animate-on-scroll\">\n          <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4\">\n            Loved by HR Leaders Worldwide\n          <\/h2>\n          <p class=\"text-lg text-gray-600\">\n            Don&#8217;t just take our word for it \u2014 hear from HR professionals who transformed their workflows with One Click AI.\n          <\/p>\n        <\/div>\n        \n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\n          <div class=\"bg-gray-50 rounded-2xl p-6 border border-gray-100 card-hover animate-on-scroll\">\n            <div class=\"flex items-center mb-4\">\n              <div class=\"flex text-yellow-400\">\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n              <\/div>\n            <\/div>\n            <p class=\"text-gray-700 mb-6 italic\">&#8220;One Click AI cut our resume screening time by 80%. The bulk parser is incredibly accurate \u2014 we&#8217;ve processed over 5,000 candidates with minimal manual review.&#8221;<\/p>\n            <div class=\"flex items-center\">\n              <div class=\"w-10 h-10 bg-gradient-to-br from-primary-400 to-secondary-500 rounded-full flex items-center justify-center text-white font-bold mr-3\">SP<\/div>\n              <div>\n                <div class=\"font-semibold text-gray-900\">Sarah Patel<\/div>\n                <div class=\"text-sm text-gray-500\">HR Director, TechStart Inc.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"bg-gray-50 rounded-2xl p-6 border border-gray-100 card-hover animate-on-scroll\">\n            <div class=\"flex items-center mb-4\">\n              <div class=\"flex text-yellow-400\">\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n              <\/div>\n            <\/div>\n            <p class=\"text-gray-700 mb-6 italic\">&#8220;The duplicate email finder saved our team countless hours. We cleaned our entire candidate database in under an hour \u2014 something that used to take us weeks manually.&#8221;<\/p>\n            <div class=\"flex items-center\">\n              <div class=\"w-10 h-10 bg-gradient-to-br from-primary-400 to-secondary-500 rounded-full flex items-center justify-center text-white font-bold mr-3\">MJ<\/div>\n              <div>\n                <div class=\"font-semibold text-gray-900\">Marcus Johnson<\/div>\n                <div class=\"text-sm text-gray-500\">Talent Acquisition Lead, GrowthCo<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"bg-gray-50 rounded-2xl p-6 border border-gray-100 card-hover animate-on-scroll\">\n            <div class=\"flex items-center mb-4\">\n              <div class=\"flex text-yellow-400\">\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                <svg class=\"w-4 h-5 text-gray-300\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n              <\/div>\n            <\/div>\n            <p class=\"text-gray-700 mb-6 italic\">&#8220;As a small HR team, One Click AI levels the playing field. The data scraper helps us find quality candidates faster than ever \u2014 all while staying compliant.&#8221;<\/p>\n            <div class=\"flex items-center\">\n              <div class=\"w-10 h-10 bg-gradient-to-br from-primary-400 to-secondary-500 rounded-full flex items-center justify-center text-white font-bold mr-3\">AL<\/div>\n              <div>\n                <div class=\"font-semibold text-gray-900\">Aisha Lee<\/div>\n                <div class=\"text-sm text-gray-500\">HR Manager, Innovate Labs<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Pricing Section -->\n    <section id=\"pricing\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-gray-50\">\n      <div class=\"max-w-7xl mx-auto text-center\">\n        <div class=\"max-w-3xl mx-auto mb-12 animate-on-scroll\">\n          <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4\">\n            Simple, Transparent Pricing\n          <\/h2>\n          <p class=\"text-lg text-gray-600\">\n            Choose the plan that fits your team. All plans include core AI features, secure data handling, and priority support.\n          <\/p>\n        <\/div>\n        \n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto mb-12\">\n          <div class=\"bg-white rounded-2xl p-8 shadow-md border border-gray-200 card-hover animate-on-scroll\">\n            <h3 class=\"text-xl font-bold text-gray-900 mb-2\">Starter<\/h3>\n            <p class=\"text-gray-600 mb-6\">Perfect for small teams getting started<\/p>\n            <div class=\"mb-6\">\n              <span class=\"text-4xl font-bold text-gray-900\">$49<\/span>\n              <span class=\"text-gray-500\">\/month<\/span>\n            <\/div>\n            <ul class=\"space-y-3 text-left mb-8\">\n              <li class=\"flex items-start\">\n                <svg class=\"w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n                <\/svg>\n                <span class=\"text-gray-700\">1,000 resumes\/month<\/span>\n              <\/li>\n              <li class=\"flex items-start\">\n                <svg class=\"w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n                <\/svg>\n                <span class=\"text-gray-700\">Basic email tools<\/span>\n              <\/li>\n              <li class=\"flex items-start\">\n                <svg class=\"w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n                <\/svg>\n                <span class=\"text-gray-700\">Email support<\/span>\n              <\/li>\n            <\/ul>\n            <a href=\"#cta\" class=\"block w-full py-3 px-4 bg-gray-100 text-gray-800 font-semibold rounded-lg hover:bg-gray-200 transition-colors text-center\">Get Started<\/a>\n          <\/div>\n          \n          <div class=\"bg-gradient-to-br from-primary-500 to-secondary-600 rounded-2xl p-8 shadow-xl border-2 border-primary-300 relative card-hover animate-on-scroll\">\n            <div class=\"absolute -top-4 left-1\/2 transform -translate-x-1\/2\">\n              <span class=\"bg-yellow-400 text-gray-900 text-xs font-bold px-3 py-1 rounded-full\">Most Popular<\/span>\n            <\/div>\n            <h3 class=\"text-xl font-bold text-white mb-2\">Professional<\/h3>\n            <p class=\"text-primary-100 mb-6\">For growing HR teams<\/p>\n            <div class=\"mb-6\">\n              <span class=\"text-4xl font-bold text-white\">$129<\/span>\n              <span class=\"text-primary-100\">\/month<\/span>\n            <\/div>\n            <ul class=\"space-y-3 text-left mb-8\">\n              <li class=\"flex items-start\">\n                <svg class=\"w-5 h-5 text-yellow-300 mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n                <\/svg>\n                <span class=\"text-white\">10,000 resumes\/month<\/span>\n              <\/li>\n              <li class=\"flex items-start\">\n                <svg class=\"w-5 h-5 text-yellow-300 mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n                <\/svg>\n                <span class=\"text-white\">All AI tools + data scraper<\/span>\n              <\/li>\n              <li class=\"flex items-start\">\n                <svg class=\"w-5 h-5 text-yellow-300 mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n                <\/svg>\n                <span class=\"text-white\">Priority support + API access<\/span>\n              <\/li>\n            <\/ul>\n            <a href=\"#cta\" class=\"block w-full py-3 px-4 bg-white text-primary-700 font-bold rounded-lg hover:bg-gray-50 transition-colors text-center shadow-md\">Start Free Trial<\/a>\n          <\/div>\n          \n          <div class=\"bg-white rounded-2xl p-8 shadow-md border border-gray-200 card-hover animate-on-scroll\">\n            <h3 class=\"text-xl font-bold text-gray-900 mb-2\">Enterprise<\/h3>\n            <p class=\"text-gray-600 mb-6\">For large organizations<\/p>\n            <div class=\"mb-6\">\n              <span class=\"text-4xl font-bold text-gray-900\">Custom<\/span>\n            <\/div>\n            <ul class=\"space-y-3 text-left mb-8\">\n              <li class=\"flex items-start\">\n                <svg class=\"w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n                <\/svg>\n                <span class=\"text-gray-700\">Unlimited processing<\/span>\n              <\/li>\n              <li class=\"flex items-start\">\n                <svg class=\"w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n                <\/svg>\n                <span class=\"text-gray-700\">Custom integrations<\/span>\n              <\/li>\n              <li class=\"flex items-start\">\n                <svg class=\"w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n                <\/svg>\n                <span class=\"text-gray-700\">Dedicated success manager<\/span>\n              <\/li>\n            <\/ul>\n            <a href=\"#cta\" class=\"block w-full py-3 px-4 bg-gray-100 text-gray-800 font-semibold rounded-lg hover:bg-gray-200 transition-colors text-center\">Contact Sales<\/a>\n          <\/div>\n        <\/div>\n        \n        <p class=\"text-gray-500 text-sm max-w-2xl mx-auto\">\n          All plans include a 14-day free trial \u2022 No credit card required \u2022 Cancel anytime\n        <\/p>\n      <\/div>\n    <\/section>\n\n    <!-- Final CTA Section -->\n    <section id=\"cta\" class=\"py-20 px-4 sm:px-6 lg:px-8 gradient-bg relative overflow-hidden\">\n      <div class=\"absolute inset-0 opacity-10\">\n        <div class=\"absolute top-10 right-10 w-64 h-64 bg-white rounded-full mix-blend-overlay filter blur-3xl\"><\/div>\n        <div class=\"absolute bottom-10 left-10 w-80 h-80 bg-white rounded-full mix-blend-overlay filter blur-3xl\"><\/div>\n      <\/div>\n      \n      <div class=\"max-w-4xl mx-auto text-center relative z-10 animate-on-scroll\">\n        <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-6\">\n          Ready to Transform Your HR Workflow?\n        <\/h2>\n        <p class=\"text-xl text-white\/90 mb-10 max-w-2xl mx-auto\">\n          Join hundreds of HR teams saving time and making smarter hiring decisions with One Click AI.\n        <\/p>\n        \n        <div class=\"flex flex-col sm:flex-row gap-4 justify-center mb-8\">\n          <a href=\"#\" class=\"inline-flex items-center justify-center px-8 py-4 bg-white text-primary-700 font-bold rounded-xl hover:bg-gray-50 transition-all duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-1\">\n            Start Your Free Trial\n            <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\"\/>\n            <\/svg>\n          <\/a>\n          <a href=\"#features\" class=\"inline-flex items-center justify-center px-8 py-4 bg-white\/10 backdrop-blur-sm text-white font-semibold rounded-xl hover:bg-white\/20 transition-all duration-300 border border-white\/30\">\n            Schedule a Demo\n          <\/a>\n        <\/div>\n        \n        <p class=\"text-white\/80 text-sm\">\n          \u2713 No credit card required &nbsp; \u2022 &nbsp; \u2713 14-day free trial &nbsp; \u2022 &nbsp; \u2713 Cancel anytime\n        <\/p>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <!-- Footer -->\n  <footer class=\"bg-gray-900 text-gray-300 py-12 px-4 sm:px-6 lg:px-8\">\n    <div class=\"max-w-7xl mx-auto\">\n      <div class=\"grid grid-cols-1 md:grid-cols-4 gap-8 mb-8\">\n        <div class=\"md:col-span-2\">\n          <div class=\"flex items-center space-x-2 mb-4\">\n            <div class=\"w-10 h-10 rounded-xl bg-gradient-to-br from-primary-500 to-secondary-600 flex items-center justify-center\">\n              <svg class=\"w-6 h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n              <\/svg>\n            <\/div>\n            <span class=\"text-xl font-bold text-white\">One Click AI<\/span>\n          <\/div>\n          <p class=\"text-gray-400 mb-4 max-w-md\">\n            Smart AI solutions for smarter HR. Automate recruitment, parsing, and data workflows with enterprise-grade tools built for people teams.\n          <\/p>\n          <div class=\"flex space-x-4\">\n            <a href=\"#\" class=\"text-gray-400 hover:text-white transition-colors\" aria-label=\"Twitter\">\n              <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84\"\/><\/svg>\n            <\/a>\n            <a href=\"#\" class=\"text-gray-400 hover:text-white transition-colors\" aria-label=\"LinkedIn\">\n              <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n        \n        <div>\n          <h4 class=\"text-white font-semibold mb-4\">Product<\/h4>\n          <ul class=\"space-y-2\">\n            <li><a href=\"#features\" class=\"hover:text-white transition-colors\">Features<\/a><\/li>\n            <li><a href=\"#pricing\" class=\"hover:text-white transition-colors\">Pricing<\/a><\/li>\n            <li><a href=\"https:\/\/www.oneclickai.in\/index.php\/bulk-resume-parser\/\" class=\"hover:text-white transition-colors\">Resume Parser<\/a><\/li>\n            <li><a href=\"https:\/\/www.oneclickai.in\/index.php\/bulk-email-splitter\/\" class=\"hover:text-white transition-colors\">Email Splitter<\/a><\/li>\n          <\/ul>\n        <\/div>\n        \n        <div>\n          <h4 class=\"text-white font-semibold mb-4\">Company<\/h4>\n          <ul class=\"space-y-2\">\n            <li><a href=\"#\" class=\"hover:text-white transition-colors\">About Us<\/a><\/li>\n            <li><a href=\"#\" class=\"hover:text-white transition-colors\">Careers<\/a><\/li>\n            <li><a href=\"#\" class=\"hover:text-white transition-colors\">Blog<\/a><\/li>\n            <li><a href=\"#\" class=\"hover:text-white transition-colors\">Contact<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      \n      <div class=\"pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center\">\n        <p class=\"text-gray-500 text-sm mb-4 md:mb-0\">\n          &copy; <span id=\"year\"><\/span> One Click AI. All rights reserved.\n        <\/p>\n        <div class=\"flex flex-wrap justify-center gap-4 text-sm\">\n          <a href=\"#\" class=\"text-gray-500 hover:text-white transition-colors\">Privacy Policy<\/a>\n          <a href=\"#\" class=\"text-gray-500 hover:text-white transition-colors\">Terms of Service<\/a>\n          <a href=\"#\" class=\"text-gray-500 hover:text-white transition-colors\">Security<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <!-- JavaScript for Interactivity -->\n  <script>\n    \/\/ Set current year in footer\n    const yearEl = document.getElementById('year');\n    if (yearEl) yearEl.textContent = new Date().getFullYear();\n    \n    \/\/ Mobile menu toggle\n    const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n    const mobileMenu = document.getElementById('mobile-menu');\n    const menuIcon = document.getElementById('menu-icon');\n    const closeIcon = document.getElementById('close-icon');\n    \n    if (mobileMenuBtn) {\n      mobileMenuBtn.addEventListener('click', () => {\n        const isExpanded = mobileMenuBtn.getAttribute('aria-expanded') === 'true';\n        mobileMenuBtn.setAttribute('aria-expanded', !isExpanded);\n        mobileMenu.classList.toggle('is-open');\n        menuIcon.classList.toggle('hidden');\n        closeIcon.classList.toggle('hidden');\n      });\n    }\n    \n    \/\/ Close mobile menu when clicking a link\n    document.querySelectorAll('#mobile-menu a').forEach(link => {\n      link.addEventListener('click', () => {\n        if (mobileMenu) {\n          mobileMenu.classList.remove('is-open');\n          if (mobileMenuBtn) {\n            mobileMenuBtn.setAttribute('aria-expanded', 'false');\n            if (menuIcon) menuIcon.classList.remove('hidden');\n            if (closeIcon) closeIcon.classList.add('hidden');\n          }\n        }\n      });\n    });\n    \n    \/\/ Mobile dropdown toggle\n    const mobileFeaturesToggle = document.getElementById('mobile-features-toggle');\n    const mobileFeaturesDropdown = document.getElementById('mobile-features-dropdown');\n    const mobileDropdownArrow = document.getElementById('mobile-dropdown-arrow');\n    \n    if (mobileFeaturesToggle) {\n      mobileFeaturesToggle.addEventListener('click', (e) => {\n        e.preventDefault();\n        if (mobileFeaturesDropdown && mobileDropdownArrow) {\n          const isOpen = mobileFeaturesDropdown.classList.toggle('is-open');\n          mobileFeaturesToggle.setAttribute('aria-expanded', isOpen);\n          mobileDropdownArrow.classList.toggle('rotated', isOpen);\n        }\n      });\n    }\n    \n    \/\/ Scroll animations using Intersection Observer\n    const animateOnScrollElements = document.querySelectorAll('.animate-on-scroll');\n    const observerOptions = { root: null, rootMargin: '0px', threshold: 0.1 };\n    \n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, observerOptions);\n    \n    animateOnScrollElements.forEach(el => observer.observe(el));\n    \n    \/\/ Smooth scroll for anchor links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n      anchor.addEventListener('click', function(e) {\n        e.preventDefault();\n        const targetId = this.getAttribute('href');\n        if (targetId === '#') return;\n        \n        const targetElement = document.querySelector(targetId);\n        if (targetElement) {\n          \/\/ Close mobile menu if open\n          if (mobileMenu && mobileMenu.classList.contains('is-open')) {\n            mobileMenu.classList.remove('is-open');\n            if (mobileMenuBtn) {\n              mobileMenuBtn.setAttribute('aria-expanded', 'false');\n              if (menuIcon) menuIcon.classList.remove('hidden');\n              if (closeIcon) closeIcon.classList.add('hidden');\n            }\n          }\n          \n          \/\/ Smooth scroll with offset for fixed header\n          const headerOffset = 80;\n          const elementPosition = targetElement.getBoundingClientRect().top;\n          const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n          \n          window.scrollTo({ top: offsetPosition, behavior: 'smooth' });\n        }\n      });\n    });\n    \n    \/\/ Navbar background on scroll\n    const navbar = document.getElementById('navbar');\n    if (navbar) {\n      window.addEventListener('scroll', () => {\n        if (window.scrollY > 10) {\n          navbar.classList.add('shadow-md');\n        } else {\n          navbar.classList.remove('shadow-md');\n        }\n      });\n    }\n  <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>One Click AI | Smart AI Solutions for Smarter HR One Click AI Features AI Tools Bulk Resume Parser Extract [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.oneclickai.in\/index.php\/wp-json\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oneclickai.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.oneclickai.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.oneclickai.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oneclickai.in\/index.php\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":0,"href":"https:\/\/www.oneclickai.in\/index.php\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.oneclickai.in\/index.php\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}