| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>ParaChief - AI-Powered Executive Advisory</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap'); |
| |
| body { |
| font-family: 'Manrope', sans-serif; |
| background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%); |
| } |
| |
| .gradient-text { |
| background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%); |
| -webkit-background-clip: text; |
| background-clip: text; |
| color: transparent; |
| } |
| |
| .hero-gradient { |
| background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(247,250,252,0.9) 100%); |
| backdrop-filter: blur(10px); |
| } |
| |
| .floating { |
| animation: floating 6s ease-in-out infinite; |
| } |
| |
| @keyframes floating { |
| 0% { transform: translateY(0px); } |
| 50% { transform: translateY(-15px); } |
| 100% { transform: translateY(0px); } |
| } |
| |
| .pulse { |
| animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; |
| } |
| |
| @keyframes pulse { |
| 0%, 100% { opacity: 1; } |
| 50% { opacity: 0.5; } |
| } |
| </style> |
| </head> |
| <body class="min-h-screen overflow-x-hidden"> |
| |
| <nav class="py-6 px-6 lg:px-16 flex justify-between items-center"> |
| <div class="flex items-center space-x-2"> |
| <div class="w-10 h-10 rounded-lg bg-indigo-600 flex items-center justify-center"> |
| <i class="fas fa-crown text-white text-lg"></i> |
| </div> |
| <span class="text-2xl font-bold text-gray-800">Para<span class="gradient-text">Chief</span></span> |
| </div> |
| <div class="hidden md:flex space-x-8"> |
| <a href="#" class="text-gray-600 hover:text-indigo-600 font-medium">Solutions</a> |
| <a href="#" class="text-gray-600 hover:text-indigo-600 font-medium">Industries</a> |
| <a href="#" class="text-gray-600 hover:text-indigo-600 font-medium">Resources</a> |
| <a href="#" class="text-gray-600 hover:text-indigo-600 font-medium">About</a> |
| </div> |
| <div class="flex items-center space-x-4"> |
| <a href="#" class="hidden md:block text-gray-600 hover:text-indigo-600 font-medium">Login</a> |
| <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-lg font-medium transition duration-300"> |
| Request Demo |
| </button> |
| <button class="md:hidden text-gray-600"> |
| <i class="fas fa-bars text-xl"></i> |
| </button> |
| </div> |
| </nav> |
|
|
| |
| <section class="relative py-16 md:py-24 px-6 lg:px-16"> |
| <div class="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"> |
| <div class="relative z-10"> |
| <div class="inline-block px-4 py-2 bg-indigo-50 rounded-full mb-6"> |
| <p class="text-indigo-600 font-medium text-sm">AI-Powered Executive Advisory</p> |
| </div> |
| <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 leading-tight mb-6"> |
| <span class="gradient-text">Strategic Intelligence</span><br> |
| for the Modern C-Suite |
| </h1> |
| <p class="text-lg md:text-xl text-gray-600 mb-10 max-w-2xl"> |
| ParaChief delivers real-time market insights, competitive analysis, and strategic recommendations tailored to your executive role and industry challenges. |
| </p> |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-6"> |
| <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-8 py-4 rounded-lg font-medium text-lg transition duration-300 flex items-center justify-center"> |
| <i class="fas fa-play-circle mr-3"></i> Watch Demo |
| </button> |
| <button class="border border-gray-300 hover:border-indigo-300 text-gray-700 hover:text-indigo-600 px-8 py-4 rounded-lg font-medium text-lg transition duration-300 flex items-center justify-center"> |
| <i class="fas fa-user-tie mr-3"></i> Executive Briefing |
| </button> |
| </div> |
| <div class="mt-10 flex items-center space-x-4"> |
| <div class="flex -space-x-2"> |
| <img src="https://randomuser.me/api/portraits/women/44.jpg" class="w-10 h-10 rounded-full border-2 border-white"> |
| <img src="https://randomuser.me/api/portraits/men/32.jpg" class="w-10 h-10 rounded-full border-2 border-white"> |
| <img src="https://randomuser.me/api/portraits/women/68.jpg" class="w-10 h-10 rounded-full border-2 border-white"> |
| </div> |
| <div> |
| <p class="text-gray-600 text-sm"><span class="font-medium text-gray-800">500+</span> executives trust ParaChief</p> |
| <div class="flex items-center"> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <span class="text-gray-600 ml-2 text-sm">4.9/5</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="relative"> |
| <div class="hero-gradient rounded-3xl p-1 shadow-2xl"> |
| <div class="bg-white rounded-2xl overflow-hidden"> |
| <div class="bg-gray-900 p-4 flex items-center justify-between"> |
| <div class="flex space-x-2"> |
| <div class="w-3 h-3 rounded-full bg-red-500"></div> |
| <div class="w-3 h-3 rounded-full bg-yellow-500"></div> |
| <div class="w-3 h-3 rounded-full bg-green-500"></div> |
| </div> |
| <p class="text-white text-sm font-medium">ParaChief Dashboard</p> |
| <div class="w-6"></div> |
| </div> |
| <div class="p-6"> |
| <div class="flex items-center mb-6"> |
| <div class="w-12 h-12 rounded-full bg-indigo-100 flex items-center justify-center"> |
| <i class="fas fa-user-tie text-indigo-600 text-xl"></i> |
| </div> |
| <div class="ml-4"> |
| <p class="font-medium text-gray-800">CEO Insights</p> |
| <p class="text-gray-500 text-sm">Updated 12 min ago</p> |
| </div> |
| </div> |
| |
| <div class="bg-indigo-50 rounded-xl p-4 mb-4"> |
| <div class="flex justify-between items-start"> |
| <div> |
| <p class="font-medium text-indigo-800">Market Disruption Alert</p> |
| <p class="text-indigo-600 text-sm">Emerging competitor in your space</p> |
| </div> |
| <div class="bg-indigo-100 rounded-lg px-2 py-1"> |
| <p class="text-indigo-800 text-xs font-medium">High Priority</p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="grid grid-cols-3 gap-4 mb-6"> |
| <div class="bg-gray-50 rounded-lg p-3"> |
| <p class="text-gray-500 text-xs mb-1">Market Share</p> |
| <p class="font-bold text-gray-800">32.4%</p> |
| <p class="text-green-500 text-xs flex items-center"> |
| <i class="fas fa-caret-up mr-1"></i> 2.1% |
| </p> |
| </div> |
| <div class="bg-gray-50 rounded-lg p-3"> |
| <p class="text-gray-500 text-xs mb-1">Sentiment</p> |
| <p class="font-bold text-gray-800">78%</p> |
| <p class="text-red-500 text-xs flex items-center"> |
| <i class="fas fa-caret-down mr-1"></i> 4.3% |
| </p> |
| </div> |
| <div class="bg-gray-50 rounded-lg p-3"> |
| <p class="text-gray-500 text-xs mb-1">Competitors</p> |
| <p class="font-bold text-gray-800">12</p> |
| <p class="text-green-500 text-xs flex items-center"> |
| <i class="fas fa-plus mr-1"></i> 2 new |
| </p> |
| </div> |
| </div> |
| |
| <div class="bg-white border border-gray-200 rounded-lg p-4"> |
| <div class="flex justify-between items-center mb-3"> |
| <p class="font-medium text-gray-800">Recommended Actions</p> |
| <button class="text-indigo-600 text-sm font-medium">View All</button> |
| </div> |
| <div class="space-y-3"> |
| <div class="flex items-start"> |
| <div class="w-6 h-6 rounded-full bg-indigo-100 flex items-center justify-center mt-1 mr-3"> |
| <i class="fas fa-check text-indigo-600 text-xs"></i> |
| </div> |
| <p class="text-gray-700 text-sm">Review emerging market trends in Q2 report</p> |
| </div> |
| <div class="flex items-start"> |
| <div class="w-6 h-6 rounded-full bg-indigo-100 flex items-center justify-center mt-1 mr-3"> |
| <i class="fas fa-check text-indigo-600 text-xs"></i> |
| </div> |
| <p class="text-gray-700 text-sm">Schedule meeting with product team re: competitive response</p> |
| </div> |
| <div class="flex items-start"> |
| <div class="w-6 h-6 rounded-full bg-indigo-100 flex items-center justify-center mt-1 mr-3"> |
| <i class="fas fa-check text-indigo-600 text-xs"></i> |
| </div> |
| <p class="text-gray-700 text-sm">Prepare talking points for investor call</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="absolute -left-10 -bottom-10 w-32 h-32 bg-purple-100 rounded-full opacity-50 filter blur-xl"></div> |
| <div class="absolute -right-10 -top-10 w-40 h-40 bg-blue-100 rounded-full opacity-50 filter blur-xl"></div> |
| |
| <div class="absolute -left-16 top-1/3 floating"> |
| <div class="bg-white p-4 rounded-xl shadow-lg w-48"> |
| <div class="flex items-center mb-2"> |
| <div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center mr-2"> |
| <i class="fas fa-chart-line text-green-600 text-sm"></i> |
| </div> |
| <p class="font-medium text-sm">Market Growth</p> |
| </div> |
| <p class="text-gray-600 text-xs">Sector projected to grow 18% in 2024</p> |
| </div> |
| </div> |
| |
| <div class="absolute -right-16 bottom-1/4 floating" style="animation-delay: 1s;"> |
| <div class="bg-white p-4 rounded-xl shadow-lg w-48"> |
| <div class="flex items-center mb-2"> |
| <div class="w-8 h-8 rounded-full bg-red-100 flex items-center justify-center mr-2"> |
| <i class="fas fa-exclamation-triangle text-red-600 text-sm"></i> |
| </div> |
| <p class="font-medium text-sm">Risk Alert</p> |
| </div> |
| <p class="text-gray-600 text-xs">Regulatory changes in 3 markets</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 px-6 lg:px-16 bg-white"> |
| <div class="max-w-7xl mx-auto"> |
| <p class="text-center text-gray-500 mb-8">Trusted by executives at</p> |
| <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-8 items-center"> |
| <img src="https://upload.wikimedia.org/wikipedia/commons/2/2f/Google_2015_logo.svg" class="h-8 opacity-60 hover:opacity-100 transition duration-300"> |
| <img src="https://upload.wikimedia.org/wikipedia/commons/a/a9/Amazon_logo.svg" class="h-6 opacity-60 hover:opacity-100 transition duration-300"> |
| <img src="https://upload.wikimedia.org/wikipedia/commons/f/fa/Microsoft_logo.svg" class="h-8 opacity-60 hover:opacity-100 transition duration-300"> |
| <img src="https://upload.wikimedia.org/wikipedia/commons/f/ff/Salesforce_logo.svg" class="h-6 opacity-60 hover:opacity-100 transition duration-300"> |
| <img src="https://upload.wikimedia.org/wikipedia/commons/9/96/Samsung_Logo.svg" class="h-6 opacity-60 hover:opacity-100 transition duration-300"> |
| <img src="https://upload.wikimedia.org/wikipedia/commons/9/9d/Ubuntu_logo.svg" class="h-8 opacity-60 hover:opacity-100 transition duration-300"> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 px-6 lg:px-16"> |
| <div class="max-w-7xl mx-auto"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Executive Intelligence <span class="gradient-text">Powered by AI</span></h2> |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">ParaChief transforms complex market data into actionable insights tailored to your specific executive role and challenges.</p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| <div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition duration-300"> |
| <div class="w-14 h-14 rounded-lg bg-indigo-100 flex items-center justify-center mb-6"> |
| <i class="fas fa-bullseye text-indigo-600 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Role-Specific Insights</h3> |
| <p class="text-gray-600 mb-4">Get recommendations tailored specifically for CEOs, CFOs, CMOs, and other C-suite roles based on your unique responsibilities.</p> |
| <a href="#" class="text-indigo-600 font-medium flex items-center"> |
| Learn more <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| |
| <div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition duration-300"> |
| <div class="w-14 h-14 rounded-lg bg-purple-100 flex items-center justify-center mb-6"> |
| <i class="fas fa-chart-network text-purple-600 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Real-Time Market Radar</h3> |
| <p class="text-gray-600 mb-4">Stay ahead with continuous monitoring of competitors, industry trends, and emerging opportunities in your sector.</p> |
| <a href="#" class="text-purple-600 font-medium flex items-center"> |
| Learn more <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| |
| <div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition duration-300"> |
| <div class="w-14 h-14 rounded-lg bg-blue-100 flex items-center justify-center mb-6"> |
| <i class="fas fa-chess-king text-blue-600 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Strategic Decision Support</h3> |
| <p class="text-gray-600 mb-4">AI-generated scenario analysis and risk assessment to inform your most critical business decisions.</p> |
| <a href="#" class="text-blue-600 font-medium flex items-center"> |
| Learn more <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| |
| <div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition duration-300"> |
| <div class="w-14 h-14 rounded-lg bg-green-100 flex items-center justify-center mb-6"> |
| <i class="fas fa-comments-dollar text-green-600 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Investor & Board Ready</h3> |
| <p class="text-gray-600 mb-4">Automatically generated reports and presentations tailored for board meetings and investor communications.</p> |
| <a href="#" class="text-green-600 font-medium flex items-center"> |
| Learn more <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| |
| <div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition duration-300"> |
| <div class="w-14 h-14 rounded-lg bg-red-100 flex items-center justify-center mb-6"> |
| <i class="fas fa-shield-check text-red-600 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Risk Mitigation</h3> |
| <p class="text-gray-600 mb-4">Early warning system for potential threats to your business from regulatory changes to reputational risks.</p> |
| <a href="#" class="text-red-600 font-medium flex items-center"> |
| Learn more <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| |
| <div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition duration-300"> |
| <div class="w-14 h-14 rounded-lg bg-yellow-100 flex items-center justify-center mb-6"> |
| <i class="fas fa-network-wired text-yellow-600 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Executive Network</h3> |
| <p class="text-gray-600 mb-4">Connect with peer executives facing similar challenges through our verified C-suite community.</p> |
| <a href="#" class="text-yellow-600 font-medium flex items-center"> |
| Learn more <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 px-6 lg:px-16 bg-indigo-50"> |
| <div class="max-w-7xl mx-auto"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">What <span class="gradient-text">Executives Say</span></h2> |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Hear from C-suite leaders who have transformed their decision-making with ParaChief.</p> |
| </div> |
| |
| <div class="grid grid-cols-1 lg:grid-cols-2 gap-8"> |
| <div class="bg-white rounded-xl p-8 shadow-lg"> |
| <div class="flex items-center mb-6"> |
| <img src="https://randomuser.me/api/portraits/women/65.jpg" class="w-16 h-16 rounded-full mr-4"> |
| <div> |
| <p class="font-bold text-gray-900">Sarah Chen</p> |
| <p class="text-gray-600">CEO, TechForward</p> |
| </div> |
| </div> |
| <p class="text-gray-700 mb-6 italic">"ParaChief has become my most trusted advisor. The AI's ability to surface insights I would have otherwise missed has fundamentally changed how I lead our company. It's like having an entire strategy team at my fingertips."</p> |
| <div class="flex items-center"> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| </div> |
| </div> |
| |
| <div class="bg-white rounded-xl p-8 shadow-lg"> |
| <div class="flex items-center mb-6"> |
| <img src="https://randomuser.me/api/portraits/men/75.jpg" class="w-16 h-16 rounded-full mr-4"> |
| <div> |
| <p class="font-bold text-gray-900">Michael Rodriguez</p> |
| <p class="text-gray-600">CFO, Global Ventures</p> |
| </div> |
| </div> |
| <p class="text-gray-700 mb-6 italic">"The financial risk modeling in ParaChief helped us avoid a potentially disastrous acquisition. The depth of analysis rivals our top-tier consulting partners at a fraction of the cost and time. A game-changer for strategic finance."</p> |
| <div class="flex items-center"> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-12 text-center"> |
| <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-8 py-4 rounded-lg font-medium text-lg transition duration-300 inline-flex items-center"> |
| <i class="fas fa-book-open mr-3"></i> Read More Case Studies |
| </button> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-24 px-6 lg:px-16 bg-gradient-to-r from-indigo-600 to-purple-600 text-white"> |
| <div class="max-w-5xl mx-auto text-center"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Transform Your <span class="text-yellow-300">Executive Decision-Making</span>?</h2> |
| <p class="text-xl opacity-90 mb-10 max-w-3xl mx-auto">Join hundreds of executives who rely on ParaChief for strategic advantage in an increasingly complex business landscape.</p> |
| <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6"> |
| <button class="bg-white text-indigo-600 hover:bg-gray-100 px-8 py-4 rounded-lg font-bold text-lg transition duration-300"> |
| Request Personalized Demo |
| </button> |
| <button class="border-2 border-white hover:bg-white hover:bg-opacity-10 px-8 py-4 rounded-lg font-bold text-lg transition duration-300"> |
| Speak With Our Team |
| </button> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-gray-900 text-white py-16 px-6 lg:px-16"> |
| <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12"> |
| <div> |
| <div class="flex items-center space-x-2 mb-6"> |
| <div class="w-10 h-10 rounded-lg bg-indigo-600 flex items-center justify-center"> |
| <i class="fas fa-crown text-white text-lg"></i> |
| </div> |
| <span class="text-2xl font-bold text-white">Para<span class="gradient-text">Chief</span></span> |
| </div> |
| <p class="text-gray-400 mb-6">AI-powered strategic intelligence for the modern C-suite.</p> |
| <div class="flex space-x-4"> |
| <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-indigo-600 transition duration-300"> |
| <i class="fab fa-linkedin-in"></i> |
| </a> |
| <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-indigo-600 transition duration-300"> |
| <i class="fab fa-twitter"></i> |
| </a> |
| <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-indigo-600 transition duration-300"> |
| <i class="fab fa-facebook-f"></i> |
| </a> |
| </div> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold mb-6">Solutions</h3> |
| <ul class="space-y-3"> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">For CEOs</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">For CFOs</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">For CMOs</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">For CTOs</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">For Boards</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold mb-6">Resources</h3> |
| <ul class="space-y-3"> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Blog</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Case Studies</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Research Papers</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Webinars</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Glossary</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold mb-6">Company</h3> |
| <ul class="space-y-3"> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">About Us</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Careers</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Press</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Partners</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li> |
| </ul> |
| </div> |
| </div> |
| |
| <div class="max-w-7xl mx-auto border-t border-gray-800 mt-16 pt-8 flex flex-col md:flex-row justify-between items-center"> |
| <p class="text-gray-500 text-sm mb-4 md:mb-0">© 2023 ParaChief. All rights reserved.</p> |
| <div class="flex space-x-6"> |
| <a href="#" class="text-gray-500 hover:text-white text-sm transition duration-300">Privacy Policy</a> |
| <a href="#" class="text-gray-500 hover:text-white text-sm transition duration-300">Terms of Service</a> |
| <a href="#" class="text-gray-500 hover:text-white text-sm transition duration-300">Cookie Policy</a> |
| </div> |
| </div> |
| </footer> |
|
|
| |
| <div class="fixed bottom-6 right-6"> |
| <button class="w-16 h-16 rounded-full bg-indigo-600 text-white shadow-xl hover:bg-indigo-700 transition duration-300 flex items-center justify-center"> |
| <i class="fas fa-comment-alt text-2xl"></i> |
| </button> |
| </div> |
| <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=twdooley/parachief" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
