diff --git a/components/CaseStudyHighlight.tsx b/components/CaseStudyHighlight.tsx index 4aca96e..736faac 100644 --- a/components/CaseStudyHighlight.tsx +++ b/components/CaseStudyHighlight.tsx @@ -4,7 +4,7 @@ import { Button } from "./ui/button"; import { GridPattern } from "./GridPattern"; import { ImageWithFallback } from "./figma/ImageWithFallback"; import regroupImage from '../src/images/regroup.webp'; -import seezunImage from '../src/images/seezun.webp'; +// import seezunImage from '../src/images/seezun.webp'; // import wokaImage from '../src/images/woka.webp'; import wokaAwardImage from '../src/images/woka.webp'; import tanamiImage from '../src/images/tanami.webp'; @@ -24,13 +24,13 @@ const featuredCaseStudy = { }; const caseStudies = [ - { - title: "Seezun", - description: "Created Seezun as a dynamic customer-driven platform connecting buyers, sellers, and renters for a seamless marketplace that renders fashion accessible, sustainable, and affordable.", - achievement: "+85% Brand Recognition", - industryTags: ["Branding", "Fashion"], - image: seezunImage - }, + // { + // title: "Seezun", + // description: "Created Seezun as a dynamic customer-driven platform connecting buyers, sellers, and renters for a seamless marketplace that renders fashion accessible, sustainable, and affordable.", + // achievement: "+85% Brand Recognition", + // industryTags: ["Branding", "Fashion"], + // image: seezunImage + // }, { title: "Regroup", description: "Built Regroup as a social platform that brings together passion, global connections, teamwork, and love for sports through a vibrant online community.", @@ -50,8 +50,8 @@ const caseStudies = [ const SmallCaseStudyCard = ({ study, index }: { study: typeof caseStudies[0]; index: number }) => { const getNavigationPath = (title: string) => { switch (title) { - case 'Seezun': - return '/projects/seezun'; + // case 'Seezun': + // return '/projects/seezun'; case 'Woka': return '/projects/woka'; case 'Tanami': @@ -78,7 +78,7 @@ const SmallCaseStudyCard = ({ study, index }: { study: typeof caseStudies[0]; in -
+
{study.achievement} @@ -94,10 +94,10 @@ const SmallCaseStudyCard = ({ study, index }: { study: typeof caseStudies[0]; in
-

+

{study.title}

-

+

{study.description}

@@ -113,7 +113,7 @@ const SmallCaseStudyCard = ({ study, index }: { study: typeof caseStudies[0]; in
-
+
{caseStudies.map((study, index) => ( ))} diff --git a/components/CaseStudySlider.tsx b/components/CaseStudySlider.tsx index e8b343b..7f9fe38 100644 --- a/components/CaseStudySlider.tsx +++ b/components/CaseStudySlider.tsx @@ -31,7 +31,7 @@ import niftyCase from "../src/images/niftyCase.webp"; import prospertyCase from "../src/images/prospertyCase.webp"; import ranoutofCase from "../src/images/ranoutof-case.webp"; import RrCase from "../src/images/resturant-reward-case.webp"; -import seezunCase from "../src/images/seezun-case.webp"; +// import seezunCase from "../src/images/seezun-case.webp"; import simplitendCase from "../src/images/simplitendCase.webp"; import tcCase from "../src/images/tc-case.webp"; import vib360Case from "../src/images/vib360Case.webp"; @@ -53,16 +53,16 @@ const defaultCaseStudies = [ link: "/projects/ranoutof", icon: Package }, - { - id: 2, - title: "Seezun", - image: seezunCase, - category: "E-commerce", - industry: "Retail", - featured: true, - link: "/projects/seezun", - icon: ShoppingCart - }, + // { + // id: 2, + // title: "Seezun", + // image: seezunCase, + // category: "E-commerce", + // industry: "Retail", + // featured: true, + // link: "/projects/seezun", + // icon: ShoppingCart + // }, { id: 3, title: "Woka", @@ -267,7 +267,7 @@ export const CaseStudySlider = ({ onMouseLeave={() => setIsAutoPlaying(autoPlay)} ref={containerRef} > -
+
{/* Header */}
{caseStudies.length > visibleSlides && ( @@ -277,7 +277,7 @@ export const CaseStudySlider = ({ size="icon" onClick={prevSlide} disabled={currentIndex === 0} - className="h-10 w-10 rounded-full border-white/20 hover:border-accent/50 disabled:opacity-50" + className="w-10 h-10 rounded-full border-white/20 hover:border-accent/50 disabled:opacity-50" > @@ -286,7 +286,7 @@ export const CaseStudySlider = ({ size="icon" onClick={nextSlide} disabled={currentIndex >= maxIndex} - className="h-10 w-10 rounded-full border-white/20 hover:border-accent/50 disabled:opacity-50" + className="w-10 h-10 rounded-full border-white/20 hover:border-accent/50 disabled:opacity-50" > @@ -330,19 +330,19 @@ export const CaseStudySlider = ({ className="bg-card/50 backdrop-blur-md border-white/10 hover:border-accent/30 transition-all duration-500 shadow-lg hover:shadow-2xl hover:shadow-accent/10 rounded-2xl overflow-hidden h-[full] cursor-pointer" onClick={() => navigate(study.link)} > - + {/* Image */}
{/* Category Badge */}
- + {study.category}
@@ -350,7 +350,7 @@ export const CaseStudySlider = ({ {/* Featured Badge */} {study.featured && (
-
+
Featured
@@ -359,7 +359,7 @@ export const CaseStudySlider = ({ {/* Icon */}
-
+
@@ -374,7 +374,7 @@ export const CaseStudySlider = ({ {/* Dots Indicator */} {caseStudies.length > visibleSlides && ( -
+
{Array.from({ length: maxIndex + 1 }).map((_, index) => (
@@ -340,14 +343,14 @@ const FeaturedCaseStudies = () => { viewport={{ once: true }} className="mt-20 mb-16" > -

+

More Success Stories

- -
+ +
{moreSuccessStories.map((story, index) => { const AchievementIcon = story.keyAchievement.icon; - + return ( { whileInView={{ opacity: 1, y: 0 }} transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} - className="group h-full" + className="h-full group" > - { if (story.title === 'TradersCircuit') { @@ -376,36 +379,35 @@ const FeaturedCaseStudies = () => { {/* Visual Section - Fixed Height */}
-
+
- + {/* Overlay with gradient */}
- + {/* Key Achievement - Overlaid on Visual */}
-
+
-
+
{story.keyAchievement.number}
-
{story.keyAchievement.metric}
+
{story.keyAchievement.metric}
@@ -418,15 +420,15 @@ const FeaturedCaseStudies = () => {
{/* Project Title - Consistent Height */}
-

+

{story.title}

{/* Client & Description - Consistent Height */}
-
{story.client}
-

+

{story.client}
+

{story.description}

@@ -435,10 +437,10 @@ const FeaturedCaseStudies = () => {
{story.tags.map((tag) => ( - {tag} @@ -450,8 +452,8 @@ const FeaturedCaseStudies = () => { {/* CTA Button - Fixed at Bottom */}
-
@@ -487,12 +489,12 @@ const FeaturedCaseStudies = () => { whileInView={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.6 }} viewport={{ once: true }} - className="text-center mt-16" + className="mt-16 text-center" > -
@@ -1268,18 +1268,18 @@ const CrossPlatformFAQs = () => { return (
-
+
-

+

Frequently Asked Questions

-

+

Common questions about cross-platform app development.

@@ -1296,14 +1296,14 @@ const CrossPlatformFAQs = () => { - + {faq.question} - + {faq.answer} @@ -1319,14 +1319,14 @@ const CrossPlatformFAQs = () => { const CrossPlatformFinalCTA = () => { const navigate = useNavigate(); return ( -
-
+
+
{ className="mb-8" >
-
+
- + Ready to Launch?
@@ -1350,7 +1350,7 @@ const CrossPlatformFinalCTA = () => { whileInView={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.2 }} viewport={{ once: true }} - className="text-4xl lg:text-5xl font-semibold text-foreground mb-6 leading-tight" + className="mb-6 text-4xl font-semibold leading-tight lg:text-5xl text-foreground" > Achieve Broader Reach with{" "} WDI's Cross-Platform Expertise @@ -1361,7 +1361,7 @@ const CrossPlatformFinalCTA = () => { whileInView={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.3 }} viewport={{ once: true }} - className="text-xl text-muted-foreground mb-12 max-w-2xl mx-auto leading-relaxed" + className="max-w-2xl mx-auto mb-12 text-xl leading-relaxed text-muted-foreground" > Leverage our experience to build robust, beautiful apps for both iOS and Android efficiently. @@ -1375,16 +1375,16 @@ const CrossPlatformFinalCTA = () => { className="space-y-8" > navigate("/start-a-project")} >
- + Start Your Cross-Platform Project
-

+

Free consultation • Strategy session • Rapid development

@@ -1392,10 +1392,10 @@ const CrossPlatformFinalCTA = () => {
{/* Background Decorative Elements */} -
-
-
-
+
+
+
+
); @@ -1404,7 +1404,7 @@ const CrossPlatformFinalCTA = () => { // Main Cross-Platform App Development Page export const CrossPlatformAppDevelopment = () => { return ( -
+
{/* */} {/* Hero Section */} diff --git a/pages/NativeAppDevelopment.tsx b/pages/NativeAppDevelopment.tsx index 437458d..ff06f37 100644 --- a/pages/NativeAppDevelopment.tsx +++ b/pages/NativeAppDevelopment.tsx @@ -39,7 +39,7 @@ import { Button } from "../components/ui/button"; import { Card, CardContent } from "../components/ui/card"; import { ShimmerButton } from "../components/ui/shimmer-button"; import ranoutofImage from "../src/images/ranoutof.webp" -import seezunImage from "../src/images/seezun.webp"; +// import seezunImage from "../src/images/seezun.webp"; import regroupImage from "../src/images/regroup.webp"; import awsLogoImage from "../src/images/aws-logo.png"; @@ -95,7 +95,7 @@ const NativeHeroWithCTA = () => { `} -
+
{ animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.6 }} > - + Native App Development {/* Main Heading */}
-

+

Native App Development: Uncompromising Performance & Experience

-

+

Building bespoke applications tailored for a single operating system to deliver the highest level of performance, security, and device integration. @@ -132,22 +132,22 @@ const NativeHeroWithCTA = () => { initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.3 }} - className="flex flex-col sm:flex-row gap-4" + className="flex flex-col gap-4 sm:flex-row" > navigate("/start-a-project")} >

- + Discover Native Advantages
- + Request Consultation @@ -169,11 +169,11 @@ const NativeHeroWithCTA = () => { className="relative h-[400px] w-full mb-8 flex items-center justify-center" > {/* Split-screen container */} -
+
{/* iOS Native App (left half) */} -
-
-
+
+
+
@@ -184,7 +184,7 @@ const NativeHeroWithCTA = () => {
-
+
@@ -192,7 +192,7 @@ const NativeHeroWithCTA = () => {
iOS Native @@ -200,9 +200,9 @@ const NativeHeroWithCTA = () => {
{/* Android Native App (right half) */} -
-
-
+
+
+
@@ -213,7 +213,7 @@ const NativeHeroWithCTA = () => {
-
+
{
Android Native @@ -244,7 +244,7 @@ const NativeHeroWithCTA = () => { initial={{ opacity: 0, y: 30 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.6 }} - className="flex justify-center gap-4 flex-wrap" + className="flex flex-wrap justify-center gap-4" > { Maximum Performance Native Features @@ -310,18 +310,18 @@ const NativeVsCrossPlatform = () => { return (
-
+
-

+

Native vs. Cross-Platform: When to Choose Native

-

+

Native development delivers uncompromising performance and platform integration for applications that demand the highest standards.

@@ -332,7 +332,7 @@ const NativeVsCrossPlatform = () => { whileInView={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.2 }} viewport={{ once: true }} - className="grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto" + className="grid max-w-6xl gap-8 mx-auto md:grid-cols-2 lg:grid-cols-3" > {comparisons.slice(0, 3).map((item, index) => { const IconComponent = item.icon; @@ -346,15 +346,15 @@ const NativeVsCrossPlatform = () => { whileHover={{ y: -5 }} className="group" > - + -
+
-

+

{item.title}

-

+

{item.description}

@@ -370,7 +370,7 @@ const NativeVsCrossPlatform = () => { whileInView={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.4 }} viewport={{ once: true }} - className="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto mt-8" + className="grid max-w-4xl gap-8 mx-auto mt-8 md:grid-cols-2" > {comparisons.slice(3).map((item, index) => { const IconComponent = item.icon; @@ -384,15 +384,15 @@ const NativeVsCrossPlatform = () => { whileHover={{ y: -5 }} className="group" > - + -
+
-

+

{item.title}

-

+

{item.description}

@@ -497,18 +497,18 @@ const NativeCapabilities = () => { return (
-
+
-

+

Expertise Across Leading Native Platforms

-

+

Comprehensive native development capabilities covering both iOS and Android ecosystems with deep platform expertise.

@@ -519,7 +519,7 @@ const NativeCapabilities = () => { whileInView={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.2 }} viewport={{ once: true }} - className="grid md:grid-cols-2 lg:grid-cols-3 gap-8" + className="grid gap-8 md:grid-cols-2 lg:grid-cols-3" > {capabilities.map((capability, index) => { const IconComponent = capability.icon; @@ -533,15 +533,15 @@ const NativeCapabilities = () => { whileHover={{ y: -5 }} className="group" > - + -
+
-

+

{capability.title}

-

+

{capability.description}

@@ -549,7 +549,7 @@ const NativeCapabilities = () => { {tech} @@ -645,18 +645,18 @@ const NativeUseCases = () => { return (
-
+
-

+

When Native Development is Your Best Choice

-

+

Certain application requirements and business goals make native development the optimal choice for long-term success.

@@ -667,7 +667,7 @@ const NativeUseCases = () => { whileInView={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.2 }} viewport={{ once: true }} - className="grid md:grid-cols-2 lg:grid-cols-3 gap-8" + className="grid gap-8 md:grid-cols-2 lg:grid-cols-3" > {useCases.map((useCase, index) => { const IconComponent = useCase.icon; @@ -681,15 +681,15 @@ const NativeUseCases = () => { whileHover={{ y: -5 }} className="group" > - + -
+
-

+

{useCase.title}

-

+

{useCase.description}

@@ -756,18 +756,18 @@ const NativeProcess = () => { return (
-
+
-

+

Precision & Excellence in Every Native Project

-

+

Our proven native development methodology ensures optimal performance and platform integration at every stage.

@@ -796,26 +796,26 @@ const NativeProcess = () => { className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left" } text-center lg:text-left`} > -
-
-
+
+
+
0{index + 1}
-

+

{step.title}

-

+

{step.description}

{/* Timeline dot */} -
+
@@ -842,16 +842,16 @@ const NativeCaseStudies = () => { gradient: "from-[#007F33]/20 to-[#007F33]/10", buttonLink: "/projects/ranoutof", }, - { - title: "E-commerce Platform Innovation", - client: "Seezun", - description: - "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", - buttonLink: "/projects/seezun", - }, + // { + // title: "E-commerce Platform Innovation", + // client: "Seezun", + // description: + // "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", + // buttonLink: "/projects/seezun", + // }, { title: "Social Networking Platform", client: "Regroup", @@ -866,18 +866,18 @@ const NativeCaseStudies = () => { return (
-
+
-

+

Android Apps That Define Industries

-

+

Discover how we've helped businesses succeed with powerful Android applications that leverage the platform's capabilities.

@@ -888,7 +888,7 @@ const NativeCaseStudies = () => { whileInView={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.2 }} viewport={{ once: true }} - className="grid md:grid-cols-2 lg:grid-cols-3 gap-8" + className="grid gap-8 md:grid-cols-2 lg:grid-cols-3" > {caseStudies.map((study, index) => ( { transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} - className="group cursor-pointer" + className="cursor-pointer group" > - - + +
-
+
{
-
+
{study.client}
{
-
+
-

+

{study.description}

@@ -953,7 +953,7 @@ const NativeCaseStudies = () => {
@@ -1287,18 +1287,18 @@ const NativeFAQs = () => { return (
-
+
-

+

Frequently Asked Questions

-

+

Common questions about native app development.

@@ -1315,14 +1315,14 @@ const NativeFAQs = () => { - + {faq.question} - + {faq.answer} @@ -1338,14 +1338,14 @@ const NativeFAQs = () => { const NativeFinalCTA = () => { const navigate = useNavigate(); return ( -
-
+
+
{ className="mb-8" >
-
+
- + Maximum Potential
-

+

Unlock Full Potential with{" "} WDI's Native Expertise

@@ -1374,7 +1374,7 @@ const NativeFinalCTA = () => { whileInView={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.3 }} viewport={{ once: true }} - className="text-xl text-muted-foreground mb-12 max-w-2xl mx-auto leading-relaxed" + className="max-w-2xl mx-auto mb-12 text-xl leading-relaxed text-muted-foreground" > Invest in an application that delivers unparalleled performance, security, and a truly immersive user experience. @@ -1387,16 +1387,16 @@ const NativeFinalCTA = () => { viewport={{ once: true }} className="space-y-8" > - navigate("/start-a-project")} >
- + Start Your Native App Journey
-

+

Expert consultation • Architecture planning • Performance optimization

@@ -1405,10 +1405,10 @@ const NativeFinalCTA = () => {
{/* Background Decorative Elements */} -
-
-
-
+
+
+
+
); @@ -1417,7 +1417,7 @@ const NativeFinalCTA = () => { // Main Native App Development Page export const NativeAppDevelopment = () => { return ( -
+
{/* */} {/* Hero Section */} diff --git a/pages/SeezunProject.tsx b/pages/SeezunProject.tsx index 0ab79e8..9bc6093 100644 --- a/pages/SeezunProject.tsx +++ b/pages/SeezunProject.tsx @@ -13,16 +13,16 @@ import { motion } from "framer-motion"; import { AlertTriangle, ArrowRight, Bell, Calendar, CheckCircle, Cloud, Code, Cpu, Database, ExternalLink, Globe, Home, Image, Leaf, List, Mic, Palette, Repeat, Ruler, Scan, Server, Share2, ShieldCheck, ShoppingBag, Smartphone, Sparkles, Split, Star, Target, TestTube, Users, Zap } from "lucide-react"; import { useNavigate } from "react-router-dom"; import { Button } from "../components/ui/button"; -import seezunImage from "../src/images/seezun.webp"; -import seezunLogo from "../src/images/seezun-logo.png"; +// import seezunImage from "../src/images/seezun.webp"; +// import seezunLogo from "../src/images/seezun-logo.png"; const projectData = { hero: { - title: "Seezun: Your Seasonal Fashion & Lifestyle Hub", - subtitle: "Rent, Buy, or Sell South Asian Clothing", - subtitleTwo: "Discover a new way to update your wardrobe, rent, buy, or sell both new and preloved South Asian outfits on Seezun. Enjoy simple, seamless exchanges for every style and every occasion.", - imageUrl: "https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=800&h=600&fit=crop&crop=center", - imageAlt: "Seezun App Showcase" + // title: "Seezun: Your Seasonal Fashion & Lifestyle Hub", + // subtitle: "Rent, Buy, or Sell South Asian Clothing", + // subtitleTwo: "Discover a new way to update your wardrobe, rent, buy, or sell both new and preloved South Asian outfits on Seezun. Enjoy simple, seamless exchanges for every style and every occasion.", + // imageUrl: "https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=800&h=600&fit=crop&crop=center", + // imageAlt: "Seezun App Showcase" }, details: { technologies: [ @@ -43,7 +43,7 @@ const projectData = { { label: "Transaction Growth", value: "+200%", description: "Monthly marketplace activity" } ], executiveSummary: { - content: "Seezun reimagines the South Asian clothing market with a customer-driven platform connecting buyers, sellers, and renters. By analyzing preferences, trends, and inventory, Seezun offers a seamless, tailored shopping experience, making fashion accessible, sustainable, and affordable." + // content: "Seezun reimagines the South Asian clothing market with a customer-driven platform connecting buyers, sellers, and renters. By analyzing preferences, trends, and inventory, Seezun offers a seamless, tailored shopping experience, making fashion accessible, sustainable, and affordable." }, businessObjectives: [ "Launch seasonal style collections curated by fashion experts for every occasion", @@ -147,198 +147,198 @@ const projectData = { }; -export const SeezunProject = () => { - const navigate = useNavigate(); - return ( -
+// export const SeezunProject = () => { +// const navigate = useNavigate(); +// return ( +//
- {/* Section 1: Hero with Heading, Subheading, and Image */} - +// {/* Section 1: Hero with Heading, Subheading, and Image */} +// - {/* Section 2: Project Details */} - +// {/* Section 2: Project Details */} +// - {/* Executive Summary */} - +// {/* Executive Summary */} +// - {/* Project Overview */} -
-
-
-

- Project Overview -

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

+// Project Overview +//

+//
-
- } - title="Background & Context" - description="Access to premium South Asian fashion is often limited by high costs, low availability, and the lack of trusted rental or resale options. This platform bridges that gap by making luxury ethnic wear accessible, affordable, and sustainable for all." - borderColor="border-accent/20" - hoverColor="accent" - /> +//
+// } +// title="Background & Context" +// description="Access to premium South Asian fashion is often limited by high costs, low availability, and the lack of trusted rental or resale options. This platform bridges that gap by making luxury ethnic wear accessible, affordable, and sustainable for all." +// borderColor="border-accent/20" +// hoverColor="accent" +// /> - } - title="Target Audience" - description="Fashion-conscious individuals and South Asian communities seeking affordable access to premium traditional and contemporary clothing through renting, buying, or selling." - borderColor="border-blue-400/20" - hoverColor="blue-400" - /> +// } +// title="Target Audience" +// description="Fashion-conscious individuals and South Asian communities seeking affordable access to premium traditional and contemporary clothing through renting, buying, or selling." +// borderColor="border-blue-400/20" +// hoverColor="blue-400" +// /> - } - title="Business Objectives" - points={projectData.businessObjectives} - borderColor="border-green-400/20" - hoverColor="green-400" - /> -
-
-
+// } +// title="Business Objectives" +// points={projectData.businessObjectives} +// borderColor="border-green-400/20" +// hoverColor="green-400" +// /> +//
+//
+//
- {/* Core Features */} - +// {/* Core Features */} +// - {/* Challenges & Solution Architecture */} - , - title: "Technical Challenges", - description: "Building a real-time AI recommendation engine within MVP timelines, implementing split-payment workflows across multiple vendors, and optimizing media-heavy seasonal lookbooks for mobile.", - }, - { - icon: , - title: "Project Management Challenges", - description: "Coordinating between fashion consultants, AI developers, and backend engineers, while managing seasonal content updates without downtime.", - }, - ]} +// {/* Challenges & Solution Architecture */} +// , +// title: "Technical Challenges", +// description: "Building a real-time AI recommendation engine within MVP timelines, implementing split-payment workflows across multiple vendors, and optimizing media-heavy seasonal lookbooks for mobile.", +// }, +// { +// icon: , +// title: "Project Management Challenges", +// description: "Coordinating between fashion consultants, AI developers, and backend engineers, while managing seasonal content updates without downtime.", +// }, +// ]} - technologyStack={[ - { icon: , label: "Frontend: React native (mobile), React.js (Webapp)" }, - { icon: , label: "Backend: Laravel (PHP) with modular microservices" }, - { icon: , label: "Database: MySQL" }, - { icon: , label: "Cloud: AWS EC2, CloudFront, S3 (for media)" }, - ]} - highlights={[ - { text: "Premium South Asian clothing rentals for every occasion" }, - { text: "Secure buy & sell platform for new and pre-loved fashion" }, - { text: "Sustainable circular fashion promoting garment reuse" }, - { text: "Advanced size matching with authentic community reviews" }, - ]} - /> +// technologyStack={[ +// { icon: , label: "Frontend: React native (mobile), React.js (Webapp)" }, +// { icon: , label: "Backend: Laravel (PHP) with modular microservices" }, +// { icon: , label: "Database: MySQL" }, +// { icon: , label: "Cloud: AWS EC2, CloudFront, S3 (for media)" }, +// ]} +// highlights={[ +// { text: "Premium South Asian clothing rentals for every occasion" }, +// { text: "Secure buy & sell platform for new and pre-loved fashion" }, +// { text: "Sustainable circular fashion promoting garment reuse" }, +// { text: "Advanced size matching with authentic community reviews" }, +// ]} +// /> - {/* Development Process */} - +// {/* Development Process */} +// - {/* Results & Impact */} - +// {/* Results & Impact */} +// - {/* Lessons Learned */} - } - workedColor="#22c55e" // Tailwind green-500 - workedLessons={[ - "Seamless Rentals and Bargaining Feature", - "Seasonal lookbooks increased browsing time and purchase intent", - "Vendor self-management tools reduced admin workload", - ]} - improveTitle="Areas for Improvement" - improveIcon={} - improveColor="#eab308" // Tailwind yellow-500 - improveLessons={[ - "More robust A/B testing for recommendation algorithms", - "Expand seasonal tagging into hyperlocal weather-based recommendations", - ]} - /> +// {/* Lessons Learned */} +// } +// workedColor="#22c55e" // Tailwind green-500 +// workedLessons={[ +// "Seamless Rentals and Bargaining Feature", +// "Seasonal lookbooks increased browsing time and purchase intent", +// "Vendor self-management tools reduced admin workload", +// ]} +// improveTitle="Areas for Improvement" +// improveIcon={} +// improveColor="#eab308" // Tailwind yellow-500 +// improveLessons={[ +// "More robust A/B testing for recommendation algorithms", +// "Expand seasonal tagging into hyperlocal weather-based recommendations", +// ]} +// /> - {/* Future Roadmap */} - } - /> +// {/* Future Roadmap */} +// } +// /> - {/* Client Testimonial */} - +// {/* Client Testimonial */} +// - {/* CTA Section */} -
-
- -

- Ready to Transform Your Fashion Marketplace? -

-

- Let's create a sustainable fashion platform together. From concept to launch, we'll help you build a marketplace that revolutionizes how people shop, rent, and sell clothing. -

+// {/* CTA Section */} +//
+//
+// +//

+// Ready to Transform Your Fashion Marketplace? +//

+//

+// Let's create a sustainable fashion platform together. From concept to launch, we'll help you build a marketplace that revolutionizes how people shop, rent, and sell clothing. +//

-
- - -
- -
-
+//
+// +// +//
+// +//
+//
-
- ); -}; \ No newline at end of file +//
+// ); +// }; \ No newline at end of file diff --git a/pages/iOSAppDevelopment.tsx b/pages/iOSAppDevelopment.tsx index 3a77e0c..98418c3 100644 --- a/pages/iOSAppDevelopment.tsx +++ b/pages/iOSAppDevelopment.tsx @@ -6,7 +6,7 @@ import { Badge } from "../components/ui/badge"; import { Card, CardContent } from "../components/ui/card"; import { ShimmerButton } from "../components/ui/shimmer-button"; import ranoutofImage from "../src/images/ranoutof.webp"; -import seezunImage from "../src/images/seezun.webp"; +// import seezunImage from "../src/images/seezun.webp"; import wokaImage from "../src/images/woka.webp"; import swiftImage from "../src/images/swift-programming.webp"; import apllePayImage from "../src/images/apple-pay.png"; @@ -105,7 +105,7 @@ const IOSHeroWithCTA = () => { `} -
+
{ animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.6 }} > - + iOS App Development {/* Main Heading */}
-

+

Expert iOS App Development Services

-

+

Crafting intuitive, high-performance iPhone and iPad applications that define user experience and drive engagement.

@@ -141,15 +141,15 @@ const IOSHeroWithCTA = () => { initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.3 }} - className="flex flex-col sm:flex-row gap-4" + className="flex flex-col gap-4 sm:flex-row" > navigate("/start-a-project")} >
{ - + See Our iOS Work @@ -217,23 +217,23 @@ const IOSCaseStudies = () => { accentColor: "green", featured: false, }, - { - id: 2, - title: "Seezun", - client: "Seezun", - description: - "Seezun is a trend-driven P2P fashion marketplace enabling users to rent, buy, sell, or lend South Asian ethnicwear via mobile and web platforms.", - keyAchievement: { - number: "85%", - metric: "Brand Recognition", - icon: TrendingUp, - }, - visual: seezunImage, - tags: ["iOS App", "P2P Marketplace", "Fashion", "E-commerce"], - gradient: "from-purple-500/20 to-pink-500/20", - accentColor: "purple", - featured: false, - }, + // { + // id: 2, + // title: "Seezun", + // client: "Seezun", + // description: + // "Seezun is a trend-driven P2P fashion marketplace enabling users to rent, buy, sell, or lend South Asian ethnicwear via mobile and web platforms.", + // keyAchievement: { + // number: "85%", + // metric: "Brand Recognition", + // icon: TrendingUp, + // }, + // visual: seezunImage, + // tags: ["iOS App", "P2P Marketplace", "Fashion", "E-commerce"], + // gradient: "from-purple-500/20 to-pink-500/20", + // accentColor: "purple", + // featured: false, + // }, { id: 3, title: "WOKA", @@ -255,14 +255,14 @@ const IOSCaseStudies = () => { return (
-
+
{/* Section Header */} { className="mb-6" >
-
+
- + iOS Success Stories
-

+

iOS Apps That Drive Results

-

+

Discover how we've helped businesses succeed with exceptional iOS applications that leverage native capabilities and deliver outstanding user experiences. @@ -292,7 +292,7 @@ const IOSCaseStudies = () => { {/* Case Studies Grid - Matching Main Case Studies Layout */} -

+
{caseStudies.map((study, index) => { const AchievementIcon = study.keyAchievement.icon; @@ -303,7 +303,7 @@ const IOSCaseStudies = () => { whileInView={{ opacity: 1, y: 0 }} transition={{ duration: 0.6, delay: index * 0.2 }} viewport={{ once: true }} - className="group h-full" + className="h-full group" > { {/* Visual Section - Fixed Height with Responsive Container */}
-
+
{ /> {/* Subtle overlay for better text contrast */} -
+
{/* Key Achievement - Overlaid on Visual */} -
+
{ >
-
+
{study.keyAchievement.number}
-
+
{study.keyAchievement.metric}
@@ -378,17 +378,17 @@ const IOSCaseStudies = () => {
{/* Project Title - Consistent Height */}
-

+

{study.title}

{/* Client & Description - Consistent Height */}
-
+
{study.client}
-

+

{study.description}

@@ -400,7 +400,7 @@ const IOSCaseStudies = () => { {tag} @@ -416,7 +416,7 @@ const IOSCaseStudies = () => { whileTap={{ scale: 0.98 }} >
@@ -447,12 +447,12 @@ const IOSCaseStudies = () => { whileInView={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.6 }} viewport={{ once: true }} - className="text-center mt-16" + className="mt-16 text-center" >