fix case study in mobile dev
This commit is contained in:
priyanshuvish
@@ -43,6 +43,9 @@ import {
|
||||
} from "../components/ui/tabs";
|
||||
import { navigateTo } from "@/App";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
import ranoutofImage from "../src/images/ranoutof.webp"
|
||||
import seezunImage from "../src/images/seezun.webp";
|
||||
import regroupImage from "../src/images/regroup.webp";
|
||||
|
||||
// Cross-Platform Hero Section
|
||||
const CrossPlatformHeroWithCTA = () => {
|
||||
@@ -824,37 +827,34 @@ const CrossPlatformServices = () => {
|
||||
const CrossPlatformCaseStudies = () => {
|
||||
const caseStudies = [
|
||||
{
|
||||
title: "FinTech Cross-Platform App with Flutter",
|
||||
client: "PayUnify",
|
||||
title: "Household Management Revolution",
|
||||
client: "RanOutOf",
|
||||
description:
|
||||
"Unified payment solution deployed simultaneously on iOS and Android with 40% faster development",
|
||||
image:
|
||||
"https://images.unsplash.com/photo-1563013544-824ae1b704d3?w=400&h=300&fit=crop&auto=format",
|
||||
results: "40% faster delivery",
|
||||
gradient: "from-accent/20 to-accent/10",
|
||||
framework: "Flutter",
|
||||
"Smart inventory management app that helps households track supplies, create shopping lists, and reduce waste through intelligent notifications.",
|
||||
image: ranoutofImage,
|
||||
results: "3M+ downloads",
|
||||
gradient: "from-[#007F33]/20 to-[#007F33]/10",
|
||||
buttonLink: "/projects/ranoutof",
|
||||
},
|
||||
{
|
||||
title: "E-Learning Platform with React Native",
|
||||
client: "EduCross",
|
||||
title: "E-commerce Platform Innovation",
|
||||
client: "Seezun",
|
||||
description:
|
||||
"Educational platform serving millions of students across platforms with consistent UX",
|
||||
image:
|
||||
"https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=400&h=300&fit=crop&auto=format",
|
||||
results: "2M+ students",
|
||||
"Next-generation e-commerce solution with AI-powered recommendations, seamless checkout, and advanced analytics for modern retailers.",
|
||||
image: seezunImage,
|
||||
results: "800K+ users",
|
||||
gradient: "from-blue-500/20 to-cyan-500/20",
|
||||
framework: "React Native",
|
||||
buttonLink: "/projects/seezun",
|
||||
},
|
||||
{
|
||||
title: "Healthcare Management with Flutter",
|
||||
client: "MediSync",
|
||||
title: "Social Networking Platform",
|
||||
client: "Regroup",
|
||||
description:
|
||||
"Cross-platform healthcare app connecting patients and providers with real-time sync",
|
||||
image:
|
||||
"https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=400&h=300&fit=crop&auto=format",
|
||||
results: "60% cost savings",
|
||||
gradient: "from-purple-500/20 to-pink-500/20",
|
||||
framework: "Flutter",
|
||||
"Revolutionary social platform connecting communities worldwide with advanced messaging, group management, and content sharing capabilities.",
|
||||
image: regroupImage,
|
||||
results: "1.5M+ downloads",
|
||||
gradient: "from-[#a98453]/20 to-[#a98453]/10",
|
||||
buttonLink: "/projects/regroup",
|
||||
},
|
||||
];
|
||||
|
||||
@@ -869,11 +869,11 @@ const CrossPlatformCaseStudies = () => {
|
||||
className="text-center mb-20"
|
||||
>
|
||||
<h2 className="text-4xl lg:text-5xl font-semibold text-foreground mb-8">
|
||||
Cross-Platform Apps That Deliver Unified Experiences
|
||||
Android Apps That Define Industries
|
||||
</h2>
|
||||
<p className="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">
|
||||
Discover how businesses achieve greater reach and efficiency with
|
||||
our cross-platform solutions.
|
||||
Discover how we've helped businesses succeed with powerful Android
|
||||
applications that leverage the platform's capabilities.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
@@ -899,30 +899,28 @@ const CrossPlatformCaseStudies = () => {
|
||||
<div className="p-8 pb-6">
|
||||
<div className="flex items-start gap-4 mb-6">
|
||||
<div className="w-12 h-12 bg-accent/20 rounded-xl flex items-center justify-center">
|
||||
<GitMerge className="w-6 h-6 text-accent" />
|
||||
<svg
|
||||
className="w-6 h-6 text-accent"
|
||||
viewBox="0 0 24 24"
|
||||
fill="currentColor"
|
||||
>
|
||||
<path d="M17.523 15.3414c-.5665-.0085-1.2274-.1111-2.0032-.2551.7758-.1511 1.4368-.2551 2.0032-.2551.5665 0 1.2274.1111 2.0032.2551-.7758.1511-1.4368.2551-2.0032.2551zM12 2C13.1046 2 14 2.8954 14 4s-.8954 2-2 2-2-.8954-2-2 .8954-2 2-2zm6 18c1.1046 0 2-.8954 2-2s-.8954-2-2-2-2 .8954-2 2 .8954 2 2 2zM6 20c1.1046 0 2-.8954 2-2s-.8954-2-2-2-2 .8954-2 2 .8954 2 2 2z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<div className="text-xs text-muted-foreground mb-2 uppercase tracking-wider">
|
||||
{study.client}
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
<Badge
|
||||
variant="secondary"
|
||||
className="text-xs bg-accent/20 text-accent border-accent/30"
|
||||
>
|
||||
{study.results}
|
||||
</Badge>
|
||||
<Badge
|
||||
variant="secondary"
|
||||
className="text-xs bg-blue-500/20 text-blue-300 border-blue-500/30"
|
||||
>
|
||||
{study.framework}
|
||||
</Badge>
|
||||
</div>
|
||||
<Badge
|
||||
variant="secondary"
|
||||
className="text-xs bg-accent/20 text-accent border-accent/30"
|
||||
>
|
||||
{study.results}
|
||||
</Badge>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 className="text-xl font-semibold text-foreground mb-4 leading-tight">
|
||||
<h3 className="text-xl font-semibold text-foreground mb-4 leading-tight min-h-[45px]">
|
||||
{study.title}
|
||||
</h3>
|
||||
</div>
|
||||
@@ -950,6 +948,7 @@ const CrossPlatformCaseStudies = () => {
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
className="w-full justify-between text-accent hover:text-accent hover:bg-accent/10 group-hover:translate-x-1 transition-all duration-300"
|
||||
onClick={() => navigateTo(study.buttonLink)}
|
||||
>
|
||||
<span className="text-sm font-medium">
|
||||
VIEW CASE STUDY
|
||||
|
||||
Reference in New Issue
Block a user