import React from 'react';

import { Header, Footer, HeroSection, FeatureSection } from 'nebula-template';

const App = () => {

const scrapeJobInfo = async (url) => {

const res = await fetch(url);

const html = await res.text();

const parser = new DOMParser();

const doc = parser.parseFromString(html, 'text/html');

const careersSection = doc.querySelector('.careers, .jobs, .join-us');

const openings = careersSection?.innerText || 'No job data found';

console.log('Open positions:', openings);

};

return (

<div>

<Header />

<HeroSection

title="Extract hiring info"

subtitle="Scrape open roles from a company’s website"

buttonLabel="Start Scraping"

buttonLink="#"

/>

<FeatureSection />

<Footer />

</div>

);

};

export default App;