|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Pinnacle AI - County Data Scraper</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script> |
|
|
tailwind.config = { |
|
|
theme: { |
|
|
extend: { |
|
|
colors: { |
|
|
primary: '#4F46E5', |
|
|
secondary: '#10B981', |
|
|
accent: '#F59E0B', |
|
|
dark: '#1F2937', |
|
|
light: '#F3F4F6' |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
.gradient-bg { |
|
|
background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%); |
|
|
} |
|
|
.gradient-text { |
|
|
background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%); |
|
|
-webkit-background-clip: text; |
|
|
background-clip: text; |
|
|
color: transparent; |
|
|
} |
|
|
.card-hover:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
|
|
} |
|
|
.pulse-animation { |
|
|
animation: pulse 2s infinite; |
|
|
} |
|
|
@keyframes pulse { |
|
|
0% { |
|
|
box-shadow: 0 0 0 0 rgba(79, 70, 229, 0.7); |
|
|
} |
|
|
70% { |
|
|
box-shadow: 0 0 0 10px rgba(79, 70, 229, 0); |
|
|
} |
|
|
100% { |
|
|
box-shadow: 0 0 0 0 rgba(79, 70, 229, 0); |
|
|
} |
|
|
} |
|
|
.feature-icon { |
|
|
background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%); |
|
|
width: 60px; |
|
|
height: 60px; |
|
|
border-radius: 50%; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
justify-content: center; |
|
|
color: white; |
|
|
font-size: 24px; |
|
|
margin-bottom: 20px; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-50 font-sans antialiased"> |
|
|
|
|
|
<header class="gradient-bg text-white"> |
|
|
<div class="container mx-auto px-4 py-6"> |
|
|
<div class="flex justify-between items-center"> |
|
|
<div class="flex items-center space-x-3"> |
|
|
<div class="flex items-center justify-center bg-white rounded-full w-10 h-10"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#4F46E5" class="w-6 h-6"> |
|
|
<path fill-rule="evenodd" d="M14.615 1.595a.75.75 0 01.359.852L12.982 9.75h7.268a.75.75 0 01.548 1.262l-10.5 11.25a.75.75 0 01-1.272-.71l1.992-7.302H3.75a.75.75 0 01-.548-1.262l10.5-11.25a.75.75 0 01.913-.143z" clip-rule="evenodd" /> |
|
|
</svg> |
|
|
</div> |
|
|
<h1 class="text-2xl font-bold">Pinnacle AI Solutions</h1> |
|
|
</div> |
|
|
<div class="hidden md:flex space-x-6"> |
|
|
<a href="#features" class="hover:text-gray-200 transition-colors">Features</a> |
|
|
<a href="#api-docs" class="hover:text-gray-200 transition-colors">API Docs</a> |
|
|
<a href="#contact" class="hover:text-gray-200 transition-colors">Contact</a> |
|
|
<a href="#" class="bg-white text-primary px-4 py-2 rounded-lg font-medium hover:bg-gray-100 transition-all">Dashboard</a> |
|
|
</div> |
|
|
<button class="md:hidden text-white"> |
|
|
<i class="fas fa-bars text-2xl"></i> |
|
|
</button> |
|
|
</div> |
|
|
<div class="mt-12 mb-16 text-center"> |
|
|
<h2 class="text-4xl md:text-5xl font-bold mb-4">County Data Scraper</h2> |
|
|
<p class="text-xl md:text-2xl max-w-3xl mx-auto"> |
|
|
Advanced web scraping powered by Gemini AI for Broward, Palm Beach, and Dade counties |
|
|
</p> |
|
|
<div class="mt-8 flex justify-center space-x-4"> |
|
|
<button class="bg-white text-primary px-6 py-3 rounded-lg font-medium hover:opacity-90 transition-all duration-300"> |
|
|
Get Started |
|
|
</button> |
|
|
<button class="border-2 border-white text-white px-6 py-3 rounded-lg font-medium hover:bg-white hover:text-primary transition-all duration-300"> |
|
|
Live Demo |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<main class="container mx-auto px-4 py-8 -mt-10"> |
|
|
|
|
|
<div class="bg-white rounded-xl shadow-lg p-6 mb-8 transition-all duration-300 card-hover border border-gray-200"> |
|
|
<div class="flex flex-col md:flex-row md:items-end space-y-4 md:space-y-0 md:space-x-4"> |
|
|
<div class="flex-1"> |
|
|
<label class="block text-gray-700 font-medium mb-2">Search Query</label> |
|
|
<div class="relative"> |
|
|
<input type="text" placeholder="Enter business name, phone number, etc..." |
|
|
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-primary"> |
|
|
<button class="absolute right-2 top-2 text-gray-400 hover:text-primary"> |
|
|
<i class="fas fa-microphone"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
<div class="w-full md:w-64"> |
|
|
<label class="block text-gray-700 font-medium mb-2">County</label> |
|
|
<select class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-primary"> |
|
|
<option>All Counties</option> |
|
|
<option>Broward</option> |
|
|
<option>Palm Beach</option> |
|
|
<option>Dade</option> |
|
|
</select> |
|
|
</div> |
|
|
<button class="gradient-bg text-white px-6 py-3 rounded-lg font-medium hover:opacity-90 transition-all duration-300 flex items-center justify-center pulse-animation"> |
|
|
<i class="fas fa-search mr-2"></i> Search |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<div class="mt-6 flex flex-wrap gap-4"> |
|
|
<div class="flex items-center"> |
|
|
<input type="checkbox" id="public-websites" class="mr-2 h-5 w-5 text-primary rounded focus:ring-primary"> |
|
|
<label for="public-websites" class="text-gray-700">Public Websites</label> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<input type="checkbox" id="social-media" class="mr-2 h-5 w-5 text-primary rounded focus:ring-primary" checked> |
|
|
<label for="social-media" class="text-gray-700">Social Media</label> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<input type="checkbox" id="business-directories" class="mr-2 h-5 w-5 text-primary rounded focus:ring-primary" checked> |
|
|
<label for="business-directories" class="text-gray-700">Business Directories</label> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<input type="checkbox" id="government-records" class="mr-2 h-5 w-5 text-primary rounded focus:ring-primary"> |
|
|
<label for="government-records" class="text-gray-700">Government Records</label> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<section id="features" class="py-12"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">Powerful Features</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto"> |
|
|
Our platform combines advanced scraping with Gemini AI to deliver comprehensive business intelligence |
|
|
</p> |
|
|
</div> |
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
<div class="bg-white p-8 rounded-xl shadow-md text-center transition-all duration-300 card-hover"> |
|
|
<div class="feature-icon mx-auto"> |
|
|
<i class="fas fa-bolt"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-3">Real-time Data</h3> |
|
|
<p class="text-gray-600"> |
|
|
Get instant access to the most current business records across multiple counties with our live scraping technology. |
|
|
</p> |
|
|
</div> |
|
|
<div class="bg-white p-8 rounded-xl shadow-md text-center transition-all duration-300 card-hover"> |
|
|
<div class="feature-icon mx-auto"> |
|
|
<i class="fas fa-robot"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-3">Gemini AI Enhanced</h3> |
|
|
<p class="text-gray-600"> |
|
|
Our integration with Gemini AI (API Key: AIzaSyBSZ_DNVpo6gJiobEjoxtf7wIeGqwmlM5o) provides intelligent data analysis and insights. |
|
|
</p> |
|
|
</div> |
|
|
<div class="bg-white p-8 rounded-xl shadow-md text-center transition-all duration-300 card-hover"> |
|
|
<div class="feature-icon mx-auto"> |
|
|
<i class="fas fa-shield-alt"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-3">Verified Sources</h3> |
|
|
<p class="text-gray-600"> |
|
|
All data is cross-verified across multiple authoritative sources to ensure accuracy and reliability. |
|
|
</p> |
|
|
</div> |
|
|
<div class="bg-white p-8 rounded-xl shadow-md text-center transition-all duration-300 card-hover"> |
|
|
<div class="feature-icon mx-auto"> |
|
|
<i class="fas fa-chart-line"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-3">Analytics Dashboard</h3> |
|
|
<p class="text-gray-600"> |
|
|
Visualize trends and patterns with our comprehensive analytics tools and customizable reports. |
|
|
</p> |
|
|
</div> |
|
|
<div class="bg-white p-8 rounded-xl shadow-md text-center transition-all duration-300 card-hover"> |
|
|
<div class="feature-icon mx-auto"> |
|
|
<i class="fas fa-code"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-3">API Access</h3> |
|
|
<p class="text-gray-600"> |
|
|
Integrate our data directly into your applications with our robust REST API and webhooks. |
|
|
</p> |
|
|
</div> |
|
|
<div class="bg-white p-8 rounded-xl shadow-md text-center transition-all duration-300 card-hover"> |
|
|
<div class="feature-icon mx-auto"> |
|
|
<i class="fas fa-bell"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-3">Alerts & Monitoring</h3> |
|
|
<p class="text-gray-600"> |
|
|
Set up custom alerts for business changes and get notified about important updates in real-time. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<div class="mb-8"> |
|
|
<div class="flex justify-between items-center mb-6"> |
|
|
<h3 class="text-2xl font-bold text-gray-800">Search Results</h3> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<span class="text-gray-600">24 results found</span> |
|
|
<select class="px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-primary"> |
|
|
<option>Sort by Relevance</option> |
|
|
<option>Sort by Date</option> |
|
|
<option>Sort by Name</option> |
|
|
</select> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
|
|
|
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden transition-all duration-300 card-hover border border-gray-100"> |
|
|
<div class="p-6"> |
|
|
<div class="flex justify-between items-start mb-4"> |
|
|
<div> |
|
|
<h4 class="text-xl font-bold text-gray-800">Sunshine Realty</h4> |
|
|
<span class="inline-block px-2 py-1 text-xs font-semibold bg-green-100 text-green-800 rounded-full mt-1">Verified</span> |
|
|
</div> |
|
|
<span class="text-sm text-gray-500">Broward County</span> |
|
|
</div> |
|
|
<div class="flex items-center text-gray-600 mb-3"> |
|
|
<i class="fas fa-phone-alt mr-2 text-primary"></i> |
|
|
<span>(954) 123-4567</span> |
|
|
</div> |
|
|
<div class="flex items-center text-gray-600 mb-3"> |
|
|
<i class="fas fa-globe mr-2 text-primary"></i> |
|
|
<span>www.sunshinerealty.com</span> |
|
|
</div> |
|
|
<div class="flex items-center text-gray-600 mb-4"> |
|
|
<i class="fas fa-map-marker-alt mr-2 text-primary"></i> |
|
|
<span>123 Ocean Blvd, Fort Lauderdale, FL</span> |
|
|
</div> |
|
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
|
<span class="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">Facebook</span> |
|
|
<span class="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">LinkedIn</span> |
|
|
<span class="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">BBB</span> |
|
|
</div> |
|
|
<button class="w-full bg-primary bg-opacity-10 text-primary py-2 rounded-lg font-medium hover:bg-opacity-20 transition-all duration-300"> |
|
|
View Full Details |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden transition-all duration-300 card-hover border border-gray-100"> |
|
|
<div class="p-6"> |
|
|
<div class="flex justify-between items-start mb-4"> |
|
|
<div> |
|
|
<h4 class="text-xl font-bold text-gray-800">Palm Beach Dentistry</h4> |
|
|
<span class="inline-block px-2 py-1 text-xs font-semibold bg-yellow-100 text-yellow-800 rounded-full mt-1">Unverified</span> |
|
|
</div> |
|
|
<span class="text-sm text-gray-500">Palm Beach County</span> |
|
|
</div> |
|
|
<div class="flex items-center text-gray-600 mb-3"> |
|
|
<i class="fas fa-phone-alt mr-2 text-primary"></i> |
|
|
<span>(561) 987-6543</span> |
|
|
</div> |
|
|
<div class="flex items-center text-gray-600 mb-3"> |
|
|
<i class="fas fa-globe mr-2 text-primary"></i> |
|
|
<span>www.palmbeachdentistry.com</span> |
|
|
</div> |
|
|
<div class="flex items-center text-gray-600 mb-4"> |
|
|
<i class="fas fa-map-marker-alt mr-2 text-primary"></i> |
|
|
<span>456 Palm Ave, West Palm Beach, FL</span> |
|
|
</div> |
|
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
|
<span class="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">Instagram</span> |
|
|
<span class="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">Google Reviews</span> |
|
|
</div> |
|
|
<button class="w-full bg-primary bg-opacity-10 text-primary py-2 rounded-lg font-medium hover:bg-opacity-20 transition-all duration-300"> |
|
|
View Full Details |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden transition-all duration-300 card-hover border border-gray-100"> |
|
|
<div class="p-6"> |
|
|
<div class="flex justify-between items-start mb-4"> |
|
|
<div> |
|
|
<h4 class="text-xl font-bold text-gray-800">Miami Tech Solutions</h4> |
|
|
<span class="inline-block px-2 py-1 text-xs font-semibold bg-green-100 text-green-800 rounded-full mt-1">Verified</span> |
|
|
</div> |
|
|
<span class="text-sm text-gray-500">Dade County</span> |
|
|
</div> |
|
|
<div class="flex items-center text-gray-600 mb-3"> |
|
|
<i class="fas fa-phone-alt mr-2 text-primary"></i> |
|
|
<span>(305) 456-7890</span> |
|
|
</div> |
|
|
<div class="flex items-center text-gray-600 mb-3"> |
|
|
<i class="fas fa-globe mr-2 text-primary"></i> |
|
|
<span>www.miamitechsolutions.com</span> |
|
|
</div> |
|
|
<div class="flex items-center text-gray-600 mb-4"> |
|
|
<i class="fas fa-map-marker-alt mr-2 text-primary"></i> |
|
|
<span>789 Brickell Ave, Miami, FL</span> |
|
|
</div> |
|
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
|
<span class="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">Twitter</span> |
|
|
<span class="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">LinkedIn</span> |
|
|
<span class="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">Crunchbase</span> |
|
|
</div> |
|
|
<button class="w-full bg-primary bg-opacity-10 text-primary py-2 rounded-lg font-medium hover:bg-opacity-20 transition-all duration-300"> |
|
|
View Full Details |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="flex justify-center"> |
|
|
<nav class="inline-flex rounded-md shadow"> |
|
|
<a href="#" class="px-4 py-2 border border-gray-300 bg-white text-primary rounded-l-md hover:bg-gray-50"> |
|
|
Previous |
|
|
</a> |
|
|
<a href="#" class="px-4 py-2 border-t border-b border-gray-300 bg-white text-primary hover:bg-gray-50"> |
|
|
1 |
|
|
</a> |
|
|
<a href="#" class="px-4 py-2 border border-gray-300 bg-primary text-white"> |
|
|
2 |
|
|
</a> |
|
|
<a href="#" class="px-4 py-2 border-t border-b border-gray-300 bg-white text-primary hover:bg-gray-50"> |
|
|
3 |
|
|
</a> |
|
|
<a href="#" class="px-4 py-2 border border-gray-300 bg-white text-primary rounded-r-md hover:bg-gray-50"> |
|
|
Next |
|
|
</a> |
|
|
</nav> |
|
|
</div> |
|
|
</main> |
|
|
|
|
|
|
|
|
<section id="api-docs" class="bg-gray-50 py-12"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h3 class="text-3xl font-bold text-center mb-8 text-gray-800">API Documentation</h3> |
|
|
<div class="bg-white rounded-xl shadow-lg p-6 max-w-4xl mx-auto border border-gray-200"> |
|
|
<div class="flex flex-col md:flex-row gap-6"> |
|
|
<div class="flex-1"> |
|
|
<h4 class="text-xl font-bold mb-4 text-gray-800">Get Real-time Data</h4> |
|
|
<p class="text-gray-600 mb-4"> |
|
|
Integrate our powerful scraping API directly into your applications for real-time access to county records. |
|
|
</p> |
|
|
<div class="bg-gray-100 p-4 rounded-lg mb-4"> |
|
|
<div class="flex items-center justify-between mb-2"> |
|
|
<span class="font-mono text-sm text-gray-700">GET</span> |
|
|
<span class="text-sm bg-primary text-white px-2 py-1 rounded">/api/v1/search</span> |
|
|
</div> |
|
|
<code class="text-sm text-gray-800 block"> |
|
|
https://api.pinnacleai.com/v1/search?query=restaurant&county=broward |
|
|
</code> |
|
|
</div> |
|
|
<div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-4"> |
|
|
<div class="flex"> |
|
|
<div class="flex-shrink-0"> |
|
|
<svg class="h-5 w-5 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> |
|
|
<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" /> |
|
|
</svg> |
|
|
</div> |
|
|
<div class="ml-3"> |
|
|
<p class="text-sm text-yellow-700"> |
|
|
Gemini API Key: <span class="font-mono">AIzaSyBSZ_DNVpo6gJiobEjoxtf7wIeGqwmlM5o</span> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<button class="gradient-bg text-white px-6 py-2 rounded-lg font-medium hover:opacity-90 transition-all duration-300"> |
|
|
Get API Key |
|
|
</button> |
|
|
</div> |
|
|
<div class="flex-1"> |
|
|
<h4 class="text-xl font-bold mb-4 text-gray-800">Response Example</h4> |
|
|
<pre class="bg-gray-900 text-gray-100 p-4 rounded-lg text-sm overflow-x-auto"> |
|
|
{ |
|
|
"status": "success", |
|
|
"count": 15, |
|
|
"data": [ |
|
|
{ |
|
|
"name": "Sunshine Realty", |
|
|
"phone": "(954) 123-4567", |
|
|
"address": "123 Ocean Blvd, Fort Lauderdale, FL", |
|
|
"website": "www.sunshinerealty.com", |
|
|
"sources": ["public_records", "facebook"], |
|
|
"county": "broward", |
|
|
"last_updated": "2023-07-15T14:30:22Z", |
|
|
"ai_analysis": { |
|
|
"sentiment": "positive", |
|
|
"key_people": ["John Smith (CEO)", "Sarah Johnson (CFO)"], |
|
|
"business_health": 0.82 |
|
|
} |
|
|
}, |
|
|
... |
|
|
] |
|
|
}</pre> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="contact" class="py-12 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">Contact Us</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto"> |
|
|
Have questions about our services or need help with integration? Get in touch with our team. |
|
|
</p> |
|
|
</div> |
|
|
<div class="max-w-4xl mx-auto bg-gray-50 rounded-xl shadow-md overflow-hidden"> |
|
|
<div class="md:flex"> |
|
|
<div class="md:w-1/2 gradient-bg text-white p-8"> |
|
|
<h3 class="text-2xl font-bold mb-4">Get in touch</h3> |
|
|
<div class="space-y-4"> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0"> |
|
|
<i class="fas fa-map-marker-alt mt-1"></i> |
|
|
</div> |
|
|
<div class="ml-4"> |
|
|
<p class="text-white">123 AI Boulevard, Suite 100<br>Miami, FL 33101</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0"> |
|
|
<i class="fas fa-phone-alt mt-1"></i> |
|
|
</div> |
|
|
<div class="ml-4"> |
|
|
<p class="text-white">(800) 123-4567</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0"> |
|
|
<i class="fas fa-envelope mt-1"></i> |
|
|
</div> |
|
|
<div class="ml-4"> |
|
|
<p class="text-white">support@pinnacleai.com</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-8"> |
|
|
<h4 class="text-lg font-bold mb-4">Follow Us</h4> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="text-white hover:text-gray-200"> |
|
|
<i class="fab fa-twitter text-xl"></i> |
|
|
</a> |
|
|
<a href="#" class="text-white hover:text-gray-200"> |
|
|
<i class="fab fa-linkedin-in text-xl"></i> |
|
|
</a> |
|
|
<a href="#" class="text-white hover:text-gray-200"> |
|
|
<i class="fab fa-github text-xl"></i> |
|
|
</a> |
|
|
<a href="#" class="text-white hover:text-gray-200"> |
|
|
<i class="fab fa-medium text-xl"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-1/2 p-8"> |
|
|
<form> |
|
|
<div class="mb-4"> |
|
|
<label class="block text-gray-700 text-sm font-bold mb-2" for="name"> |
|
|
Name |
|
|
</label> |
|
|
<input class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary" id="name" type="text" placeholder="Your name"> |
|
|
</div> |
|
|
<div class="mb-4"> |
|
|
<label class="block text-gray-700 text-sm font-bold mb-2" for="email"> |
|
|
Email |
|
|
</label> |
|
|
<input class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary" id="email" type="email" placeholder="Your email"> |
|
|
</div> |
|
|
<div class="mb-4"> |
|
|
<label class="block text-gray-700 text-sm font-bold mb-2" for="subject"> |
|
|
Subject |
|
|
</label> |
|
|
<input class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary" id="subject" type="text" placeholder="Subject"> |
|
|
</div> |
|
|
<div class="mb-6"> |
|
|
<label class="block text-gray-700 text-sm font-bold mb-2" for="message"> |
|
|
Message |
|
|
</label> |
|
|
<textarea class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary" id="message" rows="4" placeholder="Your message"></textarea> |
|
|
</div> |
|
|
<div class="flex items-center justify-between"> |
|
|
<button class="gradient-bg text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline hover:opacity-90 transition-all duration-300" type="button"> |
|
|
Send Message |
|
|
</button> |
|
|
</div> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-800 text-white py-12"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
|
|
<div> |
|
|
<h5 class="text-xl font-bold mb-4 flex items-center"> |
|
|
<div class="flex items-center justify-center bg-white rounded-full w-8 h-8 mr-2"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#4F46E5" class="w-4 h-4"> |
|
|
<path fill-rule="evenodd" d="M14.615 1.595a.75.75 0 01.359.852L12.982 9.75h7.268a.75.75 0 01.548 1.262l-10.5 11.25a.75.75 0 01-1.272-.71l1.992-7.302H3.75a.75.75 0 01-.548-1.262l10.5-11.25a.75.75 0 01.913-.143z" clip-rule="evenodd" /> |
|
|
</svg> |
|
|
</div> |
|
|
Pinnacle AI |
|
|
</h5> |
|
|
<p class="text-gray-400"> |
|
|
Advanced data solutions for the modern business. Scraping public records with precision and efficiency. |
|
|
</p> |
|
|
</div> |
|
|
<div> |
|
|
<h5 class="text-lg font-bold mb-4">Counties</h5> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition-colors">Broward County</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition-colors">Palm Beach County</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition-colors">Dade County</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition-colors">All Florida Counties</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h5 class="text-lg font-bold mb-4">Resources</h5> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition-colors">Documentation</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition-colors">API Reference</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition-colors">Tutorials</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition-colors">Blog</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h5 class="text-lg font-bold mb-4">Legal</h5> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition-colors">Privacy Policy</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition-colors">Terms of Service</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition-colors">Data Compliance</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition-colors">GDPR</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400"> |
|
|
<p>© 2023 Pinnacle AI Solutions. All rights reserved.</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
|
|
|
const searchBtn = document.querySelector('.pulse-animation'); |
|
|
searchBtn.addEventListener('click', function() { |
|
|
|
|
|
alert('Searching county records using Gemini AI... This would trigger the API in a real application.'); |
|
|
}); |
|
|
|
|
|
|
|
|
const mobileMenuBtn = document.querySelector('button.md\\:hidden'); |
|
|
mobileMenuBtn.addEventListener('click', function() { |
|
|
alert('Mobile menu would open here in a complete implementation.'); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
document.querySelector(this.getAttribute('href')).scrollIntoView({ |
|
|
behavior: 'smooth' |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=MIKET7112/rad" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
