docs: added firefox extension

Author: PeriniM

integrations/llamaindex.mdx

@@ -10,7 +10,7 @@ This tool integrates ScrapeGraph with LlamaIndex, providing intelligent web scra
 <Card
   title="Official LlamaHub Documentation"
   icon="book"
-  href="https://llamahub.ai/l/tools/llama-index-tools-scrapegraph"
+  href="https://docs.llamaindex.ai/en/stable/api_reference/tools/scrapegraph/"
 >
   View the integration on LlamaHub
 </Card>

mint.json

@@ -84,7 +84,13 @@
       "pages": [
         "services/smartscraper",
         "services/localscraper",
-        "services/markdownify"
+        "services/markdownify",
+        {
+          "group": "Extensions",
+          "pages": [
+            "services/extensions/firefox"
+          ]
+        }
       ]
     },
     {

services/extensions/firefox.mdx

@@ -0,0 +1,167 @@
+---
+title: 'Firefox'
+description: 'Extract data from any webpage directly in your browser'
+icon: 'firefox'
+---
+
+<Frame>
+  <img src="/services/images/firefox-banner.png" alt="ScrapeGraphAI Firefox Extension" />
+</Frame>
+
+## Overview
+
+The ScrapeGraphAI Firefox Extension brings the power of our AI-driven data extraction directly to your browser. With a simple prompt, you can extract structured data from any webpage you're visiting, making web research and data collection effortless.
+
+<Note>
+Install the extension from the [Firefox Add-ons Store](https://addons.mozilla.org/en-US/firefox/addon/scrapegraphai-extension/)
+</Note>
+
+## Key Features
+
+<CardGroup cols={2}>
+  <Card title="One-Click Access" icon="mouse-pointer">
+    Extract data from any webpage with a single click
+  </Card>
+  <Card title="Natural Language Prompts" icon="comments">
+    Describe what you want to extract in plain English
+  </Card>
+  <Card title="Structured Output" icon="table">
+    Get clean, structured JSON data
+  </Card>
+  <Card title="Browser Integration" icon="browser">
+    Seamless integration with your browsing experience
+  </Card>
+</CardGroup>
+
+## Getting Started
+
+### API Key Setup
+
+First, you'll need to get your ScrapeGraphAI API key:
+
+<Frame>
+  <img src="/services/images/firefox-api-key.png" alt="Firefox Extension API Key Setup" />
+</Frame>
+
+1. Get your API key from the [dashboard](https://dashboard.scrapegraphai.com)
+2. Click the ScrapeGraphAI icon in your toolbar
+3. Enter your API key in the settings
+4. Click Save to store your API key securely
+
+### Usage
+
+Once your API key is set up, you can start extracting data:
+
+<Frame>
+  <img src="/services/images/firefox-main-view.png" alt="Firefox Extension Main View" />
+</Frame>
+
+1. Navigate to any webpage you want to extract data from
+2. Click the ScrapeGraphAI icon in your toolbar
+3. Enter your prompt describing what information you want to extract
+4. Click Extract to receive structured JSON data based on your prompt
+
+### Example: Reddit Posts Extraction
+
+Here's an example of extracting posts from Reddit:
+
+```text
+"List me all the posts in the page, extracting title, post url, image url, upvotes and comments"
+```
+
+The extension will return structured JSON data like this:
+
+```json
+{
+  "posts": [
+    {
+      "title": "Example Reddit Post Title",
+      "post_url": "https://reddit.com/r/example/post1",
+      "image_url": "https://i.redd.it/example1.jpg",
+      "upvotes": 1234,
+      "comments": 56
+    },
+    {
+      "title": "Another Reddit Post",
+      "post_url": "https://reddit.com/r/example/post2",
+      "image_url": "https://i.redd.it/example2.jpg",
+      "upvotes": 789,
+      "comments": 23
+    }
+    // ... more posts
+  ]
+}
+```
+
+## Example Use Cases
+
+### Research
+- Extract company information
+- Gather product details
+- Collect article data
+- Compile contact information
+
+### Data Collection
+- Market research
+- Competitive analysis
+- Content aggregation
+- Price monitoring
+
+### Personal Use
+- Save article summaries
+- Extract recipe ingredients
+- Compile reading lists
+- Save product comparisons
+
+## Example Prompts
+
+Here are some example prompts you can use with the extension:
+
+```text
+"Extract the main article content, author, and publication date"
+"Get all product information including price, features, and specifications"
+"Find all contact information including email, phone, and social media links"
+"Extract company information including location, size, and industry"
+```
+
+## Best Practices
+
+### Writing Effective Prompts
+1. Be specific about what you want to extract
+2. Include all relevant fields in your prompt
+3. Use clear, natural language
+4. Consider the structure of your desired output
+
+### Tips for Better Results
+- Wait for the page to load completely before extraction
+- Ensure you have access to all content you want to extract
+- Use specific terminology when requesting technical information
+- Review the extracted data for accuracy
+
+## Privacy & Security
+
+- The extension only accesses webpage content when explicitly triggered
+- Data is processed securely through ScrapeGraphAI's servers
+- No personal browsing data is stored or tracked
+- Complies with Mozilla's privacy requirements
+
+## Support & Resources
+
+<CardGroup cols={2}>
+  <Card title="Documentation" icon="book" href="/introduction">
+    Comprehensive guides and tutorials
+  </Card>
+  <Card title="Community" icon="discord" href="https://discord.gg/uJN7TYcpNa">
+    Join our Discord community
+  </Card>
+  <Card title="GitHub" icon="github" href="https://github.com/ScrapeGraphAI">
+    Check out our open-source projects
+  </Card>
+  <Card title="Support" icon="headset" href="mailto:[email protected]">
+    Get help with the extension
+  </Card>
+</CardGroup>
+
+<Card title="Ready to Start?" icon="rocket" href="https://addons.mozilla.org/en-US/firefox/addon/scrapegraphai-extension/">
+  Install the Firefox extension now and start extracting data with ease!
+</Card>