diff --git a/App.tsx b/App.tsx index 86db2de..a1c861d 100644 --- a/App.tsx +++ b/App.tsx @@ -159,6 +159,11 @@ import { ThankYou } from "./pages/ThankYou"; import { TradersCircuitProject } from "./pages/TradersCircuitProject"; import { UXReviewPresentations } from "./pages/UXReviewPresentations"; import { WokaProject } from "./pages/WokaProject"; +import { VIB360Project } from "./pages/VIB360Project"; +import { AmbleProject } from "./pages/AmbleProject"; +import { AmozProject } from "./pages/AmozProject"; +import { SimpliTendProject } from "./pages/SimpliTendProject"; +import { CaseStudyComingSoon } from "./pages/CaseStudyComingSoon"; // Create a global navigation context @@ -694,6 +699,9 @@ export default function App() { "/resources/whitepapers-insights": WhitepapersInsights, "/resources/faqs": FAQs, + //Comming Soon / Placeholder Pages + "/comming-soon": () => , + // CONTACT PAGES - Updated to use proper main contact route "/contact-us": Contact, // Contact Us Now page "/contact-us-now": Contact, // Alternative URL for Contact Us Now page @@ -717,6 +725,11 @@ export default function App() { "/projects/goodtimes": GoodTimesProject, "/projects/prosperty": ProspertyProject, "/projects/ranoutof": RanOutOfProject, + "/projects/vib360": VIB360Project, + "/projects/amble": AmbleProject, + "/projects/amoz": AmozProject, + "/projects/simpletend": SimpliTendProject, + // ARTICLE PAGES "/articles/future-of-ai-healthcare": FutureOfAIHealthcare, @@ -730,6 +743,7 @@ export default function App() { "/insights/ux-review-presentations": UXReviewPresentations, "/insights/migrating-to-linear-101": MigratingToLinear101, "/insights/building-your-api-stack": BuildingYourAPIStack, + }; // Check if current path matches any route diff --git a/components/vectors/index.tsx b/components/vectors/index.tsx index 4335441..f7846cb 100644 --- a/components/vectors/index.tsx +++ b/components/vectors/index.tsx @@ -1,3 +1,4 @@ + // Vector Components for Hire Talent and Development Pages export { DeveloperSkillsVector } from './DeveloperSkillsVector'; export { TeamCollaborationVector } from './TeamCollaborationVector'; diff --git a/pages/AmbleProject.tsx b/pages/AmbleProject.tsx new file mode 100644 index 0000000..095bfca --- /dev/null +++ b/pages/AmbleProject.tsx @@ -0,0 +1,628 @@ +import React from "react"; +import { Navigation } from "../components/Navigation"; +import { Footer } from "../components/Footer"; +import { Button } from "../components/ui/button"; +import { Badge } from "../components/ui/badge"; +import { Card, CardContent } from "../components/ui/card"; +import { ArrowRight, Calendar, Users, Smartphone, Globe, Check, Star, TrendingUp, MapPin, Shield, Navigation as NavigationIcon, Zap, Heart, Target, AlertCircle, Clock, UserCheck } from "lucide-react"; +import { navigateTo } from "../App"; +import { ImageWithFallback } from "../components/figma/ImageWithFallback"; + +export const AmbleProject = () => { + return ( +
+ + + {/* Hero Section */} +
+
+
+
+
+
+ + + Navigation App Case Study + +
+ +

+ Amble App +

+ +

+ Accessible Navigation & Community Engagement App - Making urban exploration easier and more inclusive for everyone +

+ + {/* Tech Stack */} +
+ {["React Native", "Node.js", "MongoDB", "Google Maps API", "Firebase Auth"].map((tech) => ( + + {tech} + + ))} +
+ + {/* Key Metrics */} +
+
+ +
4 months
+
Duration
+
+
+ +
6 experts
+
Team Size
+
+
+ +
iOS/Android
+
Platforms
+
+
+ +
4.6★
+
App Rating
+
+
+ + {/* Key Achievements */} +
+

Key Achievements:

+ {[ + "Successfully launched the MVP on both iOS & Android within planned timeline", + "Integrated location-based recommendations and event listings", + "Achieved 4.6★ rating on initial release in app stores", + "Built comprehensive accessibility features for inclusive navigation" + ].map((achievement, index) => ( +
+ + {achievement} +
+ ))} +
+ + {/* CTA Buttons */} +
+ + +
+
+ +
+
+ +
+
+
+
+
+ + {/* Executive Summary */} +
+
+
+

Executive Summary

+

+ Amble is designed to make urban exploration easier and more inclusive. The platform offers curated walking routes, community event listings, and accessibility information for public places, enabling residents and tourists to discover and navigate cities effortlessly. +

+

+ The comprehensive mobile application bridges the gap between navigation tools that lack accessibility information and provides a community-driven platform for discovering local experiences within a single, user-friendly interface. +

+
+
+
+ + {/* Project Overview */} +
+
+
+

Project Overview

+ +
+ + + +

Background & Context

+

+ Many city navigation tools lack accessibility information or curated local experiences. Amble fills this gap by offering inclusive route planning, community-driven recommendations, and event discovery features within a single mobile app. +

+ + + + + + +

Target Audience

+

+ City residents looking for events and walks, tourists exploring new cities, and people with mobility needs requiring accessibility data for inclusive urban navigation and community engagement. +

+ + + + + + +

Business Objectives

+

+ Build an MVP with core walking route and event discovery features, include accessibility tags for public places and routes, enable social sharing of routes and events, and launch in select pilot cities with potential for rapid scaling. +

+ + +
+
+
+
+ + {/* Project Scope */} +
+
+
+

Project Scope

+ +
+
+

Core Features

+
+ {[ + "Curated Walking Routes with distance, duration, and difficulty filters", + "Accessibility Information for public spaces and landmarks", + "Local Event Listings with date, location, and category filters", + "User Profiles for saving favorites and personalizing recommendations", + "Push Notifications for upcoming events or nearby attractions", + "Offline Mode for preloaded routes and maps" + ].map((feature, index) => ( +
+ + {feature} +
+ ))} +
+
+ +
+

Technical Requirements

+
+ {[ + "GPS-based real-time location tracking", + "Map rendering using Google Maps API", + "Cross-platform mobile support via React Native", + "Secure user authentication via Firebase", + "Cloud-based database with offline sync capabilities" + ].map((requirement, index) => ( +
+ + {requirement} +
+ ))} +
+
+
+
+
+
+ + {/* Challenges & Solution Architecture */} +
+
+
+

Challenges & Solution Architecture

+ +
+
+

Technical Challenges

+
+ {[ + "Ensuring accurate GPS tracking in dense urban areas", + "Managing offline data sync for routes and events", + "Designing for accessibility compliance (WCAG standards)" + ].map((challenge, index) => ( +
+ + {challenge} +
+ ))} +
+
+ +
+

Project Management Challenges

+
+ {[ + "Coordinating with local authorities for accessibility data", + "Gathering high-quality route content for launch cities", + "Delivering MVP within 4-month development window" + ].map((challenge, index) => ( +
+ + {challenge} +
+ ))} +
+
+
+ +
+

Technical Architecture

+
+
+

Technology Stack

+
+ {[ + { label: "Frontend", value: "React Native" }, + { label: "Backend", value: "Node.js, Express.js" }, + { label: "Database", value: "MongoDB" }, + { label: "Maps & Location", value: "Google Maps API" }, + { label: "Authentication", value: "Firebase Authentication" }, + { label: "Notifications", value: "Push Notifications" } + ].map((item, index) => ( +
+ {item.label}: + {item.value} +
+ ))} +
+
+ +
+

Architecture Highlights

+
+ {[ + "React Native mobile app with modular feature components", + "Node.js backend with REST API for events, routes, and accessibility data", + "MongoDB database with geospatial indexing for location queries", + "Firebase Auth for secure, scalable authentication", + "Push notification service for engagement campaigns" + ].map((highlight, index) => ( +
+ + {highlight} +
+ ))} +
+
+
+
+
+
+
+ + {/* Development Process */} +
+
+
+

Development Process & Methodology

+ +
+
+

+ Agile (weekly sprints) with weekly sprint planning, mid-sprint QA cycles for early bug detection, and client demos at the end of each sprint +

+
+ +
+ {[ + { + phase: "Discovery & Planning", + duration: "2 weeks", + description: "Feature prioritization, UI/UX wireframing, technical feasibility review" + }, + { + phase: "Design & Prototyping", + duration: "3 weeks", + description: "Mobile UI design for both platforms, map interface prototypes" + }, + { + phase: "Core Development", + duration: "6 weeks", + description: "Walking route module, event listing module, user authentication and profiles" + }, + { + phase: "Integration & Testing", + duration: "4 weeks", + description: "Google Maps API integration, push notifications setup, offline mode implementation" + }, + { + phase: "Launch & Handover", + duration: "1 week", + description: "App store submission, documentation and client training" + } + ].map((item, index) => ( + + +
+
+ {index + 1} +
+ + {item.duration} + +
+

{item.phase}

+

{item.description}

+ + + ))} +
+
+
+
+
+ + {/* Key Features */} +
+
+
+

Key Features & Functionality

+ +
+ {[ + { + icon: NavigationIcon, + title: "Curated Routes", + description: "Localized walking routes with difficulty levels" + }, + { + icon: Calendar, + title: "Events Module", + description: "Browse, filter, and save local events" + }, + { + icon: Heart, + title: "Accessibility Data", + description: "Information on ramps, elevators, and accessible restrooms" + }, + { + icon: Globe, + title: "Offline Maps", + description: "Preload maps and routes for low-connectivity situations" + }, + { + icon: UserCheck, + title: "Personalization", + description: "Save favorites and receive tailored recommendations" + }, + { + icon: Zap, + title: "Push Notifications", + description: "Stay updated on nearby events and attractions" + } + ].map((feature, index) => ( + + + +

{feature.title}

+

{feature.description}

+ + + ))} +
+
+
+
+ + {/* Results & Impact */} +
+
+
+

Results & Impact

+ +
+ {[ + { label: "GPS Accuracy", value: "±6m", icon: MapPin, desc: "average accuracy" }, + { label: "API Response", value: "150ms", icon: Zap, desc: "average response time" }, + { label: "Platform Uptime", value: "99.9%", icon: Shield, desc: "first 3 months" } + ].map((metric, index) => ( + + + +
{metric.value}
+
{metric.label}
+
{metric.desc}
+ + + ))} +
+ +
+
+

Business Impact

+
    + {[ + "Positive reception in pilot cities", + "Enhanced visibility for local events and businesses", + "Increased engagement via push notifications" + ].map((impact, index) => ( +
  • + + {impact} +
    • + ))} +
+
+ +
+

Technical Performance

+
    + {[ + "Average GPS accuracy: ±6 meters", + "API response time: 150ms average", + "99.9% uptime in first 3 months post-launch" + ].map((performance, index) => ( +
  • + + {performance} +
    • + ))} +
+
+
+
+
+
+ + {/* Lessons Learned */} +
+
+
+

Lessons Learned & Best Practices

+ +
+ + +

What Worked Well

+
    + {[ + "Early UI/UX prototyping improved development speed", + "Using Firebase for authentication reduced backend complexity" + ].map((item, index) => ( +
  • + + {item} +
    • + ))} +
+ + + + + +

Key Learnings

+
    + {[ + "Offline mode was more critical for adoption than anticipated", + "Partnering with local organizations improved accessibility data accuracy" + ].map((item, index) => ( +
  • + + {item} +
    • + ))} +
+ + +
+
+
+
+ + {/* Client Testimonial */} +
+
+
+
+ {[...Array(5)].map((_, i) => ( + + ))} +
+
+ "WDI delivered exactly what we envisioned for Amble — an intuitive, inclusive navigation app. Their team understood our mission and translated it into a smooth, polished product that our users love." +
+
+
Founder, Amble
+
Navigation App Client
+
+
+
+
+ + {/* Future Roadmap */} +
+
+
+

Future Roadmap

+ +
+ + +

Next 6 Months

+
    + {[ + "Expand to 10 more cities", + "Add voice navigation for visually impaired users" + ].map((feature, index) => ( +
  • + + {feature} +
    • + ))} +
+ + + + + +

Next 12 Months

+
    + {[ + "Gamification features for walking challenges", + "Integration with public transit APIs" + ].map((vision, index) => ( +
  • + + {vision} +
    • + ))} +
+ + +
+
+
+
+ + {/* CTA Section */} +
+
+
+

+ Ready to Build Your Navigation App? +

+

+ Create accessible, inclusive mobile applications that empower users to explore and navigate their world with confidence. +

+
+ + +
+
+
+
+ +
+
+ ); +}; \ No newline at end of file diff --git a/pages/AmozProject.tsx b/pages/AmozProject.tsx new file mode 100644 index 0000000..10fc055 --- /dev/null +++ b/pages/AmozProject.tsx @@ -0,0 +1,634 @@ +import React from "react"; +import { Navigation } from "../components/Navigation"; +import { Footer } from "../components/Footer"; +import { Button } from "../components/ui/button"; +import { Badge } from "../components/ui/badge"; +import { Card, CardContent } from "../components/ui/card"; +import { ArrowRight, Calendar, Users, Smartphone, Globe, Check, Star, TrendingUp, ShoppingBag, Brain, Zap, MessageCircle, Target, AlertCircle, Clock, DollarSign, Play, Shield, CreditCard } from "lucide-react"; +import { navigateTo } from "../App"; +import { ImageWithFallback } from "../components/figma/ImageWithFallback"; + +export const AmozProject = () => { + return ( +
+ + + {/* Hero Section */} +
+
+
+
+
+
+ + + AI Social Commerce Case Study + +
+ +

+ Amoz Platform +

+ +

+ AI-Powered Social Commerce Platform - Merging social networking and e-commerce with AI-driven recommendations and influencer monetization capabilities +

+ + {/* Tech Stack */} +
+ {["React Native", "Next.js", "Node.js", "PostgreSQL", "TensorFlow", "AWS"].map((tech) => ( + + {tech} + + ))} +
+ + {/* Key Metrics */} +
+
+ +
6 months
+
Duration
+
+
+ +
8 experts
+
Team Size
+
+
+ +
iOS/Android/Web
+
Platforms
+
+
+ +
$1.2M
+
Q1 Transactions
+
+
+ + {/* Key Achievements */} +
+

Key Achievements:

+ {[ + "Onboarded 5,000+ merchants in first 2 months post-launch", + "AI recommendation engine achieved 28% increase in user engagement", + "Processed $1.2M in transactions within first quarter", + "Built unified social + shopping platform with AI-driven personalization" + ].map((achievement, index) => ( +
+ + {achievement} +
+ ))} +
+ + {/* CTA Buttons */} +
+ + +
+
+ +
+
+ +
+
+
+
+
+ + {/* Executive Summary */} +
+
+
+

Executive Summary

+

+ Amoz merges social networking and e-commerce into a single platform, enabling influencers, small businesses, and users to connect, showcase products, and transact seamlessly. AI-driven recommendations enhance product discovery, while built-in messaging and content creation tools drive community engagement. +

+

+ The comprehensive platform bridges the gap between content and transactions, integrating influencer marketing, live product showcases, and frictionless purchasing to create the preferred shopping experience for younger demographics seeking social commerce solutions. +

+
+
+
+ + {/* Project Overview */} +
+
+
+

Project Overview

+ +
+ + + +

Background & Context

+

+ Social commerce is rapidly becoming the preferred shopping experience for younger demographics, but existing solutions often split content and transactions across multiple apps. Amoz bridges this gap with a unified social + shopping platform, integrating influencer marketing, live product showcases, and frictionless purchasing. +

+ + + + + + +

Target Audience

+

+ Influencers & content creators looking to monetize their audience, small-to-medium online merchants seeking social selling platforms, and young consumers seeking social shopping experiences with integrated content discovery and purchasing capabilities. +

+ + + + + + +

Business Objectives

+

+ Create a mobile-first platform combining content and commerce, provide AI-driven personalized product recommendations, enable secure, fast, and user-friendly checkout experience, and offer built-in tools for influencers to monetize their audience effectively. +

+ + +
+
+
+
+ + {/* Project Scope */} +
+
+
+

Project Scope

+ +
+
+

Core Features

+
+ {[ + "AI-Powered Product Recommendations based on browsing, social interactions, and purchase history", + "Influencer Storefronts allowing creators to sell directly via profiles", + "Live Product Showcases with integrated purchase options", + "In-App Messaging for buyer-seller and community engagement", + "Secure Payments with Stripe and multiple local payment gateways", + "Order Tracking with push notifications and delivery updates" + ].map((feature, index) => ( +
+ + {feature} +
+ ))} +
+
+ +
+

Technical Requirements

+
+ {[ + "Scalable microservices backend", + "Real-time chat and live streaming capability", + "AI/ML integration for recommendation algorithms", + "Payment gateway compliance with PCI DSS standards", + "AWS-based cloud infrastructure for hosting and media storage" + ].map((requirement, index) => ( +
+ + {requirement} +
+ ))} +
+
+
+
+
+
+ + {/* Challenges & Solution Architecture */} +
+
+
+

Challenges & Solution Architecture

+ +
+
+

Technical Challenges

+
+ {[ + "Balancing performance with heavy image/video content", + "Building a real-time recommendation system with low latency", + "Implementing seamless live shopping experiences without lag" + ].map((challenge, index) => ( +
+ + {challenge} +
+ ))} +
+
+ +
+

Project Management Challenges

+
+ {[ + "Coordinating between AI, frontend, and payment teams", + "Managing content moderation for a social platform", + "Handling rapid feature iterations while maintaining stability" + ].map((challenge, index) => ( +
+ + {challenge} +
+ ))} +
+
+
+ +
+

Technical Architecture

+
+
+

Technology Stack

+
+ {[ + { label: "Frontend", value: "React Native, Next.js" }, + { label: "Backend", value: "Node.js, Express.js" }, + { label: "Database", value: "PostgreSQL, Redis" }, + { label: "AI/ML", value: "TensorFlow for recommendation engine" }, + { label: "Payments", value: "Stripe Payments" }, + { label: "Infrastructure", value: "AWS S3, Firebase Cloud Messaging" } + ].map((item, index) => ( +
+ {item.label}: + {item.value} +
+ ))} +
+
+ +
+

Architecture Highlights

+
+ {[ + "Hybrid cloud deployment leveraging AWS EC2, S3, and CloudFront for media delivery", + "AI microservice for recommendations and personalization", + "Event-driven architecture using Redis Pub/Sub for real-time updates", + "Multi-tier security with encryption at rest and in transit", + "Optimized media compression pipeline for faster load times" + ].map((highlight, index) => ( +
+ + {highlight} +
+ ))} +
+
+
+
+
+
+
+ + {/* Development Process */} +
+
+
+

Development Process & Methodology

+ +
+
+

+ Agile (2-week sprints) with feature prioritization with merchant and influencer input, weekly demos for stakeholders, continuous integration with automated deployments to staging +

+
+ +
+ {[ + { + phase: "Discovery & Planning", + duration: "3 weeks", + description: "Market analysis of social commerce trends, AI recommendation system design, payment integration planning" + }, + { + phase: "Design & Prototyping", + duration: "5 weeks", + description: "Wireframes for influencer storefronts & live shopping pages, AI model training on sample product datasets" + }, + { + phase: "Core Development", + duration: "10 weeks", + description: "Social feed & product catalog integration, influencer tools & storefronts, recommendation engine integration" + }, + { + phase: "Live Shopping & Messaging", + duration: "5 weeks", + description: "Real-time video streaming module, in-app chat and engagement features" + }, + { + phase: "Testing & Optimization", + duration: "3 weeks", + description: "Load & stress testing for peak events, AI accuracy tuning" + }, + { + phase: "Launch & Scaling", + duration: "2 weeks", + description: "Beta rollout to select merchants & influencers, marketing support and onboarding sessions" + } + ].map((item, index) => ( + + +
+
+ {index + 1} +
+ + {item.duration} + +
+

{item.phase}

+

{item.description}

+ + + ))} +
+
+
+
+
+ + {/* Key Features */} +
+
+
+

Key Features & Functionality

+ +
+ {[ + { + icon: TrendingUp, + title: "Social Feed", + description: "Curated content from influencers & merchants" + }, + { + icon: Brain, + title: "Personalized Recommendations", + description: "AI-driven product suggestions" + }, + { + icon: Play, + title: "Live Shopping", + description: "Real-time events with integrated checkout" + }, + { + icon: MessageCircle, + title: "Direct Messaging", + description: "Buyer-seller communication within the app" + }, + { + icon: CreditCard, + title: "Multi-Channel Payments", + description: "Stripe, local wallets, and COD options" + }, + { + icon: ShoppingBag, + title: "Influencer Storefronts", + description: "Creator-driven product showcases and sales" + } + ].map((feature, index) => ( + + + +

{feature.title}

+

{feature.description}

+ + + ))} +
+
+
+
+ + {/* Results & Impact */} +
+
+
+

Results & Impact

+ +
+ {[ + { label: "Merchant Onboarding", value: "5,000+", icon: Users, desc: "first 2 months" }, + { label: "Engagement Increase", value: "28%", icon: TrendingUp, desc: "AI recommendations" }, + { label: "Q1 Transactions", value: "$1.2M", icon: DollarSign, desc: "processed" }, + { label: "AI Response Time", value: "180ms", icon: Zap, desc: "average" } + ].map((metric, index) => ( + + + +
{metric.value}
+
{metric.label}
+
{metric.desc}
+ + + ))} +
+ +
+
+

Business Impact

+
    + {[ + "28% higher engagement from personalized recommendations", + "Increased merchant sales through influencer storefronts", + "Faster product discovery and higher repeat purchase rates" + ].map((impact, index) => ( +
  • + + {impact} +
    • + ))} +
+
+ +
+

Technical Performance

+
    + {[ + "Average AI recommendation response time: 180ms", + "Live stream latency: < 2 seconds", + "99.9% uptime in first 90 days" + ].map((performance, index) => ( +
  • + + {performance} +
    • + ))} +
+
+
+
+
+
+ + {/* Lessons Learned */} +
+
+
+

Lessons Learned & Best Practices

+ +
+ + +

What Worked Well

+
    + {[ + "AI-first design approach improved engagement from day one", + "Early influencer partnerships boosted platform credibility" + ].map((item, index) => ( +
  • + + {item} +
    • + ))} +
+ + + + + +

Key Learnings

+
    + {[ + "Live shopping events require extensive pre-launch testing", + "Merchant onboarding must include content quality training" + ].map((item, index) => ( +
  • + + {item} +
    • + ))} +
+ + +
+
+
+
+ + {/* Client Testimonial */} +
+
+
+
+ {[...Array(5)].map((_, i) => ( + + ))} +
+
+ "WDI understood the vision for Amoz perfectly — merging social and commerce in a seamless experience. The AI recommendations have been a game changer for engagement and sales." +
+
+
Founders, Amoz
+
Social Commerce Platform Client
+
+
+
+
+ + {/* Future Roadmap */} +
+
+
+

Future Roadmap

+ +
+ + +

Next 6 Months

+
    + {[ + "AI-driven influencer matching for merchants", + "Multi-language support for broader market reach" + ].map((feature, index) => ( +
  • + + {feature} +
    • + ))} +
+ + + + + +

Next 12 Months

+
    + {[ + "Augmented reality (AR) product previews", + "Cross-border merchant onboarding and international payment integration" + ].map((vision, index) => ( +
  • + + {vision} +
    • + ))} +
+ + +
+
+
+
+ + {/* CTA Section */} +
+
+
+

+ Ready to Build Your AI Commerce Platform? +

+

+ Create innovative social commerce solutions that merge AI-powered recommendations with seamless shopping experiences for the next generation of consumers. +

+
+ + +
+
+
+
+ +
+
+ ); +}; \ No newline at end of file diff --git a/pages/CaseStudies.tsx b/pages/CaseStudies.tsx index 77cb1a7..9abd34a 100644 --- a/pages/CaseStudies.tsx +++ b/pages/CaseStudies.tsx @@ -1,81 +1,70 @@ -import React, { useState } from "react"; import { motion } from "framer-motion"; -import { Navigation } from "../components/Navigation"; +import { + Activity, + ArrowRight, + ArrowUpRight, + Award, + Building2, + FlaskConical, + Globe, + Heart, + Package, + PartyPopper, + Search, + ShoppingCart, + Star, + Tractor, + TrendingUp, + Trophy, + Tv, + Users, + Utensils +} from "lucide-react"; +import { useState } from "react"; +import { Helmet } from "react-helmet-async"; +import { navigateTo } from "../App"; +import { ImageWithFallback } from "../components/figma/ImageWithFallback"; import { Footer } from "../components/Footer"; -import { Card, CardContent } from "../components/ui/card"; -import { Button } from "../components/ui/button"; +import { Navigation } from "../components/Navigation"; import { Badge } from "../components/ui/badge"; +import { Button } from "../components/ui/button"; +import { Card, CardContent } from "../components/ui/card"; import { Input } from "../components/ui/input"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/ui/select"; -import { - Search, Filter, ArrowRight, ExternalLink, Clock, Users, TrendingUp, - Star, Award, Building2, Smartphone, Heart, ShoppingCart, GraduationCap, - FileText, ArrowUpRight -} from "lucide-react"; -import { ImageWithFallback } from "../components/figma/ImageWithFallback"; -import { navigateTo } from "../App"; -import ranoutofLocalImage from '../src/images/ranoutof.webp'; -import regroupLocalImage from '../src/images/regroup.webp'; -import seezunLocalImage from '../src/images/seezun.webp'; -import tanamiLocalImage from '../src/images/tanami.webp'; -import wokasideawardLocalImage from '../src/images/woka-side-award.webp'; -import traderCircuitLocalImage from '../src/images/traders-circuit.webp'; -import goodTimesLocalImage from '../src/images/goodtimes.webp'; -import prospertyLocalImage from '../src/images/prosperty.webp'; -import { Helmet } from "react-helmet-async"; +import ambleCase from "../src/images/amble-case.webp"; +import ranoutofCase from "../src/images/ranoutof-case.webp"; +import seezunCase from "../src/images/seezun-case.webp"; +import tcCase from "../src/images/tc-case.webp"; +import wokaCase from "../src/images/woka-case.webp"; +import gtCase from "../src/images/gt-case.webp"; +import RrCase from "../src/images/resturant-reward-case.webp"; +import dkCase from "../src/images/dkCase.webp"; +import vib360Case from "../src/images/vib360Case.webp"; +import niftyCase from "../src/images/niftyCase.webp"; +import prospertyCase from "../src/images/prospertyCase.webp"; +import simplitendCase from "../src/images/simplitendCase.webp"; +import amozCase from "../src/images/amozCase.webp"; +import farmCase from "../src/images/farmCase.webp"; +import leanCase from "../src/images/leanCase.webp"; -// High-quality project images -const ranOutOfImage = ranoutofLocalImage; -const seezunImage = seezunLocalImage; -const wokaImage = wokasideawardLocalImage; -const regroupImage = regroupLocalImage; -const tanamiImage = tanamiLocalImage; -const tradersCircuitImage = traderCircuitLocalImage; -const goodTimesImage = goodTimesLocalImage; -const prospertyImage = prospertyLocalImage; - const caseStudies = [ { id: 1, title: "RanOutOf", - subtitle: "Household Management Revolution", - description: "Smart inventory management app that helps households track supplies, create shopping lists, and reduce waste through intelligent notifications.", - image: ranOutOfImage, + image: ranoutofCase, category: "Lifestyle", industry: "Consumer", - client: "RanOutOf Technologies", - duration: "6 months", - teamSize: "8 developers", - technologies: ["React Native", "Node.js", "MongoDB", "AI/ML", "Push Notifications"], - results: [ - { metric: "Food Waste Reduction", value: "-45%" }, - { metric: "Shopping Efficiency", value: "+60%" }, - { metric: "User Satisfaction", value: "4.7/5" } - ], - awards: ["Best Lifestyle App 2023"], featured: true, link: "/projects/ranoutof", - icon: Heart + icon: Package }, { id: 2, title: "Seezun", - subtitle: "E-commerce Platform Innovation", - description: "Next-generation e-commerce solution with AI-powered recommendations, seamless checkout, and advanced analytics for modern retailers.", - image: seezunImage, + image: seezunCase, category: "E-commerce", industry: "Retail", - client: "Seezun Retail Corp", - duration: "8 months", - teamSize: "12 developers", - technologies: ["React", "Python", "PostgreSQL", "Redis", "Stripe", "AWS"], - results: [ - { metric: "Conversion Rate", value: "+185%" }, - { metric: "Page Load Speed", value: "1.8s" }, - { metric: "Revenue Growth", value: "+240%" } - ], - awards: ["E-commerce Excellence Award", "Innovation in Retail"], featured: true, link: "/projects/seezun", icon: ShoppingCart @@ -83,139 +72,137 @@ const caseStudies = [ { id: 3, title: "Woka", - subtitle: "Fitness & Wellness Platform", - description: "Comprehensive fitness app with personalized workout plans, nutrition tracking, and community features that won multiple industry awards.", - image: wokaImage, + image: wokaCase, category: "Health & Fitness", industry: "Healthcare", - client: "Woka Wellness Inc", - duration: "10 months", - teamSize: "15 developers", - technologies: ["Flutter", "Firebase", "TensorFlow", "HealthKit", "Google Fit"], - results: [ - { metric: "User Retention", value: "+320%" }, - { metric: "Workout Completions", value: "2M+" }, - { metric: "App Store Rating", value: "4.9/5" } - ], - awards: ["App of the Year 2023", "Health Innovation Award"], featured: true, link: "/projects/woka", - icon: Heart - }, - { - id: 4, - title: "Regroup", - subtitle: "Social Networking Platform", - description: "Revolutionary social platform connecting communities worldwide with advanced messaging, group management, and content sharing capabilities.", - image: regroupImage, - category: "Social", - industry: "Technology", - client: "Regroup Technologies", - duration: "12 months", - teamSize: "18 developers", - technologies: ["React Native", "Node.js", "MongoDB", "WebRTC", "Socket.io"], - results: [ - { metric: "User Engagement", value: "+280%" }, - { metric: "Active Communities", value: "75K+" }, - { metric: "Daily Messages", value: "5M+" } - ], - awards: ["Best Social App 2023"], - featured: true, - link: "/projects/regroup", - icon: Users - }, - { - id: 5, - title: "Tanami", - subtitle: "Agricultural Technology Solution", - description: "Smart farming platform that combines IoT sensors, weather data, and machine learning to optimize crop yields and reduce resource usage.", - image: tanamiImage, - category: "AgriTech", - industry: "Agriculture", - client: "Tanami Farms Ltd", - duration: "9 months", - teamSize: "10 developers", - technologies: ["React", "Python", "IoT", "TensorFlow", "AWS IoT"], - results: [ - { metric: "Crop Yield Increase", value: "+35%" }, - { metric: "Water Usage Reduction", value: "-40%" }, - { metric: "Cost Savings", value: "$2.5M" } - ], - awards: ["AgriTech Innovation Award"], - featured: false, - link: "/projects/tanami", - icon: Building2 + icon: Tv }, { id: 6, title: "Traders Circuit", - subtitle: "Financial Trading Platform", - description: "Advanced trading platform with real-time market data, algorithmic trading capabilities, and comprehensive portfolio management tools.", - image: tradersCircuitImage, + image: tcCase, category: "FinTech", industry: "Finance", - client: "Traders Circuit LLC", - duration: "14 months", - teamSize: "20 developers", - technologies: ["React", "Node.js", "WebSocket", "Redis", "PostgreSQL"], - results: [ - { metric: "Trading Volume", value: "$500M+" }, - { metric: "Platform Uptime", value: "99.9%" }, - { metric: "User Growth", value: "+150%" } - ], - awards: ["FinTech Excellence Award"], - featured: false, + featured: true, link: "/projects/traderscircuit", icon: TrendingUp }, { id: 7, title: "Good Times", - subtitle: "Event Management Platform", - description: "Comprehensive event management solution for organizing, promoting, and managing events of all sizes with integrated ticketing and analytics.", - image: goodTimesImage, + image: gtCase, category: "Events", industry: "Entertainment", - client: "Good Times Events", - duration: "7 months", - teamSize: "9 developers", - technologies: ["Vue.js", "Laravel", "MySQL", "Stripe", "SendGrid"], - results: [ - { metric: "Events Managed", value: "10K+" }, - { metric: "Ticket Sales", value: "+200%" }, - { metric: "Customer Satisfaction", value: "4.8/5" } - ], - awards: ["Event Tech Innovation"], - featured: false, + featured: true, link: "/projects/goodtimes", - icon: Star + icon: PartyPopper }, { id: 8, + title: "Resturant Reward App", + image: RrCase, + category: "Loyalty & Rewards", + industry: "Hospitality", + featured: false, + link: "/comming-soon", + icon: Utensils + }, + { + id: 9, + title: "Amble", + image: ambleCase, + category: "Social", + industry: "Heritage", + featured: false, + link: "/projects/amble", + icon: Users + }, + { + id: 10, + title: "Amoz", + image: amozCase, + category: "Lifestyle", + industry: "Consumer", + featured: false, + link: "/projects/amoz", + icon: Heart + }, + { + id: 11, + title: "Dorf Ketal", + image: dkCase, + category: "Lifestyle", + industry: "Chemicals", + featured: false, + link: "/comming-soon", + icon: FlaskConical + }, + { + id: 12, + title: "VIB360", + image: vib360Case, + category: "Lifestyle", + industry: "Consumer", + featured: false, + link: "/projects/vib360", + icon: Activity + }, + { + id: 13, + title: "Nifty 11", + image: niftyCase, + category: "Lifestyle", + industry: "Consumer", + featured: false, + link: "/comming-soon", + icon: Trophy + }, + { + id: 13, title: "Prosperty", - subtitle: "Real Estate Investment Platform", - description: "Digital platform for real estate investment with property analysis, portfolio management, and automated investment recommendations.", - image: prospertyImage, - category: "PropTech", + image: prospertyCase, + category: "Lifestyle", industry: "Real Estate", - client: "Prosperty Investments", - duration: "11 months", - teamSize: "13 developers", - technologies: ["React", "Python", "PostgreSQL", "ML", "Blockchain"], - results: [ - { metric: "Investment Volume", value: "$100M+" }, - { metric: "Portfolio Performance", value: "+25%" }, - { metric: "User Base Growth", value: "+300%" } - ], - awards: ["PropTech Innovation Award"], featured: false, link: "/projects/prosperty", icon: Building2 - } + }, + { + id: 14, + title: "Simpletend", + image: simplitendCase, + category: "Health & Fitness", + industry: "Healthcare", + featured: false, + link: "/projects/simpletend", + icon: Activity + }, + { + id: 15, + title: "Farm Feeder", + image: farmCase, + category: "AgriTech", + industry: "Agriculture", + featured: false, + link: "/projects/farmfeeder", + icon: Tractor + }, + { + id: 16, + title: "Lean In World", + image: leanCase, + category: "AgriTech", + industry: "Agriculture", + featured: false, + link: "/projects/leaninworld", + icon: Globe + }, ]; -const industries = ["All Industries", "Consumer", "Retail", "Healthcare", "Technology", "Agriculture", "Finance", "Entertainment", "Real Estate"]; -const categories = ["All Categories", "Lifestyle", "E-commerce", "Health & Fitness", "Social", "AgriTech", "FinTech", "Events", "PropTech"]; +const industries = ["All Industries", "Consumer", "Retail", "Healthcare", "Technology", "Agriculture", "Finance", "Entertainment", "Real Estate","Heritage","Chemicals","Hospitality"]; +const categories = ["All Categories", "Lifestyle", "E-commerce", "Health & Fitness", "Social", "AgriTech", "FinTech", "Events", "PropTech","Loyalty & Rewards"]; export const CaseStudies = () => { const [searchTerm, setSearchTerm] = useState(""); @@ -224,13 +211,21 @@ export const CaseStudies = () => { const [showFeaturedOnly, setShowFeaturedOnly] = useState(false); // Filter case studies based on search and filters - const filteredCaseStudies = caseStudies.filter(study => { - const matchesSearch = study.title.toLowerCase().includes(searchTerm.toLowerCase()) || - study.description.toLowerCase().includes(searchTerm.toLowerCase()) || - study.technologies.some(tech => tech.toLowerCase().includes(searchTerm.toLowerCase())); + const filteredCaseStudies = caseStudies.filter((study) => { + const search = searchTerm.toLowerCase(); + + // Now we only check against `title`, `category`, and `industry` + const matchesSearch = + study.title.toLowerCase().includes(search) || + study.category.toLowerCase().includes(search) || + study.industry.toLowerCase().includes(search); + + const matchesIndustry = + selectedIndustry === "All Industries" || study.industry === selectedIndustry; + + const matchesCategory = + selectedCategory === "All Categories" || study.category === selectedCategory; - const matchesIndustry = selectedIndustry === "All Industries" || study.industry === selectedIndustry; - const matchesCategory = selectedCategory === "All Categories" || study.category === selectedCategory; const matchesFeatured = !showFeaturedOnly || study.featured; return matchesSearch && matchesIndustry && matchesCategory && matchesFeatured; @@ -365,7 +360,7 @@ export const CaseStudies = () => { - diff --git a/pages/CaseStudyComingSoon.tsx b/pages/CaseStudyComingSoon.tsx new file mode 100644 index 0000000..60990dc --- /dev/null +++ b/pages/CaseStudyComingSoon.tsx @@ -0,0 +1,353 @@ +import React from 'react'; +import { + ArrowRight, + Clock, + FileText, + Lightbulb, + Users, + Code2, + Smartphone, + Building2, + Heart, + ShoppingCart, + GraduationCap, + Briefcase, + Cpu, + Utensils, + MapPin, + Scale, + Leaf, + Music, + MessageCircle, + Truck, + Star as StarIcon, + Church, + Shield, + Database, + Zap +} from 'lucide-react'; +import { navigateTo } from '../App'; +import { Navigation } from '@/components/Navigation'; +import { Badge } from '@/components/ui/badge'; +import { Card, CardContent } from '@/components/ui/card'; +import { Button } from '@/components/ui/button'; +import { Footer } from '@/components/Footer'; + +interface CaseStudyComingSoonProps { + projectTitle?: string; + industry?: string; + subtitle?: string; + expectedLaunch?: string; + description?: string; + services?: string[]; + technologies?: string[]; +} + +export const CaseStudyComingSoon: React.FC = ({ + projectTitle, + industry = "Technology", + subtitle, + expectedLaunch = "Q2 2024", + description, + services = [], + technologies = [] +}) => { + const getIndustryIcon = (industry: string) => { + const icons = { + "Technology": Smartphone, + "E-commerce": ShoppingCart, + "Education": GraduationCap, + "FinTech": Building2, + "Entertainment": Music, + "Real Estate": Building2, + "IoT": Cpu, + "Healthcare": Heart, + "Social Media": MessageCircle, + "Government": Shield, + "Automotive": Building2, + "Food & Beverage": Utensils, + "Agriculture": Leaf, + "Enterprise Software": Database, + "Travel": MapPin, + "Legal": Scale, + "Logistics": Truck, + "Wellness": StarIcon, + "Religious": Church, + "HR Tech": Briefcase + }; + return icons[industry as keyof typeof icons] || Building2; + }; + + const IconComponent = getIndustryIcon(industry); + + return ( +
+ + + {/* Hero Section */} +
+ {/* Background Pattern */} +
+
+
+ +
+
+ {/* Coming Soon Badge */} +
+ + + Case Study Coming Soon + +
+ + {/* Project Title */} +

+ {projectTitle} +

+ + {/* Subtitle */} + {subtitle && ( +

+ {subtitle} +

+ )} + + {/* Industry Badge */} +
+ + + {industry} + +
+ + {/* Description */} + {description ? ( +

+ {description} +

+ ) : ( +

+ We're currently working on documenting this exciting project case study. + Our team is gathering comprehensive insights, results, and learnings to share with you soon. +

+ )} + + {/* Expected Launch */} +
+
+ + Expected: {expectedLaunch} +
+
+
+
+
+ + {/* What to Expect Section */} +
+
+
+

+ What to Expect +

+

+ This case study will provide detailed insights into our development process, challenges overcome, and results achieved. +

+
+ +
+ {/* Development Process */} + + +
+ +
+

+ Development Journey +

+

+ Detailed breakdown of our technical approach, architecture decisions, and development methodology. +

+ + + + {/* Challenges & Solutions */} + + +
+ +
+

+ Challenges & Solutions +

+

+ Key obstacles encountered during development and innovative solutions implemented by our team. +

+ + + + {/* Results & Impact */} + + +
+ +
+

+ Results & Impact +

+

+ Measurable outcomes, user feedback, and business impact achieved through our solution. +

+ + +
+
+
+ + {/* Project Preview Section */} + {(services.length > 0 || technologies.length > 0) && ( +
+
+
+

+ Project Overview +

+ +
+ {/* Services */} + {services.length > 0 && ( + + +

+ Services Provided +

+
+ {services.map((service, index) => ( + + {service} + + ))} +
+ + + )} + + {/* Technologies */} + {technologies.length > 0 && ( + + +

+ Technologies Used +

+
+ {technologies.map((tech, index) => ( + + {tech} + + ))} +
+ + + )} +
+
+
+
+ )} + + {/* Progress Indicator */} +
+
+
+

+ Documentation Progress +

+ + {/* Progress Bar */} +
+
+ Research & Analysis + 75% +
+
+
+
+
+ +

+ Our team is currently gathering detailed project insights, conducting stakeholder interviews, + and preparing comprehensive documentation to showcase this project's journey and impact. +

+ + {/* Subscribe for Updates */} + +

+ Get Notified When Published +

+

+ Join our mailing list to be the first to know when this case study goes live. +

+ + +
+
+
+ + {/* Explore Other Case Studies */} +
+
+
+

+ Explore Our Published Case Studies +

+

+ While you wait for this case study, discover other successful projects we've completed for our clients. +

+
+ + +
+
+
+
+ +
+
+ ); +}; + + + +export default CaseStudyComingSoon; \ No newline at end of file diff --git a/pages/SimpliTendProject.tsx b/pages/SimpliTendProject.tsx new file mode 100644 index 0000000..29dc5dc --- /dev/null +++ b/pages/SimpliTendProject.tsx @@ -0,0 +1,632 @@ +import React from "react"; +import { Navigation } from "../components/Navigation"; +import { Footer } from "../components/Footer"; +import { Button } from "../components/ui/button"; +import { Badge } from "../components/ui/badge"; +import { Card, CardContent } from "../components/ui/card"; +import { ArrowRight, Calendar, Users, Smartphone, Shield, Check, Star, TrendingUp, Heart, Bell, MapPin, User, Clock, Target, Zap, Database, Globe, Lock, Activity, AlertCircle } from "lucide-react"; +import { navigateTo } from "../App"; +// import simplitendImage from "figma:asset/b921f42de70695ee319496c3c3eee9a961c5297b.png"; + +const simplitendImage = "https://via.placeholder.com/600x600.png?text=SimpliTend+App+Image"; + +export const SimpliTendProject = () => { + return ( +
+ + + {/* Hero Section */} +
+
+
+
+
+
+ + + Healthcare Technology Case Study + +
+ +

+ SimpliTend App +

+ +

+ Independence Plus Peace of Mind: Caregiver–Patient Connected Mobile Platform for Enhanced Safety and Communication +

+ + {/* Tech Stack */} +
+ {["React Native", "Node.js", "MongoDB", "AWS Cloud"].map((tech) => ( + + {tech} + + ))} +
+ + {/* Key Metrics */} +
+
+ +
10 months
+
Duration
+
+
+ +
9 experts
+
Team Size
+
+
+ +
iOS & Android
+
Platforms
+
+
+ +
Healthcare
+
Industry
+
+
+ + {/* Key Achievements */} +
+

Key Achievements:

+ {[ + "3-tier SKU system for different demographics (Junior, Adult, Senior)", + "Persistent, tamper-proof patient app experience", + "Fully secure caregiver–patient synchronization", + "Comprehensive geofence and alert system" + ].map((achievement, index) => ( +
+ + {achievement} +
+ ))} +
+ + {/* CTA Buttons */} +
+ + +
+
+ +
+
+ SimpliTend App +
+
+
+
+
+ + {/* Executive Summary */} +
+
+
+

Executive Summary

+

+ The SimpliTend App bridges the gap between caregivers and individuals needing assistance by delivering a simplified, secure mobile environment for patients and a connected, monitoring tool for caregivers. Designed for safety and ease-of-use, it addresses challenges such as spam blocking, navigation assistance, medication reminders, and emergency contact alerts. +

+

+ With a dual-application system — one for patients and one for caregivers — SimpliTend ensures safety, independence, and real-time communication for older adults, individuals with early-stage dementia, and their support networks. +

+
+
+
+ + {/* Project Overview */} +
+
+
+

Project Overview

+ +
+ + + +

Background & Context

+

+ Millions of older adults and individuals with cognitive impairments face barriers to using smartphones safely, while caregivers struggle to stay updated on their wellbeing. SimpliTend addresses these challenges with a dual-application system ensuring safety, independence, and real-time communication. +

+ + + + + + +

Target Audience

+

+ Older adults with early signs of dementia, adults with autism, caregivers (family members, professionals, volunteers), and secondary markets including working parents wanting child safety and families of independent but aging parents. +

+ + + + + + +

Business Objectives

+

+ Provide simplified UI/UX for patients to minimize errors and confusion, enable caregivers to monitor activities and receive real-time alerts, offer tiered subscription plans for different use cases, and ensure secure data handling with role-based access. +

+ + +
+
+
+
+ + {/* Project Scope */} +
+
+
+

Project Scope

+ +
+
+

Patient App Features

+
+ {[ + "Simplified home screen (Call, Text, Voicemail, Photos, Direction to Home, Help, Apps)", + "Spam blocking for calls, SMS, and browser links", + "Medication and appointment reminders", + "Geofencing with travel-based temporary zones", + "Emergency contact (ICE) calling" + ].map((feature, index) => ( +
+ + {feature} +
+ ))} +
+
+ +
+

Caregiver App Features

+
+ {[ + "Real-time notifications for key events (medication, geofence breach, emergency calls)", + "Status view for location, device health, unread messages", + "Multi-patient support", + "Secure login and data sync" + ].map((feature, index) => ( +
+ + {feature} +
+ ))} +
+
+
+
+
+
+ + {/* Challenges & Solution Architecture */} +
+
+
+

Challenges & Solution Architecture

+ +
+
+

Technical Challenges

+
+ {[ + "Designing a persistent app that cannot be unintentionally closed or uninstalled by patients", + "Synchronizing multi-patient data securely across devices", + "Maintaining usability for low-vision and low-tech users" + ].map((challenge, index) => ( +
+ + {challenge} +
+ ))} +
+
+ +
+

Project Management Challenges

+
+ {[ + "Coordinating feedback from diverse caregiver groups", + "Adapting feature sets for different SKU models (Junior, Adult, Senior)", + "Extensive testing across multiple Android and iOS devices for accessibility" + ].map((challenge, index) => ( +
+ + {challenge} +
+ ))} +
+
+
+ +
+

Technical Architecture

+
+
+

Technology Stack

+
+ {[ + { label: "Frontend", value: "React Native" }, + { label: "Backend", value: "Node.js + Express" }, + { label: "Database", value: "MongoDB (secure cloud + local storage)" }, + { label: "Hosting", value: "AWS" }, + { label: "Authentication", value: "JWT with caregiver–patient pairing PIN" } + ].map((item, index) => ( +
+ {item.label}: + {item.value} +
+ ))} +
+
+ +
+

Architecture Highlights

+
+ {[ + "Dual-app design (separate patient & caregiver apps) for tailored functionality", + "Event-driven alerting system with geofence triggers", + "Local-first configuration to prevent operational downtime", + "Strong accessibility compliance (large fonts, high contrast, labeled icons)" + ].map((highlight, index) => ( +
+ + {highlight} +
+ ))} +
+
+
+
+
+
+
+ + {/* Development Process */} +
+
+
+

Development Process & Methodology

+ +
+
+

+ Agile with 2-week sprints, early user testing with target caregiver–patient pairs, iterative refinement based on live scenario trials +

+
+ +
+ {[ + { + phase: "Discovery & Planning", + duration: "3 weeks", + description: "Market research, caregiver interviews, feature prioritization" + }, + { + phase: "Design & Prototyping", + duration: "4 weeks", + description: "Accessibility-first UI, caregiver dashboard mockups" + }, + { + phase: "Core Development", + duration: "8 weeks", + description: "Patient simplified UI, caregiver alert system, pairing workflow" + }, + { + phase: "Feature Expansion", + duration: "6 weeks", + description: "Geofence, medication reminders, ICE integration" + }, + { + phase: "Testing & Optimization", + duration: "4 weeks", + description: "Accessibility compliance, multi-device validation" + }, + { + phase: "Deployment & Training", + duration: "3 weeks", + description: "App store launch, caregiver onboarding" + } + ].map((item, index) => ( + + +
+
+ {index + 1} +
+ + {item.duration} + +
+

{item.phase}

+

{item.description}

+ + + ))} +
+
+
+
+
+ + {/* Key Features */} +
+
+
+

Key Features & Functionality

+ +
+ {[ + { + icon: User, + title: "Tiered SKUs", + description: "SimpliTend Junior for child safety tracking, Adult for mild support needs, and Senior for full support suite with ICE and advanced restrictions." + }, + { + icon: Bell, + title: "Alerts & Notifications", + description: "Geofence exit/entry, medication reminders & refills, low battery warnings, and emergency contact activations." + }, + { + icon: Shield, + title: "Secure Caregiver Access", + description: "Multi-patient dashboard, role-based permissions, and PIN verification pairing for enhanced security." + }, + { + icon: MapPin, + title: "Geofencing System", + description: "Dynamic temporary address handling with smart zone management for enhanced safety monitoring." + }, + { + icon: Lock, + title: "Persistent App Operation", + description: "Tamper-proof patient app with OS-level resilience measures to prevent accidental closure or uninstallation." + }, + { + icon: Activity, + title: "Health Monitoring", + description: "Medication tracking, appointment reminders, and comprehensive health status monitoring for caregivers." + } + ].map((feature, index) => ( + + + +

{feature.title}

+

{feature.description}

+ + + ))} +
+
+
+
+ + {/* Results & Impact */} +
+
+
+

Results & Impact

+ +
+ {[ + { label: "SKU Versions", value: "3", icon: User }, + { label: "App Operation", value: "100%", icon: Shield }, + { label: "Spam Reduction", value: "80%", icon: Lock }, + { label: "Caregiver Awareness", value: "Real-time", icon: Bell } + ].map((metric, index) => ( + + + +
{metric.value}
+
{metric.label}
+ + + ))} +
+ +
+
+

Technical Achievements

+
    + {[ + "Built a geofence system with dynamic temporary address handling", + "Designed an uncloseable patient app with OS-level resilience measures", + "Implemented secure caregiver–patient linking with unique PINs per pairing" + ].map((achievement, index) => ( +
  • + + {achievement} +
    • + ))} +
+
+ +
+

Business Value

+
    + {[ + "3 SKU versions launched for different audiences", + "100% persistent app operation in testing environments", + "80% reduction in spam/scam contact for patient devices", + "Real-time caregiver awareness of patient safety and activities" + ].map((value, index) => ( +
  • + + {value} +
    • + ))} +
+
+
+
+
+
+ + {/* Lessons Learned */} +
+
+
+

Lessons Learned & Best Practices

+ +
+ + +

What Worked Well

+
    + {[ + "Accessibility-first design improved adoption by low-tech users", + "Separate patient and caregiver apps simplified user experiences" + ].map((item, index) => ( +
  • + + {item} +
    • + ))} +
+ + + + + +

Key Learnings

+
    + {[ + "SKU flexibility enables broader market reach", + "Real-world caregiver trials are essential for feature prioritization" + ].map((item, index) => ( +
  • + + {item} +
    • + ))} +
+ + +
+
+
+
+ + {/* Client Testimonial */} +
+
+
+
+ {[...Array(5)].map((_, i) => ( + + ))} +
+
+ "SimpliTend gives my mother the independence she wants while ensuring I know she's safe. The interface is so simple that she uses it without frustration, and I get notified immediately if something is wrong." +
+
+
Family Caregiver
+
Beta User
+
+
+
+
+ + {/* Future Roadmap */} +
+
+
+

Future Roadmap

+ +
+ + +

Phase 2 (6 Months)

+
    + {[ + "Premium caregiver features (history reports, analytics)", + "Integration with wearable health devices" + ].map((feature, index) => ( +
  • + + {feature} +
    • + ))} +
+ + + + + +

Phase 3 (12 Months)

+
    + {[ + "AI-driven predictive alerts", + "Voice assistant integration" + ].map((vision, index) => ( +
  • + + {vision} +
    • + ))} +
+ + +
+
+
+
+ + {/* CTA Section */} +
+
+
+

+ Ready to Build Your Healthcare Solution? +

+

+ Create innovative healthcare applications that bridge the gap between patients and caregivers with secure, accessible technology. +

+
+ + +
+
+
+
+ +
+
+ ); +}; \ No newline at end of file diff --git a/pages/VIB360Project.tsx b/pages/VIB360Project.tsx new file mode 100644 index 0000000..668fed2 --- /dev/null +++ b/pages/VIB360Project.tsx @@ -0,0 +1,637 @@ +import React from "react"; +import { Navigation } from "../components/Navigation"; +import { Footer } from "../components/Footer"; +import { Button } from "../components/ui/button"; +import { Badge } from "../components/ui/badge"; +import { Card, CardContent } from "../components/ui/card"; +import { ArrowRight, Calendar, Users, Smartphone, Globe, Monitor, Check, Star, TrendingUp, Factory, Shield, Zap, Settings, Target, AlertCircle, Clock, Database, Wifi, BarChart3, Bell, Activity, Wrench, Brain } from "lucide-react"; +import { navigateTo } from "../App"; +// import vib360Image from "figma:asset/6e4d0e4c1e2f3a4b5c6d7e8f9g0h1i2j3k4l5m6n7o8p9q0r1s2t.png"; + +const vib360Image = "https://via.placeholder.com/600x600.png?text=VIB360+Platform+Image"; + +export const VIB360Project = () => { + return ( +
+ + + {/* Hero Section */} +
+
+
+
+
+
+ + + Industrial IoT Case Study + +
+ +

+ VIB360 Platform +

+ +

+ Industrial IoT Vibration Monitoring & Predictive Maintenance Platform - AI-enabled solution for real-time monitoring and operational efficiency +

+ + {/* Tech Stack */} +
+ {["React.js", "React Native", "Node.js", "PostgreSQL", "InfluxDB", "TensorFlow", "AWS IoT"].map((tech) => ( + + {tech} + + ))} +
+ + {/* Key Metrics */} +
+
+ +
8 months
+
Duration
+
+
+ +
9 experts
+
Team Size
+
+
+ +
Web/Android/iOS
+
Platforms
+
+
+ +
92%
+
AI Accuracy
+
+
+ + {/* Key Achievements */} +
+

Key Achievements:

+ {[ + "Deployed across 15 industrial sites in first phase", + "Achieved 92% accuracy in predicting bearing and motor faults", + "Reduced unplanned downtime by 27% in pilot plants", + "Built comprehensive AI-enabled predictive maintenance platform" + ].map((achievement, index) => ( +
+ + {achievement} +
+ ))} +
+ + {/* CTA Buttons */} +
+ + +
+
+ +
+
+ VIB360 Industrial IoT Vibration Monitoring Platform +
+
+
+
+
+ + {/* Executive Summary */} +
+
+
+

Executive Summary

+

+ VIB360 enables industrial operators to monitor vibration levels in real time, detect early signs of mechanical failure, and schedule maintenance proactively. The platform integrates IoT sensor hardware with cloud-based analytics, delivering actionable insights directly to technicians and management. +

+

+ The comprehensive solution addresses unplanned equipment failures that can lead to massive operational losses by continuously monitoring vibration signatures, identifying anomalies, and predicting failures before they happen across manufacturing, mining, and energy industries. +

+
+
+
+ + {/* Project Overview */} +
+
+
+

Project Overview

+ +
+ + + +

Background & Context

+

+ Unplanned equipment failures can lead to massive operational losses in industries such as manufacturing, mining, and energy. Traditional maintenance schedules are often inefficient, either wasting resources on unnecessary checks or missing early fault signs. VIB360 addresses this by continuously monitoring vibration signatures, identifying anomalies, and predicting failures before they happen. +

+ + + + + + +

Target Audience

+

+ Plant maintenance managers responsible for equipment upkeep, reliability engineers focused on preventing failures, and industrial operations supervisors overseeing production efficiency and equipment performance monitoring. +

+ + + + + + +

Business Objectives

+

+ Enable real-time vibration monitoring with minimal installation overhead, provide predictive analytics to reduce downtime and maintenance costs, deliver a scalable platform that can integrate with existing SCADA and ERP systems, and ensure secure remote access to sensor data for distributed teams. +

+ + +
+
+
+
+ + {/* Project Scope */} +
+
+
+

Project Scope

+ +
+
+

Core Features

+
+ {[ + "Real-Time Vibration Monitoring with threshold-based alerts", + "Predictive Maintenance Dashboard with AI-driven failure forecasts", + "Multi-Sensor Support for motors, pumps, compressors, and turbines", + "Mobile App for Field Technicians with push notifications and offline data sync", + "Customizable Alert Rules and maintenance scheduling", + "Integration API for SCADA/ERP connectivity" + ].map((feature, index) => ( +
+ + {feature} +
+ ))} +
+
+ +
+

Technical Requirements

+
+ {[ + "BLE & Wi-Fi connectivity for IoT devices", + "Time-series database for high-frequency sensor data storage", + "AI anomaly detection engine trained on vibration datasets", + "Secure cloud communication (TLS 1.3 encryption)", + "Mobile offline mode for sites with poor connectivity" + ].map((requirement, index) => ( +
+ + {requirement} +
+ ))} +
+
+
+
+
+
+ + {/* Challenges & Solution Architecture */} +
+
+
+

Challenges & Solution Architecture

+ +
+
+

Technical Challenges

+
+ {[ + "Handling high-volume vibration data without latency", + "Training AI models on limited historical fault data", + "Ensuring sensor accuracy in harsh industrial conditions" + ].map((challenge, index) => ( +
+ + {challenge} +
+ ))} +
+
+ +
+

Project Management Challenges

+
+ {[ + "Coordinating sensor hardware deployment with software rollouts", + "Managing change adoption in traditional maintenance workflows", + "Aligning development timelines with client's phased deployment strategy" + ].map((challenge, index) => ( +
+ + {challenge} +
+ ))} +
+
+
+ +
+

Technical Architecture

+
+
+

Technology Stack

+
+ {[ + { label: "Hardware Integration", value: "IoT vibration sensors (BLE & Wi-Fi enabled)" }, + { label: "Frontend", value: "React.js, React Native" }, + { label: "Backend", value: "Node.js, Express.js" }, + { label: "Database", value: "PostgreSQL, InfluxDB (time-series data)" }, + { label: "AI/ML", value: "TensorFlow for anomaly detection & predictive analytics" }, + { label: "Cloud Services", value: "AWS IoT Core, AWS Lambda, S3, CloudWatch" } + ].map((item, index) => ( +
+ {item.label}: + {item.value} +
+ ))} +
+
+ +
+

Architecture Highlights

+
+ {[ + "AWS IoT Core for device-to-cloud communication", + "InfluxDB for storing high-frequency time-series vibration data", + "AI microservice for anomaly detection and fault prediction", + "React.js web dashboard with real-time visualizations", + "React Native mobile app for technician workflows", + "Event-driven architecture with AWS Lambda for alert processing" + ].map((highlight, index) => ( +
+ + {highlight} +
+ ))} +
+
+
+
+
+
+
+ + {/* Development Process */} +
+
+
+

Development Process & Methodology

+ +
+
+

+ Agile (2-week sprints) with sprint reviews with hardware + software teams, field testing after each major release, iterative model retraining with new sensor data +

+
+ +
+ {[ + { + phase: "Discovery & Planning", + duration: "3 weeks", + description: "Hardware-software integration feasibility, AI model baseline setup" + }, + { + phase: "Design & Prototyping", + duration: "5 weeks", + description: "Sensor data visualization mockups, mobile UI/UX for technician workflows" + }, + { + phase: "Core Platform Development", + duration: "12 weeks", + description: "Sensor connectivity modules, time-series data ingestion pipeline, web dashboard core features" + }, + { + phase: "AI & Analytics Module", + duration: "6 weeks", + description: "Model training & tuning, predictive maintenance alerts" + }, + { + phase: "Integration & Testing", + duration: "5 weeks", + description: "SCADA/ERP integration APIs, field testing in pilot plants" + }, + { + phase: "Deployment & Training", + duration: "3 weeks", + description: "Rollout to initial sites, staff training & documentation" + } + ].map((item, index) => ( + + +
+
+ {index + 1} +
+ + {item.duration} + +
+

{item.phase}

+

{item.description}

+ + + ))} +
+
+
+
+
+ + {/* Key Features */} +
+
+
+

Key Features & Functionality

+ +
+ {[ + { + icon: BarChart3, + title: "Live Vibration Graphs", + description: "Real-time sensor readings displayed in dashboards" + }, + { + icon: Brain, + title: "Fault Prediction", + description: "Early detection of mechanical issues with confidence scores" + }, + { + icon: Wrench, + title: "Maintenance Scheduling", + description: "Automated work orders based on AI insights" + }, + { + icon: Bell, + title: "Multi-Device Alerts", + description: "Email, SMS, and push notifications" + }, + { + icon: Database, + title: "Data Export", + description: "CSV, PDF, and API access for further analysis" + }, + { + icon: Wifi, + title: "IoT Connectivity", + description: "BLE & Wi-Fi enabled vibration sensor integration" + } + ].map((feature, index) => ( + + + +

{feature.title}

+

{feature.description}

+ + + ))} +
+
+
+
+ + {/* Results & Impact */} +
+
+
+

Results & Impact

+ +
+ {[ + { label: "Site Deployments", value: "15", icon: Factory, desc: "industrial sites" }, + { label: "AI Accuracy", value: "92%", icon: Brain, desc: "fault prediction" }, + { label: "Downtime Reduction", value: "27%", icon: TrendingUp, desc: "first 3 months" }, + { label: "Data Latency", value: "<2s", icon: Zap, desc: "sensor to dashboard" } + ].map((metric, index) => ( + + + +
{metric.value}
+
{metric.label}
+
{metric.desc}
+ + + ))} +
+ +
+
+

Business Impact

+
    + {[ + "27% downtime reduction in first 3 months", + "15% cost savings in maintenance budgets", + "Increased maintenance team efficiency with targeted inspections" + ].map((impact, index) => ( +
  • + + {impact} +
    • + ))} +
+
+ +
+

Technical Performance

+
    + {[ + "Data ingestion latency: < 2 seconds from sensor to dashboard", + "AI fault prediction accuracy: 92%", + "99.9% platform uptime since launch" + ].map((performance, index) => ( +
  • + + {performance} +
    • + ))} +
+
+
+
+
+
+ + {/* Lessons Learned */} +
+
+
+

Lessons Learned & Best Practices

+ +
+ + +

What Worked Well

+
    + {[ + "Parallel hardware and software development accelerated delivery", + "Continuous AI retraining improved prediction accuracy over time" + ].map((item, index) => ( +
  • + + {item} +
    • + ))} +
+ + + + + +

Key Learnings

+
    + {[ + "On-site calibration is critical to sensor performance", + "Edge processing could further reduce cloud costs in future phases" + ].map((item, index) => ( +
  • + + {item} +
    • + ))} +
+ + +
+
+
+
+ + {/* Client Testimonial */} +
+
+
+
+ {[...Array(5)].map((_, i) => ( + + ))} +
+
+ "With VIB360, we've transformed our maintenance strategy from reactive to proactive. The accuracy of fault predictions and the ease of use for our technicians have been game changers." +
+
+
Maintenance Director
+
Industrial Manufacturing Client
+
+
+
+
+ + {/* Future Roadmap */} +
+
+
+

Future Roadmap

+ +
+ + +

Next 6 Months

+
    + {[ + "Edge AI integration for on-device anomaly detection", + "Expanded sensor compatibility (temperature, pressure)" + ].map((feature, index) => ( +
  • + + {feature} +
    • + ))} +
+ + + + + +

Next 12 Months

+
    + {[ + "Multi-site centralized monitoring for enterprise clients", + "Predictive spare parts inventory management" + ].map((vision, index) => ( +
  • + + {vision} +
    • + ))} +
+ + +
+
+
+
+ + {/* CTA Section */} +
+
+
+

+ Ready to Build Your Industrial IoT Solution? +

+

+ Create advanced predictive maintenance platforms with AI-enabled vibration monitoring and real-time analytics for industrial excellence. +

+
+ + +
+
+
+
+ +
+ ); +}; \ No newline at end of file diff --git a/src/images/amble-case.webp b/src/images/amble-case.webp new file mode 100644 index 0000000..b84957d Binary files /dev/null and b/src/images/amble-case.webp differ diff --git a/src/images/amozCase.webp b/src/images/amozCase.webp new file mode 100644 index 0000000..bb76740 Binary files /dev/null and b/src/images/amozCase.webp differ diff --git a/src/images/dkCase.webp b/src/images/dkCase.webp new file mode 100644 index 0000000..438f633 Binary files /dev/null and b/src/images/dkCase.webp differ diff --git a/src/images/farmCase.webp b/src/images/farmCase.webp new file mode 100644 index 0000000..d42b9d9 Binary files /dev/null and b/src/images/farmCase.webp differ diff --git a/src/images/gt-case.webp b/src/images/gt-case.webp new file mode 100644 index 0000000..fb9e94d Binary files /dev/null and b/src/images/gt-case.webp differ diff --git a/src/images/leanCase.webp b/src/images/leanCase.webp new file mode 100644 index 0000000..873d950 Binary files /dev/null and b/src/images/leanCase.webp differ diff --git a/src/images/niftyCase.webp b/src/images/niftyCase.webp new file mode 100644 index 0000000..254dd73 Binary files /dev/null and b/src/images/niftyCase.webp differ diff --git a/src/images/prospertyCase.webp b/src/images/prospertyCase.webp new file mode 100644 index 0000000..46e5110 Binary files /dev/null and b/src/images/prospertyCase.webp differ diff --git a/src/images/ranoutof-case.webp b/src/images/ranoutof-case.webp new file mode 100644 index 0000000..29e3bb3 Binary files /dev/null and b/src/images/ranoutof-case.webp differ diff --git a/src/images/resturant-reward-case.webp b/src/images/resturant-reward-case.webp new file mode 100644 index 0000000..6699568 Binary files /dev/null and b/src/images/resturant-reward-case.webp differ diff --git a/src/images/seezun-case.webp b/src/images/seezun-case.webp new file mode 100644 index 0000000..8360bc4 Binary files /dev/null and b/src/images/seezun-case.webp differ diff --git a/src/images/simplitendCase.webp b/src/images/simplitendCase.webp new file mode 100644 index 0000000..bc25bec Binary files /dev/null and b/src/images/simplitendCase.webp differ diff --git a/src/images/tc-case.webp b/src/images/tc-case.webp new file mode 100644 index 0000000..57b7cb0 Binary files /dev/null and b/src/images/tc-case.webp differ diff --git a/src/images/vib360Case.webp b/src/images/vib360Case.webp new file mode 100644 index 0000000..1d290ff Binary files /dev/null and b/src/images/vib360Case.webp differ diff --git a/src/images/woka-case.webp b/src/images/woka-case.webp new file mode 100644 index 0000000..af9a1ac Binary files /dev/null and b/src/images/woka-case.webp differ diff --git a/styles/globals.css b/styles/globals.css index bb6126d..f734c4b 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -639,4 +639,8 @@ html { h1{ line-height: 54px; +} + +.CardContentOverride:last-child { + padding-bottom: 0 !important; } \ No newline at end of file