diff options
Diffstat (limited to 'content/cloud.html')
| -rw-r--r-- | content/cloud.html | 229 |
1 files changed, 229 insertions, 0 deletions
diff --git a/content/cloud.html b/content/cloud.html new file mode 100644 index 0000000..5227c8b --- /dev/null +++ b/content/cloud.html @@ -0,0 +1,229 @@ +--- +title: Flyscrape Cloud +layout: home +--- +<!-- Hero Section --> +<div class="max-w-2xl mx-auto text-center"> + <h1 class="my-8 text-[3rem] lg:text-[4rem] leading-tight font-bold mx-auto"> + Scraping at scale shouldn't be difficult. + </h1> + + <p class="my-16 text-xl leading-relaxed text-gray-700 dark:text-gray-300"> + Get the data you need without the complexity you don't.<br /> + Flyscrape Cloud handles the scheduling, processing and infrastructure so you can focus on the data that matters to your business. + </p> + + <div class="text-center flex flex-col md:block"> + <a href="#early-access" + class="inline-block px-8 py-3 md:mr-5 mb-5 md:mb-0 text-lg font-semibold text-center text-white transition-all duration-200 ease-in bg-black border-black border-2 rounded-full cursor-pointer focus:outline-none focus:ring-4 focus:ring-primary-300 dark:bg-white dark:text-black dark:border-white dark:focus:ring-primary-800"> + Get Early Access + </a> + </div> +</div> + +<!-- Video or Demo Section --> +<div class="w-full max-w-4xl mx-auto my-16 rounded-md" style="background-image: url('/images/videobg.jpg'); background-size: cover;"> + <img src="/images/flyscrape-cloud.min.png" style="display: block; margin: 0.5rem 0 -0.3rem 0" /> + <!-- Add your demo video or screenshots here --> +</div> + +<hr class="w-full hidden dark:block my-24" style="border-color: hsl(var(--primary-hue) var(--primary-saturation) 94% / 0.2);" /> +<hr class="w-full dark:hidden my-24" style="border-color: hsl(var(--primary-hue) var(--primary-saturation) 94% / 0.8);" /> + +<!-- Feature Section 1: Infrastructure --> +<div class="w-full mt-12 text-center lg:text-left"> + <div class="gap-12 flex flex-col lg:grid lg:grid-cols-2"> + <div> + <h2 class="py-2 mt-12 mb-8 text-4xl font-bold leading-none tracking-tighter text-black not-prose dark:text-white"> + Focus on scripts, not servers. + </h2> + <p class="text-xl text-gray-800 dark:text-gray-300 sm:text-xl"> + Write your Flyscrape scripts locally, then upload them to Flyscrape Cloud through our simple interface. We handle all the infrastructure, scaling, and reliability challenges while you focus on extracting the data your business needs + </p> + </div> + <!-- Add relevant image here --> + <div class="order-last lg:order-none"> + <img src="/images/infrastructure.jpg" class="block rounded-lg w-full mx-auto" loading="lazy" /> + </div> + </div> +</div> + +<hr class="w-full hidden dark:block my-24" style="border-color: hsl(var(--primary-hue) var(--primary-saturation) 94% / 0.2);" /> +<hr class="w-full dark:hidden my-24" style="border-color: hsl(var(--primary-hue) var(--primary-saturation) 94% / 0.8);" /> + +<!-- Feature Section 2: Scheduling --> +<div class="gap-12 flex flex-col lg:grid lg:grid-cols-2"> + <div class="order-last lg:order-first"> + <!-- Add relevant image here --> + <img src="/images/scheduling.jpg" class="block rounded-lg w-full mx-auto" loading="lazy" /> + </div> + <div> + <h2 class="py-2 mt-12 mb-8 text-4xl font-bold leading-none tracking-tighter text-black not-prose dark:text-white"> + Schedule, run, repeat. + </h2> + <p class="text-xl text-gray-800 dark:text-gray-300 sm:text-xl"> + Set up automated scraping schedules that run daily, weekly, or on custom intervals. + All your scraped data is securely stored and instantly accessible to your entire team. + Never worry about server availability or downtime again. + </p> + </div> +</div> + +<hr class="w-full hidden dark:block my-24" style="border-color: hsl(var(--primary-hue) var(--primary-saturation) 94% / 0.2);" /> +<hr class="w-full dark:hidden my-24" style="border-color: hsl(var(--primary-hue) var(--primary-saturation) 94% / 0.8);" /> + +<!-- Feature Section 3: Team Collaboration --> +<div class="gap-12 flex flex-col lg:grid lg:grid-cols-2"> + <div> + <h2 class="py-2 mt-12 mb-8 text-4xl font-bold leading-none tracking-tighter text-black not-prose dark:text-white"> + Bridge technical and business teams. + </h2> + <p class="text-xl text-gray-800 dark:text-gray-300 sm:text-xl"> + Engineers build the scraping scripts, analysts transform and query the data with SQL, + and business teams export the insights they need. Flyscrape Cloud creates a unified + workflow that makes web data accessible across your entire organization. + </p> + </div> + <!-- Add relevant image here --> + <div class="order-last lg:order-none"> + <img src="/images/collaboration.jpg" class="block rounded-lg w-full mx-auto" loading="lazy" /> + </div> +</div> + +<hr class="w-full hidden dark:block my-24" style="border-color: hsl(var(--primary-hue) var(--primary-saturation) 94% / 0.2);" /> +<hr class="w-full dark:hidden my-24" style="border-color: hsl(var(--primary-hue) var(--primary-saturation) 94% / 0.8);" /> + +<!-- Feature Section 4: Advanced Infrastructure --> +<div class="gap-12 flex flex-col lg:grid lg:grid-cols-2"> + <div class="order-last lg:order-first"> + <!-- Add relevant image here --> + <img src="/images/proxies.jpg" class="block rounded-lg w-full mx-auto" loading="lazy" /> + </div> + <div> + <h2 class="py-2 mt-12 mb-8 text-4xl font-bold leading-none tracking-tighter text-black not-prose dark:text-white"> + Built for the toughest scraping challenges. + </h2> + <p class="text-xl text-gray-800 dark:text-gray-300 sm:text-xl"> + Access our managed proxy network and browser rendering capabilities to scrape even the + most challenging sites. We handle IP rotation, browser fingerprinting, and all the + technical complexities of modern web scraping at scale. + </p> + </div> +</div> + +<hr class="w-full hidden dark:block my-24" style="border-color: hsl(var(--primary-hue) var(--primary-saturation) 94% / 0.2);" /> +<hr class="w-full dark:hidden my-24" style="border-color: hsl(var(--primary-hue) var(--primary-saturation) 94% / 0.8);" /> + +<!-- Use Cases Section --> +<div class="w-full text-center"> + <h2 class="py-2 mb-16 text-4xl font-bold leading-none tracking-tighter text-black not-prose dark:text-white"> + How Teams Use Flyscrape Cloud + </h2> + + <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> + <!-- Use Case 1 --> + <div class="p-6 border border-gray-300 dark:border-gray-700 rounded-lg"> + <h3 class="text-xl font-bold mb-4">E-Commerce Price Monitoring</h3> + <p>Track competitor prices across thousands of products daily. Make informed pricing + decisions based on real market data.</p> + </div> + + <!-- Use Case 2 --> + <div class="p-6 border border-gray-300 dark:border-gray-700 rounded-lg"> + <h3 class="text-xl font-bold mb-4">Market Intelligence</h3> + <p>Monitor industry news, product launches, and competitor moves automatically. + Stay ahead with timely, structured market data.</p> + </div> + + <!-- Use Case 3 --> + <div class="p-6 border border-gray-300 dark:border-gray-700 rounded-lg"> + <h3 class="text-xl font-bold mb-4">Content Aggregation</h3> + <p>Collect relevant content from multiple sources on a schedule. Transform and + analyze the data to identify trends and opportunities.</p> + </div> + </div> +</div> + +<!-- Early Access Section --> +<div id="early-access" class="w-full my-24 max-w-2xl mx-auto text-center"> + <h2 class="py-2 mt-12 mb-8 text-4xl font-bold leading-none tracking-tighter text-black not-prose dark:text-white"> + Get Early Access + </h2> + <p class="text-xl text-gray-800 dark:text-gray-300 mb-12"> + We're currently onboarding select companies to our early access program. + Join now to get personalized onboarding and influence our product roadmap. + </p> + + <form class="mx-auto max-w-lg"> + <div class="mb-4"> + <input type="email" placeholder="Your Email" class="w-full p-3 border rounded-md" required> + </div> + <div class="mb-4"> + <input type="text" placeholder="Company Name" class="w-full p-3 border rounded-md" required> + </div> + <div class="mb-4"> + <textarea placeholder="Tell us about your web scraping needs" class="w-full p-3 border rounded-md" rows="4"></textarea> + </div> + <button type="submit" class="inline-block px-8 py-3 text-lg font-semibold text-center text-white transition-all duration-200 ease-in bg-black rounded-full cursor-pointer"> + Request Access + </button> + </form> +</div> + +<!-- FAQ Section --> +<div class="w-full my-24 max-w-2xl mx-auto"> + <h2 class="py-2 mt-12 mb-16 text-4xl font-bold leading-none tracking-tighter text-black not-prose dark:text-white text-center"> + Frequently Asked Questions + </h2> + + <div class="divide-y"> + <!-- FAQ Item 1 --> + <div class="py-6"> + <h3 class="text-xl font-bold mb-2">How does Flyscrape Cloud differ from using Flyscrape open-source?</h3> + <p>Flyscrape Cloud provides the infrastructure, scheduling, storage, and team collaboration features needed to run your Flyscrape scripts at scale. You write scripts locally using the open-source tool, then deploy them to our cloud platform for reliable execution.</p> + </div> + + <!-- FAQ Item 2 --> + <div class="py-6"> + <h3 class="text-xl font-bold mb-2">What size companies is Flyscrape Cloud designed for?</h3> + <p>We've designed Flyscrape Cloud for small to medium-sized businesses that need reliable web scraping but don't want to invest in building and maintaining their own infrastructure. Our platform scales with your needs.</p> + </div> + + <!-- FAQ Item 3 --> + <div class="py-6"> + <h3 class="text-xl font-bold mb-2">How does pricing work?</h3> + <p>Pricing is based on usage volume, with plans starting for small teams and scaling up as your needs grow. Early access participants receive preferred pricing. Contact us for details specific to your use case.</p> + </div> + + <!-- FAQ Item 4 --> + <div class="py-6"> + <h3 class="text-xl font-bold mb-2">What kind of support is provided?</h3> + <p>Early access customers receive personalized onboarding and dedicated support to ensure your scraping operations run smoothly. We work closely with you to configure the platform for your specific needs.</p> + </div> + </div> +</div> + +<!-- Footer --> +<footer class="w-full py-12 bg-gray-100 dark:bg-gray-900"> + <div class="max-w-6xl mx-auto px-4"> + <div class="flex flex-col md:flex-row justify-between items-center"> + <div class="mb-6 md:mb-0"> + <img src="/images/logo.png" alt="Flyscrape Cloud" class="h-10"> + </div> + <div class="flex space-x-6"> + <a href="https://github.com/philippta/flyscrape" class="text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white"> + GitHub + </a> + <a href="https://flyscrape.com/docs" class="text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white"> + Documentation + </a> + <a href="mailto:contact@flyscrape.com" class="text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white"> + Contact + </a> + </div> + </div> + <div class="mt-8 text-center text-gray-600 dark:text-gray-400"> + © 2025 Flyscrape. All rights reserved. + </div> + </div> +</footer> |