Skip to content
This repository was archived by the owner on Nov 29, 2025. It is now read-only.

Commit 2e6845f

Browse files
ashwin31ashwin31
committed
feat: update favicon and add new logo assets; enhance mobile CRM section with app details and download links
1 parent c0bb143 commit 2e6845f

File tree

6 files changed

+186
-9
lines changed

6 files changed

+186
-9
lines changed

‎src/app.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
gtag('config', 'G-JNWHD22PPN');
1212
</script>
1313
<meta charset="utf-8" />
14-
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
14+
<link rel="icon" href="%sveltekit.assets%/logo.png" />
1515
<meta name="viewport" content="width=device-width, initial-scale=1" />
1616
%sveltekit.head%
1717
</head>

‎src/lib/assets/images/logo.png‎

-17.8 KB
Loading

‎src/routes/(site)/+page.svelte‎

Lines changed: 185 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@
1919
MessageCircle,
2020
Github
2121
} from '@lucide/svelte';
22+
import { Download, Zap as MobileZap } from '@lucide/svelte';
2223
2324
let activeFaq = null;
2425
let mounted = false;
@@ -308,8 +309,8 @@
308309
<!-- Mobile CRM & Cloud Access -->
309310
<div class="bg-white rounded-2xl shadow-lg p-8 transition-all duration-300 hover:-translate-y-2 hover:shadow-2xl border border-gray-100 group relative overflow-hidden">
310311
<div class="absolute top-4 right-4">
311-
<span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800 border border-yellow-200">
312-
Coming Soon
312+
<span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800 border border-green-200">
313+
Available Now
313314
</span>
314315
</div>
315316

@@ -318,22 +319,198 @@
318319
</div>
319320

320321
<h3 class="text-2xl font-bold text-gray-900 mb-4">Mobile CRM & Cloud Access</h3>
321-
<p class="text-gray-600 mb-6 leading-relaxed">Access your CRM data anywhere with our responsive, mobile-optimized interface. Work offline, sync data automatically, and manage your business on-the-go. Perfect for sales teams, remote workers, and field service management.</p>
322+
<p class="text-gray-600 mb-6 leading-relaxed">Access your CRM data anywhere with our native mobile app and responsive web interface. Work offline, sync data automatically, and manage your business on-the-go. Perfect for sales teams, remote workers, and field service management.</p>
322323

323324
<ul class="space-y-2">
324325
<li class="flex items-center text-sm text-gray-700">
325326
<Check class="w-4 h-4 text-green-500 mr-2" />
326-
Offline Access
327-
</li>
328-
<li class="flex items-center text-sm text-gray-700">
329-
<Check class="w-4 h-4 text-green-500 mr-2" />
330-
Real-time Sync
327+
Native Mobile App
331328
</li>
332329
<li class="flex items-center text-sm text-gray-700">
333330
<Check class="w-4 h-4 text-green-500 mr-2" />
334331
Cross-platform Support
335332
</li>
336333
</ul>
334+
335+
<div class="mt-4 pt-4 border-t border-gray-200">
336+
<a href="https://play.google.com/store/apps/details?id=io.bottlecrm" target="_blank" rel="noopener noreferrer" class="inline-flex items-center text-blue-600 hover:text-blue-700 font-semibold text-sm">
337+
<Download class="w-4 h-4 mr-1" />
338+
Download Mobile App
339+
<ChevronRight class="w-4 h-4 ml-1" />
340+
</a>
341+
</div>
342+
</div>
343+
</div>
344+
</div>
345+
</section>
346+
347+
<!-- Mobile App Section -->
348+
<section class="py-20 bg-gradient-to-br from-indigo-600 via-purple-700 to-blue-800 text-white relative overflow-hidden">
349+
<div class="absolute inset-0 bg-black/10"></div>
350+
<div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/5 to-transparent"></div>
351+
352+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
353+
<div class="text-center mb-16">
354+
<div class="inline-flex items-center px-4 py-2 rounded-full bg-white/10 backdrop-blur-sm border border-white/20 mb-6">
355+
<Smartphone class="w-5 h-5 mr-2" />
356+
<span class="text-sm font-medium">📱 Now Available on Mobile</span>
357+
</div>
358+
359+
<h2 class="text-4xl md:text-6xl font-extrabold mb-6 leading-tight">
360+
Take Your CRM <span class="text-yellow-300">On The Go</span>
361+
</h2>
362+
<p class="text-xl md:text-2xl mb-8 text-blue-100 leading-relaxed max-w-4xl mx-auto">
363+
Introducing the BottleCRM mobile app - manage your customers, leads, and sales pipeline from anywhere.
364+
Built with Flutter for seamless cross-platform performance.
365+
</p>
366+
</div>
367+
368+
<div class="grid lg:grid-cols-2 gap-12 items-center">
369+
<!-- Left side - App features -->
370+
<div>
371+
<h3 class="text-3xl font-bold mb-8">Mobile CRM Features</h3>
372+
373+
<div class="space-y-6">
374+
<div class="flex items-start space-x-4">
375+
<div class="bg-white/20 rounded-lg p-3 flex-shrink-0">
376+
<Users class="w-6 h-6" />
377+
</div>
378+
<div>
379+
<h4 class="text-xl font-semibold mb-2">Manage Contacts & Leads</h4>
380+
<p class="text-blue-100">Access your complete customer database, add new leads, and update contact information on the go.</p>
381+
</div>
382+
</div>
383+
384+
<div class="flex items-start space-x-4">
385+
<div class="bg-white/20 rounded-lg p-3 flex-shrink-0">
386+
<BarChart3 class="w-6 h-6" />
387+
</div>
388+
<div>
389+
<h4 class="text-xl font-semibold mb-2">Track Sales Pipeline</h4>
390+
<p class="text-blue-100">Monitor deal progress, update opportunity stages, and never miss a follow-up while on the field.</p>
391+
</div>
392+
</div>
393+
394+
<div class="flex items-start space-x-4">
395+
<div class="bg-white/20 rounded-lg p-3 flex-shrink-0">
396+
<CheckSquare class="w-6 h-6" />
397+
</div>
398+
<div>
399+
<h4 class="text-xl font-semibold mb-2">Task Management</h4>
400+
<p class="text-blue-100">Create tasks, set reminders, and manage your daily schedule with integrated task management.</p>
401+
</div>
402+
</div>
403+
404+
405+
</div>
406+
407+
<div class="mt-10 flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
408+
<a href="https://play.google.com/store/apps/details?id=io.bottlecrm" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center px-6 py-4 bg-white text-gray-900 font-semibold rounded-lg hover:bg-gray-100 transition-all duration-200 hover:scale-105 shadow-lg">
409+
<Download class="w-5 h-5 mr-2" />
410+
Download on Google Play
411+
</a>
412+
<a href="https://github.com/MicroPyramid/flutter-crm" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center px-6 py-4 border-2 border-white text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-200">
413+
<Github class="w-5 h-5 mr-2" />
414+
View Mobile Source
415+
</a>
416+
</div>
417+
</div>
418+
419+
<!-- Right side - App showcase -->
420+
<div class="flex justify-center lg:justify-end">
421+
<div class="relative">
422+
<!-- Phone mockup -->
423+
<div class="bg-gray-900 rounded-[3rem] p-4 shadow-2xl">
424+
<div class="bg-white rounded-[2.5rem] overflow-hidden w-80 h-[640px] relative">
425+
<!-- Status bar -->
426+
<div class="bg-gray-100 h-8 flex items-center justify-between px-6 text-xs text-gray-600">
427+
<span>9:41</span>
428+
<div class="flex space-x-1">
429+
<div class="w-4 h-2 bg-gray-400 rounded-sm"></div>
430+
<div class="w-4 h-2 bg-gray-400 rounded-sm"></div>
431+
<div class="w-4 h-2 bg-gray-400 rounded-sm"></div>
432+
</div>
433+
</div>
434+
435+
<!-- App content -->
436+
<div class="p-6 bg-gradient-to-br from-blue-50 to-indigo-100 h-full">
437+
<div class="text-center mb-8">
438+
<div class="w-16 h-16 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-xl mx-auto mb-4 flex items-center justify-center">
439+
<span class="text-white font-bold text-xl">B</span>
440+
</div>
441+
<h3 class="text-xl font-bold text-gray-900">BottleCRM</h3>
442+
<p class="text-gray-600 text-sm">Mobile CRM App</p>
443+
</div>
444+
445+
<!-- Mock UI elements -->
446+
<div class="space-y-4">
447+
<div class="bg-white rounded-lg p-4 shadow-sm">
448+
<div class="flex items-center justify-between mb-2">
449+
<div class="w-24 h-3 bg-blue-200 rounded"></div>
450+
<div class="w-16 h-3 bg-green-200 rounded"></div>
451+
</div>
452+
<div class="w-32 h-2 bg-gray-200 rounded mb-2"></div>
453+
<div class="w-20 h-2 bg-gray-200 rounded"></div>
454+
</div>
455+
456+
<div class="bg-white rounded-lg p-4 shadow-sm">
457+
<div class="flex items-center justify-between mb-2">
458+
<div class="w-28 h-3 bg-purple-200 rounded"></div>
459+
<div class="w-12 h-3 bg-yellow-200 rounded"></div>
460+
</div>
461+
<div class="w-36 h-2 bg-gray-200 rounded mb-2"></div>
462+
<div class="w-24 h-2 bg-gray-200 rounded"></div>
463+
</div>
464+
465+
<div class="bg-white rounded-lg p-4 shadow-sm">
466+
<div class="flex items-center justify-between mb-2">
467+
<div class="w-20 h-3 bg-indigo-200 rounded"></div>
468+
<div class="w-18 h-3 bg-red-200 rounded"></div>
469+
</div>
470+
<div class="w-40 h-2 bg-gray-200 rounded mb-2"></div>
471+
<div class="w-16 h-2 bg-gray-200 rounded"></div>
472+
</div>
473+
</div>
474+
475+
<!-- Bottom navigation mockup -->
476+
<div class="absolute bottom-8 left-6 right-6">
477+
<div class="bg-white rounded-full p-2 shadow-lg flex justify-around">
478+
<div class="w-8 h-8 bg-blue-100 rounded-full"></div>
479+
<div class="w-8 h-8 bg-gray-100 rounded-full"></div>
480+
<div class="w-8 h-8 bg-gray-100 rounded-full"></div>
481+
<div class="w-8 h-8 bg-gray-100 rounded-full"></div>
482+
</div>
483+
</div>
484+
</div>
485+
</div>
486+
</div>
487+
488+
<!-- Floating elements -->
489+
<div class="absolute -top-4 -right-4 bg-green-500 text-white px-3 py-1 rounded-full text-sm font-semibold animate-bounce">
490+
Free Download
491+
</div>
492+
<div class="absolute -bottom-4 -left-4 bg-blue-500 text-white px-3 py-1 rounded-full text-sm font-semibold">
493+
Open Source
494+
</div>
495+
</div>
496+
</div>
497+
</div>
498+
499+
<!-- Stats row -->
500+
<div class="mt-16 text-center">
501+
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-3xl mx-auto">
502+
<div>
503+
<div class="text-3xl font-bold text-yellow-300 mb-2">Flutter</div>
504+
<div class="text-blue-100">Cross-platform mobile framework</div>
505+
</div>
506+
<div>
507+
<div class="text-3xl font-bold text-yellow-300 mb-2">Free</div>
508+
<div class="text-blue-100">No app store fees or subscriptions</div>
509+
</div>
510+
<div>
511+
<div class="text-3xl font-bold text-yellow-300 mb-2">Open Source</div>
512+
<div class="text-blue-100">Fully customizable mobile CRM</div>
513+
</div>
337514
</div>
338515
</div>
339516
</div>

‎static/favicon.png‎

-23.3 KB
Binary file not shown.

‎static/logo.png‎

2.53 KB
Loading

‎static/logo_original.png‎

244 KB
Loading

0 commit comments

Comments
 (0)