237 lines
8.6 KiB
HTML
237 lines
8.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>CRM – Winixco</title>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
</head>
|
||
|
||
<body class="bg-gray-50 text-gray-900">
|
||
|
||
<!-- HERO -->
|
||
<section class="py-24 bg-white">
|
||
<div class="max-w-6xl mx-auto px-6 grid md:grid-cols-2 gap-12 items-center">
|
||
|
||
<div>
|
||
<h1 class="text-4xl md:text-5xl font-extrabold leading-tight">
|
||
A Powerful CRM to Manage Leads, Customers & Sales Growth
|
||
</h1>
|
||
<p class="mt-6 text-lg text-gray-600">
|
||
Track leads, manage pipelines, automate follow-ups, handle customer communication and close deals faster — all from one smart CRM system.
|
||
</p>
|
||
|
||
<div class="mt-10 flex gap-4">
|
||
<a href="#" class="bg-blue-600 text-white px-8 py-3 rounded-xl text-lg font-semibold hover:bg-blue-700">
|
||
Book a Demo
|
||
</a>
|
||
<a href="#" class="border border-gray-400 px-8 py-3 rounded-xl text-lg font-semibold hover:border-black">
|
||
View Pricing
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<img src="https://images.unsplash.com/photo-1560264280-88b68371db39"
|
||
class="rounded-2xl shadow-xl">
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<!-- VALUE PROPOSITION -->
|
||
<section class="py-20 bg-gray-50">
|
||
<div class="max-w-6xl mx-auto px-6 text-center">
|
||
<h2 class="text-3xl md:text-4xl font-bold">Your Entire Customer Journey in One Dashboard</h2>
|
||
<p class="mt-4 text-gray-600 max-w-3xl mx-auto">
|
||
Automate lead capturing, follow-ups, sales tracking, and team collaboration with a CRM designed to scale with your business.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- MODULES OVERVIEW -->
|
||
<section class="py-20 bg-white">
|
||
<div class="max-w-6xl mx-auto px-6">
|
||
|
||
<h3 class="text-2xl md:text-3xl font-bold mb-12">CRM Modules Overview</h3>
|
||
|
||
<div class="grid md:grid-cols-3 gap-8">
|
||
|
||
<div class="p-8 bg-gray-50 rounded-2xl hover:bg-gray-100 transition">
|
||
<h4 class="text-xl font-semibold mb-2">Lead Management</h4>
|
||
<p class="text-gray-600">Capture, tag, assign and track leads from multiple sources.</p>
|
||
</div>
|
||
|
||
<div class="p-8 bg-gray-50 rounded-2xl hover:bg-gray-100 transition">
|
||
<h4 class="text-xl font-semibold mb-2">Sales Pipeline</h4>
|
||
<p class="text-gray-600">Move leads through deal stages like New, Follow-up, Meeting, Closed.</p>
|
||
</div>
|
||
|
||
<div class="p-8 bg-gray-50 rounded-2xl hover:bg-gray-100 transition">
|
||
<h4 class="text-xl font-semibold mb-2">Customer Database</h4>
|
||
<p class="text-gray-600">Store all client profiles, communication history, files & notes.</p>
|
||
</div>
|
||
|
||
<div class="p-8 bg-gray-50 rounded-2xl hover:bg-gray-100 transition">
|
||
<h4 class="text-xl font-semibold mb-2">Task & Follow-ups</h4>
|
||
<p class="text-gray-600">Automated reminders for calls, meetings and follow-ups.</p>
|
||
</div>
|
||
|
||
<div class="p-8 bg-gray-50 rounded-2xl hover:bg-gray-100 transition">
|
||
<h4 class="text-xl font-semibold mb-2">Quotation & Invoicing</h4>
|
||
<p class="text-gray-600">Generate proposals, estimates, and invoices instantly.</p>
|
||
</div>
|
||
|
||
<div class="p-8 bg-gray-50 rounded-2xl hover:bg-gray-100 transition">
|
||
<h4 class="text-xl font-semibold mb-2">Reports & Analytics</h4>
|
||
<p class="text-gray-600">Sales performance, lead sources, activity logs & revenue forecasting.</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ADVANTAGES -->
|
||
<section class="py-20 bg-blue-50">
|
||
<div class="max-w-6xl mx-auto px-6">
|
||
|
||
<h3 class="text-center text-3xl font-bold mb-12">Why Businesses Choose Our CRM</h3>
|
||
|
||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-10">
|
||
|
||
<div class="p-6 bg-white rounded-2xl shadow">
|
||
<h4 class="text-xl font-semibold">Close Deals Faster</h4>
|
||
<p class="mt-2 text-gray-600">Structured pipelines ensure no lead is lost or ignored.</p>
|
||
</div>
|
||
|
||
<div class="p-6 bg-white rounded-2xl shadow">
|
||
<h4 class="text-xl font-semibold">Better Customer Engagement</h4>
|
||
<p class="mt-2 text-gray-600">Track every call, meeting, email & WhatsApp message.</p>
|
||
</div>
|
||
|
||
<div class="p-6 bg-white rounded-2xl shadow">
|
||
<h4 class="text-xl font-semibold">Improve Team Productivity</h4>
|
||
<p class="mt-2 text-gray-600">Assign tasks and monitor sales team performance.</p>
|
||
</div>
|
||
|
||
<div class="p-6 bg-white rounded-2xl shadow">
|
||
<h4 class="text-xl font-semibold">360° Customer View</h4>
|
||
<p class="mt-2 text-gray-600">One place for deals, notes, documents & communication.</p>
|
||
</div>
|
||
|
||
<div class="p-6 bg-white rounded-2xl shadow">
|
||
<h4 class="text-xl font-semibold">Reduce Manual Work</h4>
|
||
<p class="mt-2 text-gray-600">Auto reminders, follow-ups, email sending & workflow automation.</p>
|
||
</div>
|
||
|
||
<div class="p-6 bg-white rounded-2xl shadow">
|
||
<h4 class="text-xl font-semibold">Data-Driven Sales Decisions</h4>
|
||
<p class="mt-2 text-gray-600">Track KPIs, conversion rates & revenue progress.</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<!-- PROCESS / FLOW -->
|
||
<section class="py-24 bg-white">
|
||
<div class="max-w-6xl mx-auto px-6">
|
||
|
||
<h3 class="text-3xl font-bold text-center mb-14">How CRM Helps You Manage Customers</h3>
|
||
|
||
<div class="grid md:grid-cols-4 gap-6 text-center">
|
||
|
||
<div class="p-6 bg-gray-50 rounded-xl">
|
||
<h4 class="font-bold text-xl mb-2">1. Capture</h4>
|
||
<p class="text-gray-600">Collect leads from website, WhatsApp, social media, calls & ads.</p>
|
||
</div>
|
||
|
||
<div class="p-6 bg-gray-50 rounded-xl">
|
||
<h4 class="font-bold text-xl mb-2">2. Qualify</h4>
|
||
<p class="text-gray-600">Assign leads, add tags, score and filter prospects.</p>
|
||
</div>
|
||
|
||
<div class="p-6 bg-gray-50 rounded-xl">
|
||
<h4 class="font-bold text-xl mb-2">3. Engage</h4>
|
||
<p class="text-gray-600">Send proposals, schedule meetings & track follow-ups.</p>
|
||
</div>
|
||
|
||
<div class="p-6 bg-gray-50 rounded-xl">
|
||
<h4 class="font-bold text-xl mb-2">4. Close</h4>
|
||
<p class="text-gray-600">Close deals, generate invoices & manage customers.</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ANALYTICS -->
|
||
<section class="py-20 bg-gray-900 text-white">
|
||
<div class="max-w-6xl mx-auto px-6">
|
||
|
||
<h3 class="text-3xl font-bold text-center mb-12">CRM Performance Insights</h3>
|
||
|
||
<div class="grid md:grid-cols-4 gap-8 text-center">
|
||
<div>
|
||
<h4 class="text-4xl font-bold">70%</h4>
|
||
<p class="text-gray-300 mt-1">Faster Lead Response</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-4xl font-bold">50%</h4>
|
||
<p class="text-gray-300 mt-1">Increase in Productivity</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-4xl font-bold">2x</h4>
|
||
<p class="text-gray-300 mt-1">More Deal Closures</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-4xl font-bold">90%</h4>
|
||
<p class="text-gray-300 mt-1">Better Customer Retention</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FAQ -->
|
||
<section class="py-20 bg-gray-50">
|
||
<div class="max-w-4xl mx-auto px-6">
|
||
<h3 class="text-3xl font-bold text-center mb-10">FAQs About Our CRM</h3>
|
||
|
||
<div class="space-y-6">
|
||
|
||
<details class="p-6 bg-white rounded-xl shadow">
|
||
<summary class="text-lg font-semibold cursor-pointer">Who is this CRM built for?</summary>
|
||
<p class="mt-3 text-gray-600">Agencies, software companies, real estate, education, medical, retail & service businesses.</p>
|
||
</details>
|
||
|
||
<details class="p-6 bg-white rounded-xl shadow">
|
||
<summary class="text-lg font-semibold cursor-pointer">Can I integrate WhatsApp & Email?</summary>
|
||
<p class="mt-3 text-gray-600">Yes, automated follow-ups, email templates & WhatsApp API supported.</p>
|
||
</details>
|
||
|
||
<details class="p-6 bg-white rounded-xl shadow">
|
||
<summary class="text-lg font-semibold cursor-pointer">Can I track sales team performance?</summary>
|
||
<p class="mt-3 text-gray-600">Yes, with activity logs, deal tracking & team reporting.</p>
|
||
</details>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CTA -->
|
||
<section class="py-20 bg-gradient-to-r from-blue-600 to-blue-700 text-white text-center">
|
||
<div class="max-w-4xl mx-auto px-6">
|
||
<h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Grow Your Business with CRM?</h2>
|
||
<p class="text-blue-100 text-lg mb-10">Start managing your customers and sales pipeline like a pro.</p>
|
||
<a href="#" class="bg-white text-blue-700 px-10 py-3 rounded-xl font-semibold shadow hover:shadow-lg">
|
||
Book a Demo
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
</body>
|
||
</html>
|