import { useState, useEffect } from 'react'; import { Link, useNavigate } from 'react-router-dom'; import PricingSection from '../components/PricingSection'; import { useAuth } from '../components/AuthContext'; import toast from 'react-hot-toast'; // Helper function to generate 16 consecutive calendar days starting from today const generateDynamicDays = () => { const daysArray = []; const weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; const months = [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ]; const today = new Date(); let addedDays = 0; while (addedDays < 2) { today.setDate(today.getDate() + 1); if (today.getDay() !== 0 && today.getDay() !== 6) { addedDays++; } } for (let i = 0; i < 16; i++) { const futureDate = new Date(today); futureDate.setDate(today.getDate() + i); const dayName = weekdays[futureDate.getDay()].charAt(0); const dateNum = String(futureDate.getDate()).padStart(2, '0'); const monthName = months[futureDate.getMonth()]; const year = futureDate.getFullYear(); daysArray.push({ day: dayName, date: dateNum, month: monthName, year: year }); } return daysArray; }; export const LandingPage = () => { // Calendar Days Dataset (Starts from today) const allDays = generateDynamicDays(); // Calendar Booking States const [calendarOffset, setCalendarOffset] = useState(0); const [selectedDate, setSelectedDate] = useState(allDays[0].date); const [selectedTime, setSelectedTime] = useState('10:30 AM'); const [useManualTime, setUseManualTime] = useState(false); const [customTime, setCustomTime] = useState('10:30'); const [bookingEmail, setBookingEmail] = useState(''); const [companySize, setCompanySize] = useState('Company Size: 500+ employees'); const [bookingSuccess, setBookingSuccess] = useState(false); const [bookingError, setBookingError] = useState(''); const navigate = useNavigate(); const { login, user } = useAuth(); const [activeFaq, setActiveFaq] = useState(null); const [legalModal, setLegalModal] = useState(null); const [activeTab, setActiveTab] = useState('Security Score'); useEffect(() => { document.documentElement.classList.add('hide-scrollbar'); document.body.classList.add('hide-scrollbar'); return () => { document.documentElement.classList.remove('hide-scrollbar'); document.body.classList.remove('hide-scrollbar'); }; }, []); useEffect(() => { try { const scrollKey = 'landing_scroll_pos'; const savedScroll = sessionStorage.getItem(scrollKey); if (savedScroll) { const scrollY = parseInt(savedScroll, 10); if (!isNaN(scrollY) && scrollY > 0) { const timer = setTimeout(() => { try { window.scrollTo(0, scrollY); } catch (e) {} }, 80); return () => clearTimeout(timer); } } } catch (e) {} }, []); useEffect(() => { const handleScroll = () => { try { sessionStorage.setItem('landing_scroll_pos', window.scrollY.toString()); } catch (e) {} }; window.addEventListener('scroll', handleScroll, { passive: true }); return () => { window.removeEventListener('scroll', handleScroll); }; }, []); const calendarDays = calendarOffset === 0 ? allDays.slice(0, 8) : allDays.slice(8, 16); const timeSlots = [ '09:00 AM', '10:00 AM', '11:00 AM', '04:00 PM', '05:00 PM', '06:00 PM', '09:30 PM', '10:30 PM', '11:30 PM' ]; const handleBooking = async (e) => { e.preventDefault(); setBookingError(''); if (!bookingEmail) { setBookingError('Please enter a valid work email.'); return; } if (!bookingEmail.includes('@') || bookingEmail.length < 5) { setBookingError('Invalid email syntax. Please check.'); return; } try { const response = await fetch('/api/demo/book', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email: bookingEmail, company_size: companySize, meeting_date: `${selectedMonth} ${selectedDate}, ${selectedYear}`, meeting_time: selectedTime }) }); const data = await response.json().catch(() => ({})); if (!response.ok) { throw new Error(data.message || 'Failed to book demo'); } setBookingSuccess(true); } catch (err) { setBookingError(err.message || 'Failed to book demo. Please try again later.'); } }; const resetBooking = () => { setBookingEmail(''); setBookingSuccess(false); setBookingError(''); }; const handleNextWeek = () => { setCalendarOffset(1); setSelectedDate(allDays[8].date); }; const handlePrevWeek = () => { setCalendarOffset(0); setSelectedDate(allDays[0].date); }; const selectedDayObject = allDays.find(d => d.date === selectedDate) || allDays[0]; const selectedMonth = selectedDayObject ? selectedDayObject.month : 'June'; const selectedYear = selectedDayObject ? selectedDayObject.year : '2026'; const faqItems = [ { q: "How does the LarShield autonomous vulnerability crawler operate?", a: "LarShield dynamically maps your entire cloud perimeter. By simulating browser behaviors, active DNS crawls, HTTP header inspections, and secure fuzzer injections, we expose structural security gaps and logic flaws." }, { q: "Is it safe to run dynamic scanning on live production servers?", a: "Absolutely. Our standard scans are meticulously structured to avoid service disruption. They use non-destructive payloads designed only to flag vulnerabilities, without corrupting database states or degrading host performance." }, { q: "Can I export detailed reports mapped to security standards?", a: "Yes. Every scan session yields a comprehensive diagnostic report. You can instantly export PDF threat assessments mapped to OWASP Top 10 guidelines and CWE classifications, complete with remediation code patches." }, { q: "Do you provide remediation support and patches?", a: "Yes, our comprehensive reports include actionable remediation steps, code snippets, and configuration guides to help your engineering team fix vulnerabilities efficiently." }, { q: "How long does a typical penetration testing engagement take?", a: "Depending on the scope and complexity of the application, an automated scan completes in minutes to hours, while a deep-dive manual VAPT engagement typically takes 1 to 2 weeks." }, { q: "Are the reports accepted by compliance auditors and enterprise clients?", a: "Absolutely. Our reports are mapped to industry standards like OWASP, ISO 27001, SOC 2, and PCI DSS, making them widely accepted by third-party auditors and enterprise procurement teams." } ]; const tabs = ['Security Score', 'Assets', 'Vulnerabilities', 'AI Insights', 'Compliance', 'Reports']; return (
{/* TopNavBar */}
LarShield Logo
LarShield
Log In
Book a Demo
{/* Soft atmospheric gradient vector circles */}
{/* Hero Section */}
{/* Left Content */}
Next-Gen Security Platform

One Platform to
Scan, Monitor & Protect

Identify vulnerabilities, continuously monitor your digital assets, manage compliance, and strengthen your organization's security with automated scanning and expert-led VAPT services.

Start Free Scan Book Live Demo
{/* Right Laptop */}
{/* Fake Browser Top Bar */}
{/* Spacer for perfect centering */}
lock app.larshield.com
{/* Spacer for perfect centering */}
{/* Image Container */}
LarShield Dashboard
{/* Bottom Status Bar */}
Live Telemetry Active
ENGINE: NEURAL-V3 MODE: AUTONOMOUS
{/* Statistics Section */}

Platform Metrics That Matter

1500+ Security Checks
83+ Vulnerability Scanners
policy OWASP Top 10 Coverage
api API Security Testing
smart_toy AI Risk Scoring
map CVSS v3.1 Mapping
{/* Why LarShield */}

Why LarShield?

psychology

AI Powered

AI-based vulnerability prioritization focusing on exploitable risks rather than noise.

troubleshoot

Continuous Monitoring

24×7 active attack surface monitoring preventing drifts in infrastructure security.

admin_panel_settings

Expert VAPT

Manual penetration testing powered by security experts to uncover advanced business logic flaws.

verified_user

Compliance Ready

Built-in mappings for SOC2, ISO27001, CERT-In, and PCI DSS compliance reporting.

{/* Platform Modules (Replacing How It Works / Feature Cards) */}

Scanner Coverage

A unified suite designed to secure every layer of your modern stack.

language Web
lock_person Authentication
api API
dns Infrastructure
cloud Cloud
policy Compliance
{/* Downloadable Deliverables */}

Downloadable Deliverables

Explore our comprehensive sample reports to understand the depth and clarity of our assessments.

{[ { title: 'Web Application PenTest', file: '/reports/Deep_Scan_Report.pdf', downloadName: 'LarShield_Web Application PenTest Demo Report.pdf', available: true }, { title: 'API Security Assessment', file: '/reports/API_Security_Assessment_Methodology.pdf', downloadName: 'LarShield_API Security Assessment Demo Report.pdf', available: true }, { title: 'Mobile App PenTest', file: '/reports/Mobile_App_Penetration_Testing_Guide_2026.pdf', downloadName: 'LarShield_Mobile App PenTest Demo Report.pdf', available: true }, { title: 'Cloud Security Review', file: null, available: false }, { title: 'Network Vulnerability Scan', file: null, available: false }, { title: 'Compliance Audit Report', file: null, available: false } ].map((report, idx) => (
picture_as_pdf {report.title}
{report.available ? ( download ) : ( Upcoming )}
))}
{/* VAPT Services */}

Professional Security Services

Go beyond automated scanning with our expert-led manual penetration testing and compliance consulting services.

Schedule a Consultation
check_circle Web Application VAPT
check_circle Source Code Review
check_circle Mobile Application VAPT
check_circle Wireless Assessment
check_circle API VAPT
check_circle Active Directory Assessment
check_circle Network VAPT
check_circle Secure Configuration Review
check_circle Cloud Security Assessment
check_circle Compliance Consulting
{/* Compliance Section */}

Helping organizations prepare for leading security and compliance frameworks

verified ISO 27001 shield SOC 2 gpp_good CERT-In security OWASP credit_card PCI DSS fact_check NIST settings_suggest CIS Controls
{/* Scanning Profiles & Coverage Section */}
{/* Demo Booking Section */}
{/* Left Content */}

Ready to Secure Your Organization at Scale?

Schedule a personalized 1:1 demo with our security architects to see how LarShield can integrate into your existing SOC and CI/CD pipelines.

schedule 15 min discovery call
analytics Custom vulnerability assessment
{/* Right Interactive Scheduler Widget */}
{bookingSuccess ? ( /* Success Booking State Box */
check_circle

Booking Confirmed!

Your personalized 1:1 security walk-through has been successfully scheduled.

Meeting Slot: {selectedMonth} {selectedDate}, {selectedYear}
Assigned Time: {selectedTime}
Invited Host: {bookingEmail}
Org Scale: {companySize.split(': ')[1] || '500+ employees'}
) : ( /* Active Scheduler form */
{/* Header */}

Select a Time

Choose date & meeting time

{selectedMonth} {selectedYear}
{bookingError && (
warning
{bookingError}
)} {/* Dates slider */}
{calendarOffset === 1 ? ( ) : (
)}
{calendarDays.map((day) => { const isSelected = selectedDate === day.date; return (
setSelectedDate(day.date)} className="flex flex-col items-center gap-0.5 min-w-[30px] cursor-pointer" >
{day.day}
{day.date}
); })}
{calendarOffset === 0 ? ( ) : (
)}
{/* Time Selection */}
Meeting Time:
{useManualTime ? (
{ setCustomTime(e.target.value); const [hoursStr, minutesStr] = e.target.value.split(':'); if (hoursStr && minutesStr) { let hours = parseInt(hoursStr); const ampm = hours >= 12 ? 'PM' : 'AM'; hours = hours % 12; hours = hours ? hours : 12; setSelectedTime(`${hours}:${minutesStr} ${ampm}`); } }} className="w-full border border-outline-variant rounded-lg py-xs px-sm focus:ring-primary focus:border-primary font-body-sm bg-white text-on-surface text-[12.5px]" required />
) : (
{timeSlots.map((time) => { const isSelected = selectedTime === time; return ( ); })}
)}
{/* Inputs */}
setBookingEmail(e.target.value)} />

No credit card required. Private POC environment included.

)}
{/* Industries */}

Trusted Across Industries

account_balance Banking account_balance_wallet Government local_hospital Healthcare precision_manufacturing Manufacturing cloud SaaS school Education local_shipping Logistics sailing Ports & Maritime storefront Retail
{/* Frequently Asked Questions */}

Frequently Asked Questions

Everything you need to know about our active scanning and scheduling protocols.

{faqItems.map((item, index) => { const isOpen = activeFaq === index; return (
{item.a}
); })}
{/* Detailed Footer */} {/* Legal Policies Modal */} {legalModal && (
setLegalModal(null)} />
{/* Header */}
gavel

Legal Policies

{/* Modal Body */}
{legalModal === 'privacy' && (

Privacy Policy

Effective Date: August 15, 2026

This Privacy Policy describes how Larshield ("we", "us", or "our") collects, uses, and shares your personal information. We are committed to complying with global data protection laws including the GDPR, CCPA, and India's DPDP Act.

1. Information We Collect

  • Account Data: Email address, name, billing information, and organization details.
  • Scan Data: Target URLs, scan configurations, identified vulnerabilities, and generated PDF reports.
  • Audit Logs: Origin IP addresses, access timestamps, and API request logs for security and compliance monitoring.

2. How We Use Your Information

We use your data strictly to provide, maintain, and improve the Service, process payments, and ensure legal compliance. We do not sell your personal data or scan results to third parties.

3. Data Security

Scan results and user data are encrypted at rest (AES-256) and in transit (TLS 1.3). We enforce strict role-based access controls internally. However, no internet transmission is entirely secure, and you use the Service at your own risk.

4. Your Rights (GDPR & CCPA)

Depending on your jurisdiction, you have the right to access, correct, delete, or restrict the processing of your personal data. You can request a complete data export or account deletion by contacting info@larxius.com.

)} {legalModal === 'terms' && (

Terms of Service

Effective Date: August 15, 2026

1. Acceptance of Terms

By accessing or using the Larshield platform (the "Service"), you agree to be bound by these Terms of Service. If you do not agree, you may not access the Service.

2. Description of Service

Larshield provides automated vulnerability scanning, active penetration testing, and security posture management tools. The Service actively probes designated targets to identify security flaws, misconfigurations, and compliance violations.

3. Authorization and Legal Use

You explicitly certify that you possess full, legally verifiable authorization from the system owner to conduct active security assessments against any target URL you submit. Unauthorized scanning is illegal and strictly prohibited. You assume all liability for damages resulting from unauthorized use of the Service.

4. Limitation of Liability

Larshield is provided "AS IS". Vulnerability scanning can cause unintended disruptions, including data loss or system crashes. To the maximum extent permitted by law, Larshield shall not be liable for any direct, indirect, incidental, special, or consequential damages resulting from the use or inability to use the Service.

5. Termination

We reserve the right to suspend or terminate your account immediately, without prior notice or liability, for any reason, including without limitation if you breach the Terms, particularly regarding unauthorized target scanning.

)} {legalModal === 'status' && (

System Status

Effective Date: August 15, 2026

1. Uptime Commitment

LarShield maintains a 99.9% uptime SLA for all scanning and reporting APIs. Maintenance windows are announced 7 days in advance.

2. Current Status

All systems are currently operational and operating at optimal performance levels.
)} {legalModal === 'cookies' && (

Cookie Policy

Effective Date: August 15, 2026

1. Essential Cookies

We use strictly necessary cookies to maintain your session and ensure secure authentication. These cannot be disabled.

2. Analytics Cookies

We optionally collect telemetry data to improve platform performance. You can opt-out at any time via your account settings.

)}
{/* Footer */}
)}
); };