diff --git a/components/CaseStudyHighlight.tsx b/components/CaseStudyHighlight.tsx index e36f616..b164e8e 100644 --- a/components/CaseStudyHighlight.tsx +++ b/components/CaseStudyHighlight.tsx @@ -67,7 +67,7 @@ const SmallCaseStudyCard = ({ study, index }: { study: typeof caseStudies[0]; in navigateTo(getNavigationPath(study.title))} diff --git a/components/FAQSection.tsx b/components/FAQSection.tsx index 7dbf5b4..700f339 100644 --- a/components/FAQSection.tsx +++ b/components/FAQSection.tsx @@ -52,7 +52,7 @@ export const FAQSection: React.FC = ({ key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} > { key={story.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="group h-full" > diff --git a/components/GlobalOffices.tsx b/components/GlobalOffices.tsx index 3e39525..ca52590 100644 --- a/components/GlobalOffices.tsx +++ b/components/GlobalOffices.tsx @@ -47,7 +47,7 @@ export default function GlobalOffices() { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group relative p-6 rounded-xl overflow-hidden min-h-[250px] flex flex-col justify-between backdrop-blur-sm border border-gray-700/30 hover:border-[#E5195E]/30 transition-all duration-300" > diff --git a/components/HireDeveloperSection.tsx b/components/HireDeveloperSection.tsx index a63fd0c..7a856d3 100644 --- a/components/HireDeveloperSection.tsx +++ b/components/HireDeveloperSection.tsx @@ -45,7 +45,7 @@ const HireDeveloperSection = ({ key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/components/HorizontalTagScroller.tsx b/components/HorizontalTagScroller.tsx index 02b3621..2b921f8 100644 --- a/components/HorizontalTagScroller.tsx +++ b/components/HorizontalTagScroller.tsx @@ -43,7 +43,7 @@ const IndustryCard = ({ industry, index }: { - WDI - Web Development & AI Solutions - + @@ -134,11 +133,19 @@ - - - - + + + + + + + + + + + + diff --git a/pages/AIAutomationWorkflows.tsx b/pages/AIAutomationWorkflows.tsx index d98f965..6545243 100644 --- a/pages/AIAutomationWorkflows.tsx +++ b/pages/AIAutomationWorkflows.tsx @@ -505,7 +505,7 @@ const AutomationBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -797,7 +797,7 @@ const AutomationServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -997,7 +997,7 @@ const AutomationTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1090,7 +1090,7 @@ const AutomationCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1329,7 +1329,7 @@ const HireAutomationEngineers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/AIChatbotsVirtualAssistants.tsx b/pages/AIChatbotsVirtualAssistants.tsx index 342f693..e244d83 100644 --- a/pages/AIChatbotsVirtualAssistants.tsx +++ b/pages/AIChatbotsVirtualAssistants.tsx @@ -500,7 +500,7 @@ const ChatbotsBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -797,7 +797,7 @@ const ChatbotServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -937,7 +937,7 @@ const ChatbotTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1030,7 +1030,7 @@ const ChatbotCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1269,7 +1269,7 @@ const HireChatbotDevelopers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/AIIntegrationDigitalProducts.tsx b/pages/AIIntegrationDigitalProducts.tsx index e82450f..f0ac569 100644 --- a/pages/AIIntegrationDigitalProducts.tsx +++ b/pages/AIIntegrationDigitalProducts.tsx @@ -557,7 +557,7 @@ const AIIntegrationBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -857,7 +857,7 @@ const AIIntegrationServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -995,7 +995,7 @@ const AIIntegrationTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1088,7 +1088,7 @@ const AIIntegrationCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1328,7 +1328,7 @@ const HireAIIntegrationSpecialists = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/AIModelDeploymentMLOps.tsx b/pages/AIModelDeploymentMLOps.tsx index b0a33e4..9fe892d 100644 --- a/pages/AIModelDeploymentMLOps.tsx +++ b/pages/AIModelDeploymentMLOps.tsx @@ -502,7 +502,7 @@ const MLOpsBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -809,7 +809,7 @@ const MLOpsServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -959,7 +959,7 @@ const MLOpsTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1052,7 +1052,7 @@ const MLOpsCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1292,7 +1292,7 @@ const HireMLOpsEngineers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/AIStrategyConsulting.tsx b/pages/AIStrategyConsulting.tsx index 751f3ed..9604a9d 100644 --- a/pages/AIStrategyConsulting.tsx +++ b/pages/AIStrategyConsulting.tsx @@ -456,7 +456,7 @@ const AIStrategyBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -696,7 +696,7 @@ const AIStrategyOfferings = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -820,7 +820,7 @@ const AIStrategyTargetAudience = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.02 }} className="group" @@ -897,7 +897,7 @@ const AIStrategyCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1089,7 +1089,7 @@ const HireAIConsultants = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/APIBackendDevelopment.tsx b/pages/APIBackendDevelopment.tsx index 9947379..2bfeac6 100644 --- a/pages/APIBackendDevelopment.tsx +++ b/pages/APIBackendDevelopment.tsx @@ -500,7 +500,7 @@ const APIBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -791,7 +791,7 @@ const APIServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1028,7 +1028,7 @@ const APITechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1072,7 +1072,7 @@ const APITechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1111,7 +1111,7 @@ const APITechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1155,7 +1155,7 @@ const APITechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1190,7 +1190,7 @@ const APITechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1281,7 +1281,7 @@ const APICaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1495,7 +1495,7 @@ const HireBackendDevelopers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/AboutWDI.tsx b/pages/AboutWDI.tsx index 56197f4..defdee2 100644 --- a/pages/AboutWDI.tsx +++ b/pages/AboutWDI.tsx @@ -210,7 +210,7 @@ const WhyChooseWDISection = () => { key={strength.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -280,7 +280,7 @@ const ImpactNumbersSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > @@ -369,7 +369,7 @@ const LearnMoreSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group cursor-pointer" @@ -517,7 +517,7 @@ const MissionSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/AdminPanelsDashboards.tsx b/pages/AdminPanelsDashboards.tsx index bb039f1..0da2607 100644 --- a/pages/AdminPanelsDashboards.tsx +++ b/pages/AdminPanelsDashboards.tsx @@ -487,7 +487,7 @@ const AdminBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -759,7 +759,7 @@ const AdminServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -912,7 +912,7 @@ const AdminTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -957,7 +957,7 @@ const AdminTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -990,7 +990,7 @@ const AdminTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1032,7 +1032,7 @@ const AdminTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1124,7 +1124,7 @@ const AdminCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1336,7 +1336,7 @@ const HireDesigners = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/AgriTechPlatforms.tsx b/pages/AgriTechPlatforms.tsx index 7783f05..c47c1e8 100644 --- a/pages/AgriTechPlatforms.tsx +++ b/pages/AgriTechPlatforms.tsx @@ -194,7 +194,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -271,7 +271,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/AndroidAppDevelopment.tsx b/pages/AndroidAppDevelopment.tsx index 4d1c8f6..724cbd5 100644 --- a/pages/AndroidAppDevelopment.tsx +++ b/pages/AndroidAppDevelopment.tsx @@ -44,6 +44,8 @@ import { Helmet } from "react-helmet-async"; import ranoutofImage from "../src/images/ranoutof.webp" import tradersCircuitImage from "../src/images/traders-circuit.webp"; import prospertyImage from "../src/images/prosperty.webp"; +import awsLogoImage from "../src/images/aws-logo.png"; + // Android Hero Section with Android device mockups and Android vector const AndroidHeroWithCTA = () => { @@ -418,7 +420,7 @@ const AndroidKeyBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -666,7 +668,7 @@ const AndroidServicesGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -698,35 +700,35 @@ const AndroidTechStack = () => { const technologies = [ { name: "Kotlin", - logo: "https://images.unsplash.com/photo-1607706189992-eae578626c86?w=80&h=80&fit=crop&auto=format", + logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/kotlin/kotlin-original.svg", }, { name: "Java", - logo: "https://images.unsplash.com/photo-1580121441575-41bcb5c6b47c?w=80&h=80&fit=crop&auto=format", + logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-plain.svg", }, { name: "Android Studio", - logo: "https://images.unsplash.com/photo-1611224923853-80b023f02d71?w=80&h=80&fit=crop&auto=format", + logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/androidstudio/androidstudio-plain.svg", }, { name: "Material Design", - logo: "https://images.unsplash.com/photo-1558655146-9f40138edfeb?w=80&h=80&fit=crop&auto=format", + logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/materialui/materialui-original.svg", }, { name: "Firebase", - logo: "https://images.unsplash.com/photo-1618477388954-7852f32655ec?w=80&h=80&fit=crop&auto=format", + logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/firebase/firebase-plain.svg", }, { name: "AWS", - logo: "https://images.unsplash.com/photo-1606868306217-dbf5046868d2?w=80&h=80&fit=crop&auto=format", + logo: awsLogoImage, }, { name: "Google APIs", - logo: "https://images.unsplash.com/photo-1573804633927-bfcbcd909acd?w=80&h=80&fit=crop&auto=format", + logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/google/google-plain.svg", }, { name: "Jetpack Compose", - logo: "https://images.unsplash.com/photo-1621839673705-6617adf9e890?w=80&h=80&fit=crop&auto=format", + logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/jetpackcompose/jetpackcompose-plain.svg", }, ]; @@ -755,7 +757,7 @@ const AndroidTechStack = () => { key={index} initial={{ opacity: 0, scale: 0.8 }} whileInView={{ opacity: 1, scale: 1 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ scale: 1.1, y: -5 }} className="flex flex-col items-center group" @@ -844,7 +846,7 @@ const AndroidCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1052,7 +1054,7 @@ const HireAndroidDevelopers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/ArtificialIntelligenceServices.tsx b/pages/ArtificialIntelligenceServices.tsx index 11c0e73..1d7490a 100644 --- a/pages/ArtificialIntelligenceServices.tsx +++ b/pages/ArtificialIntelligenceServices.tsx @@ -255,7 +255,7 @@ const HorizontalTagScroller = () => { key={`first-${tech.name}-${index}`} initial={{ opacity: 0, scale: 0.8 }} whileInView={{ opacity: 1, scale: 1 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group flex-shrink-0 mx-3" > @@ -378,7 +378,7 @@ const SideBySideContentWithIcons = () => { key={advantage.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -482,7 +482,7 @@ const TabbedServiceDisplay = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group cursor-pointer" @@ -653,7 +653,7 @@ const HireDevelopersSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/BusinessProcessAutomation.tsx b/pages/BusinessProcessAutomation.tsx index 813ef38..40e08bd 100644 --- a/pages/BusinessProcessAutomation.tsx +++ b/pages/BusinessProcessAutomation.tsx @@ -724,7 +724,7 @@ const BusinessProcessAutomationIncludes = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -842,7 +842,7 @@ const BusinessProcessAutomationBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1080,7 +1080,7 @@ const BusinessProcessAutomationAudience = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1210,7 +1210,7 @@ const BusinessProcessAutomationCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/Careers.tsx b/pages/Careers.tsx index 38971fc..dd76df8 100644 --- a/pages/Careers.tsx +++ b/pages/Careers.tsx @@ -223,7 +223,7 @@ Best regards, key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} > @@ -359,7 +359,7 @@ Best regards, key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/CaseStudies.tsx b/pages/CaseStudies.tsx index f1de140..218fd06 100644 --- a/pages/CaseStudies.tsx +++ b/pages/CaseStudies.tsx @@ -394,7 +394,7 @@ export const CaseStudies = () => { key={study.id} initial={{ opacity: 0, y: 40 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/ClickablePrototypes.tsx b/pages/ClickablePrototypes.tsx index 6d4fe3d..448510c 100644 --- a/pages/ClickablePrototypes.tsx +++ b/pages/ClickablePrototypes.tsx @@ -448,7 +448,7 @@ const PrototypeBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -693,7 +693,7 @@ const PrototypingServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -863,7 +863,7 @@ const PrototypingTools = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -958,7 +958,7 @@ const PrototypingCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1192,7 +1192,7 @@ const HirePrototypeDesigners = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/Company.tsx b/pages/Company.tsx index ef94953..7e7163f 100644 --- a/pages/Company.tsx +++ b/pages/Company.tsx @@ -337,7 +337,7 @@ const HorizontalTagScroller = () => { key={`first-${value.name}-${index}`} initial={{ opacity: 0, scale: 0.8 }} whileInView={{ opacity: 1, scale: 1 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group flex-shrink-0 mx-3" > @@ -454,7 +454,7 @@ const SideBySideContentWithIcons = () => { key={advantage.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -552,7 +552,7 @@ const TabbedServiceDisplay = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group cursor-pointer" @@ -727,7 +727,7 @@ const PressRecognitionSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/ComplianceReadySystems.tsx b/pages/ComplianceReadySystems.tsx index 3d6e7be..9e41cc9 100644 --- a/pages/ComplianceReadySystems.tsx +++ b/pages/ComplianceReadySystems.tsx @@ -709,7 +709,7 @@ const ComplianceReadySystemsIncludes = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -832,7 +832,7 @@ const ComplianceReadySystemsBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1067,7 +1067,7 @@ const ComplianceReadySystemsAudience = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1197,7 +1197,7 @@ const ComplianceReadySystemsCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/ComputerVisionApplications.tsx b/pages/ComputerVisionApplications.tsx index 513ddcb..8545efa 100644 --- a/pages/ComputerVisionApplications.tsx +++ b/pages/ComputerVisionApplications.tsx @@ -537,7 +537,7 @@ const ComputerVisionBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -838,7 +838,7 @@ const CVApplicationsList = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -974,7 +974,7 @@ const ComputerVisionTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1067,7 +1067,7 @@ const ComputerVisionCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1305,7 +1305,7 @@ const HireComputerVisionEngineers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/ContactMain.tsx b/pages/ContactMain.tsx index 92dfe48..0172f62 100644 --- a/pages/ContactMain.tsx +++ b/pages/ContactMain.tsx @@ -171,7 +171,7 @@ const HorizontalTagScroller = () => { key={`first-${option.name}-${index}`} initial={{ opacity: 0, scale: 0.8 }} whileInView={{ opacity: 1, scale: 1 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group flex-shrink-0 mx-3" > @@ -286,7 +286,7 @@ const SideBySideContentWithIcons = () => { key={advantage.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -565,7 +565,7 @@ const OfficeLocationsSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/CrossPlatformAppDevelopment.tsx b/pages/CrossPlatformAppDevelopment.tsx index ead19cc..c07457e 100644 --- a/pages/CrossPlatformAppDevelopment.tsx +++ b/pages/CrossPlatformAppDevelopment.tsx @@ -323,7 +323,7 @@ const CrossPlatformBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -796,7 +796,7 @@ const CrossPlatformServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -889,7 +889,7 @@ const CrossPlatformCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1074,7 +1074,7 @@ const HireCrossPlatformDevelopers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/CustomMLModelDevelopment.tsx b/pages/CustomMLModelDevelopment.tsx index d22402f..cadc50e 100644 --- a/pages/CustomMLModelDevelopment.tsx +++ b/pages/CustomMLModelDevelopment.tsx @@ -510,7 +510,7 @@ const CustomMLBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -810,7 +810,7 @@ const CustomMLServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -956,7 +956,7 @@ const CustomMLTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1048,7 +1048,7 @@ const CustomMLCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1288,7 +1288,7 @@ const HireMLDevelopers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/CustomWebAppDevelopment.tsx b/pages/CustomWebAppDevelopment.tsx index c4f90f1..8bcab7b 100644 --- a/pages/CustomWebAppDevelopment.tsx +++ b/pages/CustomWebAppDevelopment.tsx @@ -366,7 +366,7 @@ const CustomWebAppBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -642,7 +642,7 @@ const CustomWebAppServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -788,7 +788,7 @@ const WebAppTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -828,7 +828,7 @@ const WebAppTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -919,7 +919,7 @@ const WebAppCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1134,7 +1134,7 @@ const HireWebDevelopers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/DedicatedOffshoreODC.tsx b/pages/DedicatedOffshoreODC.tsx index d3a601c..508c73d 100644 --- a/pages/DedicatedOffshoreODC.tsx +++ b/pages/DedicatedOffshoreODC.tsx @@ -719,7 +719,7 @@ const DedicatedOffshoreODCIncludes = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -809,7 +809,7 @@ const DedicatedOffshoreODCBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1049,7 +1049,7 @@ const DedicatedOffshoreODCAudience = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1179,7 +1179,7 @@ const DedicatedOffshoreODCCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/DesignExperience.tsx b/pages/DesignExperience.tsx index c3a1aab..d3178f8 100644 --- a/pages/DesignExperience.tsx +++ b/pages/DesignExperience.tsx @@ -217,7 +217,7 @@ const HorizontalTagScroller = () => { key={`first-${specialty.name}-${index}`} initial={{ opacity: 0, scale: 0.8 }} whileInView={{ opacity: 1, scale: 1 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group flex-shrink-0 mx-3" > @@ -333,7 +333,7 @@ const SideBySideContentWithIcons = () => { key={advantage.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -431,7 +431,7 @@ const TabbedServiceDisplay = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group cursor-pointer" @@ -597,7 +597,7 @@ const HireDevelopersSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/DesignThinkingWorkshops.tsx b/pages/DesignThinkingWorkshops.tsx index 47d165a..69b924e 100644 --- a/pages/DesignThinkingWorkshops.tsx +++ b/pages/DesignThinkingWorkshops.tsx @@ -498,7 +498,7 @@ const WorkshopBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -642,7 +642,7 @@ const DesignThinkingApproach = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -778,7 +778,7 @@ const WorkshopFormats = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -885,7 +885,7 @@ const TargetAudience = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.02 }} className="group" @@ -968,7 +968,7 @@ const WorkshopCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1206,7 +1206,7 @@ const HireFacilitators = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/DigitalProductDevelopment.tsx b/pages/DigitalProductDevelopment.tsx index f3e4df2..37b2347 100644 --- a/pages/DigitalProductDevelopment.tsx +++ b/pages/DigitalProductDevelopment.tsx @@ -640,7 +640,7 @@ const DigitalProductIncludes = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -731,7 +731,7 @@ const DigitalProductBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -964,7 +964,7 @@ const DigitalProductAudience = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1056,7 +1056,7 @@ const DigitalProductCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/EcommerceMarketplaces.tsx b/pages/EcommerceMarketplaces.tsx index 561c433..2eba2cd 100644 --- a/pages/EcommerceMarketplaces.tsx +++ b/pages/EcommerceMarketplaces.tsx @@ -227,7 +227,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -309,7 +309,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/EcommercePlatforms.tsx b/pages/EcommercePlatforms.tsx index 67a3388..9d62c1f 100644 --- a/pages/EcommercePlatforms.tsx +++ b/pages/EcommercePlatforms.tsx @@ -414,7 +414,7 @@ const EcommerceBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -698,7 +698,7 @@ const EcommerceServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -908,7 +908,7 @@ const EcommerceTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -949,7 +949,7 @@ const EcommerceTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -982,7 +982,7 @@ const EcommerceTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1024,7 +1024,7 @@ const EcommerceTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1114,7 +1114,7 @@ const EcommerceCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1326,7 +1326,7 @@ const HireEcommerceDevelopers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/EdTechPlatforms.tsx b/pages/EdTechPlatforms.tsx index d11a24c..aaf3a3c 100644 --- a/pages/EdTechPlatforms.tsx +++ b/pages/EdTechPlatforms.tsx @@ -194,7 +194,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -271,7 +271,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/EnterpriseSoftwareSolutions.tsx b/pages/EnterpriseSoftwareSolutions.tsx index c778b67..4e659a1 100644 --- a/pages/EnterpriseSoftwareSolutions.tsx +++ b/pages/EnterpriseSoftwareSolutions.tsx @@ -524,7 +524,7 @@ const EnterpriseBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -812,7 +812,7 @@ const EnterpriseServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1020,7 +1020,7 @@ const EnterpriseTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1064,7 +1064,7 @@ const EnterpriseTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1105,7 +1105,7 @@ const EnterpriseTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1143,7 +1143,7 @@ const EnterpriseTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1236,7 +1236,7 @@ const EnterpriseCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1455,7 +1455,7 @@ const HireEnterpriseTalent = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/EventTicketingSolutions.tsx b/pages/EventTicketingSolutions.tsx index 2662a4e..5418296 100644 --- a/pages/EventTicketingSolutions.tsx +++ b/pages/EventTicketingSolutions.tsx @@ -226,7 +226,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -308,7 +308,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/FinTechBankingApps.tsx b/pages/FinTechBankingApps.tsx index 36f0fb7..0021417 100644 --- a/pages/FinTechBankingApps.tsx +++ b/pages/FinTechBankingApps.tsx @@ -681,7 +681,7 @@ const FinTechBankingAppsFeatures = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -798,7 +798,7 @@ const FinTechBankingAppsAdvantage = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1010,7 +1010,7 @@ const FinTechBankingAppsCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1165,7 +1165,7 @@ const FinTechBankingAppsTestimonials = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1297,7 +1297,7 @@ const FinTechBankingAppsAwards = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.02 }} className="group" @@ -1357,7 +1357,7 @@ const FinTechBankingAppsAwards = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/FoodOrderingDelivery.tsx b/pages/FoodOrderingDelivery.tsx index 985b6c3..abe2646 100644 --- a/pages/FoodOrderingDelivery.tsx +++ b/pages/FoodOrderingDelivery.tsx @@ -224,7 +224,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -306,7 +306,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/GenAIIntegrationDigitalProducts.tsx b/pages/GenAIIntegrationDigitalProducts.tsx index 23a64d1..b2284b6 100644 --- a/pages/GenAIIntegrationDigitalProducts.tsx +++ b/pages/GenAIIntegrationDigitalProducts.tsx @@ -517,7 +517,7 @@ const GenAIIntegrationBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -806,7 +806,7 @@ const GenAIIntegrationServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1013,7 +1013,7 @@ const GenAITechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1095,7 +1095,7 @@ const GenAICaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1336,7 +1336,7 @@ const HireGenAISpecialists = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/GoodTimesProject.tsx b/pages/GoodTimesProject.tsx index 68fe60d..8d87522 100644 --- a/pages/GoodTimesProject.tsx +++ b/pages/GoodTimesProject.tsx @@ -195,7 +195,7 @@ export const GoodTimesProject = () => { key={metric.label} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > @@ -253,7 +253,7 @@ export const GoodTimesProject = () => { key={feature.title} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="bg-card/50 rounded-[10px] p-6 border border-border/50" > @@ -296,7 +296,7 @@ export const GoodTimesProject = () => { key={phase.phase} initial={{ opacity: 0, x: -20 }} whileInView={{ opacity: 1, x: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="relative" > diff --git a/pages/HealthTechApplications.tsx b/pages/HealthTechApplications.tsx index b37c528..02aefdd 100644 --- a/pages/HealthTechApplications.tsx +++ b/pages/HealthTechApplications.tsx @@ -715,7 +715,7 @@ const HealthTechFeatures = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -832,7 +832,7 @@ const HealthTechAdvantage = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1030,7 +1030,7 @@ const HealthTechCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1177,7 +1177,7 @@ const HealthTechTestimonials = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/Industries.tsx b/pages/Industries.tsx index efc3007..a760a97 100644 --- a/pages/Industries.tsx +++ b/pages/Industries.tsx @@ -224,7 +224,7 @@ const IndustryGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group cursor-pointer" @@ -342,7 +342,7 @@ const WhyChooseWDI = () => { key={advantage.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/LeadershipTeam.tsx b/pages/LeadershipTeam.tsx index c7ebefd..0ee02cf 100644 --- a/pages/LeadershipTeam.tsx +++ b/pages/LeadershipTeam.tsx @@ -7,10 +7,10 @@ import { ArrowRight, Linkedin, Twitter, Mail } from "lucide-react"; import { navigateTo } from "@/App"; import riteshImage from "../src/images/ritesh-pandey.png"; import manavImage from "../src/images/manav-sain.png"; -import sudhirImage from "../src/images/sudhir-malya.png"; +import sudhirImage from "../src/images/sudhir-malya.jpg"; import kartikeyImage from "../src/images/kartikeya-gautam.png"; -import poojaImage from "../src/images/pooja-patade.png"; -import tanveerImage from "../src/images/tanveer-ajani.png"; +import poojaImage from "../src/images/pooja-patade.jpg"; +import tanveerImage from "../src/images/tanveer.jpg"; import { Helmet } from "react-helmet-async"; export const LeadershipTeam = () => { @@ -19,74 +19,114 @@ export const LeadershipTeam = () => { name: "Ritesh Pandey", position: "Founder & CEO", image: riteshImage, + accent: "pink", // default bio: "Founder & CEO leading innovation and AI-driven growth across industries.", social: { - linkedin: "linkedin.com/in/riteshwdipl", + linkedin: "https://linkedin.com/in/riteshwdipl", + email: "#", twitter: "#", - email: "ideas@wdipl.com" - } + }, }, { name: "Manav Sain", position: "VP- Business Solutions", image: manavImage, + accent: "green", bio: "VP crafting business solutions and scaling digital strategy for enterprise clients.", social: { - linkedin: "linkedin.com/in/manavsain", + linkedin: "https://linkedin.com/in/manavsain", + email: "#", twitter: "#", - email: "ideas@wdipl.com" - } + }, }, { name: "Sudhir Mallya", position: "CTO", image: sudhirImage, + accent: "blue", bio: "CTO leading technology innovation and scalable digital architecture.", experience: "Former VP at Microsoft, Stanford MBA", social: { linkedin: "#", + email: "#", twitter: "#", - email: "ideas@wdipl.com" - } + }, }, { name: "Kartikey Gautam", position: "Product Manager", image: kartikeyImage, + accent: "green", bio: "Product Manager building scalable AI products with a user-centric approach.", experience: "Former VP at Microsoft, Stanford MBA", social: { - linkedin: "linkedin.com/in/kartikey-gautam-product-manager", + linkedin: "https://linkedin.com/in/kartikey-gautam-product-manager", + email: "#", twitter: "#", - email: "ideas@wdipl.com" - } + }, }, { name: "Pooja Patade", position: "Head - Accounts & HR", image: poojaImage, + accent: "blue", bio: "Head of HR & Accounts ensuring smooth operations and organizational alignment.", experience: "Former VP at Microsoft, Stanford MBA", social: { - linkedin: "linkedin.com/in/pooja-patade-85453a13b", + linkedin: "https://linkedin.com/in/pooja-patade-85453a13b", + email: "#", twitter: "#", - email: "ideas@wdipl.com" - } + }, }, { name: "Tanveer Ajani", position: "Compliance Head", image: tanveerImage, + accent: "pink", bio: "Ensures regulatory excellence and drives compliance across operations.", experience: "Former VP at Microsoft, Stanford MBA", social: { linkedin: "#", + email: "#", twitter: "#", - email: "ideas@wdipl.com" - } + }, }, ]; + + // Helper function to get accent colors + const getAccentColors = (accent: string) => { + switch (accent) { + case 'green': + return { + primary: '#10B981', + bg: 'from-green-600/20 to-emerald-500/20', + border: 'border-green-500/30', + hover: 'hover:bg-green-500/20', + shadow: 'hover:shadow-green-500/25', + text: 'text-green-400' + }; + case 'blue': + return { + primary: '#3B82F6', + bg: 'from-blue-600/20 to-blue-500/20', + border: 'border-blue-500/30', + hover: 'hover:bg-blue-500/20', + shadow: 'hover:shadow-blue-500/25', + text: 'text-blue-400' + }; + default: // pink + return { + primary: '#E5195E', + bg: 'from-[#E5195E]/20 to-[#FF6B9D]/20', + border: 'border-[#E5195E]/30', + hover: 'hover:bg-[#E5195E]/20', + shadow: 'hover:shadow-[#E5195E]/25', + text: 'text-[#E5195E]' + }; + } + }; + return (
@@ -177,67 +217,78 @@ export const LeadershipTeam = () => {
- {leaders.map((leader, index) => ( -
-
- {/* Profile Image */} -
-
- {leader.name} -
-
-
+ {leaders.map((leader, index) => { + const colors = getAccentColors(leader.accent); - {/* Content */} -
-
-

- {leader.name} -

-

- {leader.position} + return ( +

+
+ {/* Profile Image - Reduced Size */} +
+
+ {leader.name} + + {/* Colored Glow Effect on Hover */} +
+
+ + {/* Colored Status Ring */} +
+
+
+
+ + {/* Content */} +
+
+

+ {leader.name} +

+

+ {leader.position} +

+
+ +

+ {leader.bio}

-
-

- {leader.bio} -

- -
- {/*

- {leader.experience} -

*/} - - {/* Social Links */} -
- - - - - - - - - +
+ {/* Social Links */} +
+ + + +
-
- ))} + + ); + })}
diff --git a/pages/LegacySystemRebuilds.tsx b/pages/LegacySystemRebuilds.tsx index c7c84ec..1be2095 100644 --- a/pages/LegacySystemRebuilds.tsx +++ b/pages/LegacySystemRebuilds.tsx @@ -676,7 +676,7 @@ const LegacySystemIncludes = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -797,7 +797,7 @@ const LegacySystemBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1041,7 +1041,7 @@ const LegacySystemAudience = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1171,7 +1171,7 @@ const LegacySystemCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/MVPStartupLaunchPackages.tsx b/pages/MVPStartupLaunchPackages.tsx index b716ba0..aaa2a22 100644 --- a/pages/MVPStartupLaunchPackages.tsx +++ b/pages/MVPStartupLaunchPackages.tsx @@ -690,7 +690,7 @@ const MVPStartupIncludes = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -812,7 +812,7 @@ const MVPStartupBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1045,7 +1045,7 @@ const MVPStartupAudience = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1137,7 +1137,7 @@ const MVPStartupCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/MachineLearning.tsx b/pages/MachineLearning.tsx index 62940d6..76a66fc 100644 --- a/pages/MachineLearning.tsx +++ b/pages/MachineLearning.tsx @@ -223,7 +223,7 @@ const HorizontalTagScroller = () => { key={`first-${technique.name}-${index}`} initial={{ opacity: 0, scale: 0.8 }} whileInView={{ opacity: 1, scale: 1 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group flex-shrink-0 mx-3" > @@ -339,7 +339,7 @@ const SideBySideContentWithIcons = () => { key={advantage.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -437,7 +437,7 @@ const TabbedServiceDisplay = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group cursor-pointer" @@ -603,7 +603,7 @@ const HireDevelopersSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/ManufacturingAutomation.tsx b/pages/ManufacturingAutomation.tsx index 0f9a87b..4247a9b 100644 --- a/pages/ManufacturingAutomation.tsx +++ b/pages/ManufacturingAutomation.tsx @@ -194,7 +194,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -271,7 +271,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/MedicalComplianceSolutions.tsx b/pages/MedicalComplianceSolutions.tsx index 314acf2..6d154bb 100644 --- a/pages/MedicalComplianceSolutions.tsx +++ b/pages/MedicalComplianceSolutions.tsx @@ -727,7 +727,7 @@ const MedicalComplianceFeatures = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -844,7 +844,7 @@ const MedicalComplianceAdvantage = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1042,7 +1042,7 @@ const MedicalComplianceCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1189,7 +1189,7 @@ const MedicalComplianceTestimonials = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/MicrolearningApps.tsx b/pages/MicrolearningApps.tsx index 10a9fb0..830bc3b 100644 --- a/pages/MicrolearningApps.tsx +++ b/pages/MicrolearningApps.tsx @@ -194,7 +194,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -271,7 +271,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/MobileAppDevelopment.tsx b/pages/MobileAppDevelopment.tsx index e3644f7..8659635 100644 --- a/pages/MobileAppDevelopment.tsx +++ b/pages/MobileAppDevelopment.tsx @@ -258,7 +258,7 @@ const HorizontalTagScroller = () => { key={`first-${industry.name}-${index}`} initial={{ opacity: 0, scale: 0.8 }} whileInView={{ opacity: 1, scale: 1 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group flex-shrink-0 mx-3" > @@ -401,7 +401,7 @@ const SideBySideContentWithIcons = () => { key={factor.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -501,7 +501,7 @@ const TabbedServiceDisplay = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group cursor-pointer" @@ -667,7 +667,7 @@ const HireDevelopersSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/NLPTextAnalytics.tsx b/pages/NLPTextAnalytics.tsx index 137a5eb..8b1fe6d 100644 --- a/pages/NLPTextAnalytics.tsx +++ b/pages/NLPTextAnalytics.tsx @@ -572,7 +572,7 @@ const NLPBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -885,7 +885,7 @@ const NLPServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1027,7 +1027,7 @@ const NLPTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1120,7 +1120,7 @@ const NLPCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1360,7 +1360,7 @@ const HireNLPEngineers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/NativeAppDevelopment.tsx b/pages/NativeAppDevelopment.tsx index 2f19d79..c2a32a5 100644 --- a/pages/NativeAppDevelopment.tsx +++ b/pages/NativeAppDevelopment.tsx @@ -339,7 +339,7 @@ const NativeVsCrossPlatform = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -526,7 +526,7 @@ const NativeCapabilities = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -674,7 +674,7 @@ const NativeUseCases = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -894,7 +894,7 @@ const NativeCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1096,7 +1096,7 @@ const HireNativeDevelopers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/OTTStreamingApps.tsx b/pages/OTTStreamingApps.tsx index f0993c7..cac6ac4 100644 --- a/pages/OTTStreamingApps.tsx +++ b/pages/OTTStreamingApps.tsx @@ -225,7 +225,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -307,7 +307,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/OilGasMonitoringSystems.tsx b/pages/OilGasMonitoringSystems.tsx index 8d3656e..e374520 100644 --- a/pages/OilGasMonitoringSystems.tsx +++ b/pages/OilGasMonitoringSystems.tsx @@ -194,7 +194,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -271,7 +271,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/OnDemandServices.tsx b/pages/OnDemandServices.tsx index 0e8272b..48a4528 100644 --- a/pages/OnDemandServices.tsx +++ b/pages/OnDemandServices.tsx @@ -194,7 +194,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -271,7 +271,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/PWADevelopment.tsx b/pages/PWADevelopment.tsx index eca407e..4c34005 100644 --- a/pages/PWADevelopment.tsx +++ b/pages/PWADevelopment.tsx @@ -356,7 +356,7 @@ const PWABenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -457,7 +457,7 @@ const HowPWAsWork = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -698,7 +698,7 @@ const PWAUseCases = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -845,7 +845,7 @@ const PWATechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, @@ -897,7 +897,7 @@ const PWATechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1045,7 +1045,7 @@ const PWASuccessStories = () => { key={study.id} initial={{ opacity: 0, y: 30 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group cursor-pointer" diff --git a/pages/PredictiveAnalyticsForecasting.tsx b/pages/PredictiveAnalyticsForecasting.tsx index ba73389..a67a104 100644 --- a/pages/PredictiveAnalyticsForecasting.tsx +++ b/pages/PredictiveAnalyticsForecasting.tsx @@ -527,7 +527,7 @@ const PredictiveAnalyticsBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -835,7 +835,7 @@ const PredictiveAnalyticsServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1002,7 +1002,7 @@ const PredictiveAnalyticsTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1095,7 +1095,7 @@ const PredictiveAnalyticsCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1333,7 +1333,7 @@ const HirePredictiveAnalyticsSpecialists = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/ProductModernization.tsx b/pages/ProductModernization.tsx index aecfea8..59c2a6d 100644 --- a/pages/ProductModernization.tsx +++ b/pages/ProductModernization.tsx @@ -455,7 +455,7 @@ const ModernizationBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -717,7 +717,7 @@ const ModernizationServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -923,7 +923,7 @@ const ModernizationTechStack = () => { key={index} initial={{ opacity: 0, x: -20 }} whileInView={{ opacity: 1, x: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -967,7 +967,7 @@ const ModernizationTechStack = () => { key={index} initial={{ opacity: 0, x: 20 }} whileInView={{ opacity: 1, x: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -1016,7 +1016,7 @@ const ModernizationTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1110,7 +1110,7 @@ const ModernizationCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1344,7 +1344,7 @@ const HireModernizationTalent = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/ProspertyProject.tsx b/pages/ProspertyProject.tsx index 77a41df..2d7ae09 100644 --- a/pages/ProspertyProject.tsx +++ b/pages/ProspertyProject.tsx @@ -195,7 +195,7 @@ export const ProspertyProject = () => { key={metric.label} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > @@ -253,7 +253,7 @@ export const ProspertyProject = () => { key={feature.title} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="bg-card/50 rounded-[10px] p-6 border border-border/50" > @@ -296,7 +296,7 @@ export const ProspertyProject = () => { key={phase.phase} initial={{ opacity: 0, x: -20 }} whileInView={{ opacity: 1, x: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="relative" > diff --git a/pages/RanOutOfProject.tsx b/pages/RanOutOfProject.tsx index bb1800a..8d2baaa 100644 --- a/pages/RanOutOfProject.tsx +++ b/pages/RanOutOfProject.tsx @@ -228,7 +228,7 @@ export const RanOutOfProject = () => { key={metric.label} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > @@ -286,7 +286,7 @@ export const RanOutOfProject = () => { key={feature.title} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="bg-card/50 rounded-[10px] p-6 border border-border/50" > @@ -329,7 +329,7 @@ export const RanOutOfProject = () => { key={phase.phase} initial={{ opacity: 0, x: -20 }} whileInView={{ opacity: 1, x: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="relative" > diff --git a/pages/RealEstateTech.tsx b/pages/RealEstateTech.tsx index 87726b6..77b4b10 100644 --- a/pages/RealEstateTech.tsx +++ b/pages/RealEstateTech.tsx @@ -720,7 +720,7 @@ const RealEstateTechFeatures = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -837,7 +837,7 @@ const RealEstateTechAdvantage = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1041,7 +1041,7 @@ const RealEstateTechCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1188,7 +1188,7 @@ const RealEstateTechTestimonials = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/RecommendationEngines.tsx b/pages/RecommendationEngines.tsx index bea89a0..1aab912 100644 --- a/pages/RecommendationEngines.tsx +++ b/pages/RecommendationEngines.tsx @@ -486,7 +486,7 @@ const RecommendationBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -787,7 +787,7 @@ const RecommendationServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -935,7 +935,7 @@ const RecommendationTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1028,7 +1028,7 @@ const RecommendationCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1246,7 +1246,7 @@ const HireMLEngineers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/RegroupProject.tsx b/pages/RegroupProject.tsx index 49db0f9..3bf6e03 100644 --- a/pages/RegroupProject.tsx +++ b/pages/RegroupProject.tsx @@ -185,7 +185,7 @@ export const RegroupProject = () => { key={metric.label} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > @@ -258,7 +258,7 @@ export const RegroupProject = () => { key={feature.title} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="bg-card/50 rounded-[10px] p-6 border border-border/50" > @@ -301,7 +301,7 @@ export const RegroupProject = () => { key={phase.phase} initial={{ opacity: 0, x: -20 }} whileInView={{ opacity: 1, x: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="relative" > diff --git a/pages/Resources.tsx b/pages/Resources.tsx index bccaccf..0f23f42 100644 --- a/pages/Resources.tsx +++ b/pages/Resources.tsx @@ -213,7 +213,7 @@ const HorizontalTagScroller = () => { key={`first-${resource.name}-${index}`} initial={{ opacity: 0, scale: 0.8 }} whileInView={{ opacity: 1, scale: 1 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group flex-shrink-0 mx-3" > @@ -328,7 +328,7 @@ const SideBySideContentWithIcons = () => { key={advantage.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -420,7 +420,7 @@ const TabbedServiceDisplay = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group cursor-pointer" @@ -589,7 +589,7 @@ const FeaturedContentSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/SaaSProductEngineering.tsx b/pages/SaaSProductEngineering.tsx index 6ff2e1a..b4c0e61 100644 --- a/pages/SaaSProductEngineering.tsx +++ b/pages/SaaSProductEngineering.tsx @@ -395,7 +395,7 @@ const SaaSBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -684,7 +684,7 @@ const SaaSServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -930,7 +930,7 @@ const SaaSTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -975,7 +975,7 @@ const SaaSTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1008,7 +1008,7 @@ const SaaSTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1050,7 +1050,7 @@ const SaaSTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1142,7 +1142,7 @@ const SaaSCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1356,7 +1356,7 @@ const HireSaaSDevelopers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/SeezunProject.tsx b/pages/SeezunProject.tsx index 144b502..faf7401 100644 --- a/pages/SeezunProject.tsx +++ b/pages/SeezunProject.tsx @@ -196,7 +196,7 @@ export const SeezunProject = () => { key={metric.label} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > @@ -254,7 +254,7 @@ export const SeezunProject = () => { key={feature.title} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="bg-card/50 rounded-[10px] p-6 border border-border/50" > @@ -297,7 +297,7 @@ export const SeezunProject = () => { key={phase.phase} initial={{ opacity: 0, x: -20 }} whileInView={{ opacity: 1, x: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="relative" > diff --git a/pages/Services.tsx b/pages/Services.tsx index ce7483d..b58916e 100644 --- a/pages/Services.tsx +++ b/pages/Services.tsx @@ -224,7 +224,7 @@ const HorizontalTagScroller = () => { key={`first-${category.name}-${index}`} initial={{ opacity: 0, scale: 0.8 }} whileInView={{ opacity: 1, scale: 1 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group flex-shrink-0 mx-3" > @@ -340,7 +340,7 @@ const SideBySideContentWithIcons = () => { key={advantage.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -438,7 +438,7 @@ const TabbedServiceDisplay = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group cursor-pointer" diff --git a/pages/SocialPlatformsNetworks.tsx b/pages/SocialPlatformsNetworks.tsx index fc45511..d4f2f9c 100644 --- a/pages/SocialPlatformsNetworks.tsx +++ b/pages/SocialPlatformsNetworks.tsx @@ -194,7 +194,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -271,7 +271,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/SoftwareEngineering.tsx b/pages/SoftwareEngineering.tsx index 90b3970..adfb3b6 100644 --- a/pages/SoftwareEngineering.tsx +++ b/pages/SoftwareEngineering.tsx @@ -250,7 +250,7 @@ const HorizontalTagScroller = () => { key={`first-${practice.name}-${index}`} initial={{ opacity: 0, scale: 0.8 }} whileInView={{ opacity: 1, scale: 1 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group flex-shrink-0 mx-3" > @@ -373,7 +373,7 @@ const SideBySideContentWithIcons = () => { key={advantage.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -477,7 +477,7 @@ const TabbedServiceDisplay = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group cursor-pointer" @@ -650,7 +650,7 @@ const HireDevelopersSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/Solutions.tsx b/pages/Solutions.tsx index 6ec219d..f291ca9 100644 --- a/pages/Solutions.tsx +++ b/pages/Solutions.tsx @@ -172,7 +172,7 @@ const HorizontalTagScroller = () => { key={`first-${category.name}-${index}`} initial={{ opacity: 0, scale: 0.8 }} whileInView={{ opacity: 1, scale: 1 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group flex-shrink-0 mx-3" > @@ -288,7 +288,7 @@ const SideBySideContentWithIcons = () => { key={advantage.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -392,7 +392,7 @@ const TabbedSolutionDisplay = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group cursor-pointer" diff --git a/pages/SportsFanEngagement.tsx b/pages/SportsFanEngagement.tsx index 3bb97f9..46a55f3 100644 --- a/pages/SportsFanEngagement.tsx +++ b/pages/SportsFanEngagement.tsx @@ -194,7 +194,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -271,7 +271,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/StartAProject.tsx b/pages/StartAProject.tsx index 82bdd47..86320be 100644 --- a/pages/StartAProject.tsx +++ b/pages/StartAProject.tsx @@ -903,7 +903,7 @@ const ProcessStepsSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > @@ -1015,7 +1015,7 @@ const JoinWDISection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > @@ -1148,7 +1148,7 @@ const WhyPartnerSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="bg-gray-900/30 backdrop-blur-sm border border-gray-700/30 rounded-2xl p-8 text-center hover:border-[#E5195E]/30 transition-all duration-300" > @@ -1239,7 +1239,7 @@ const ContactInfoSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="bg-gray-900/30 backdrop-blur-sm border border-gray-700/30 rounded-2xl p-8 text-center hover:border-[#E5195E]/30 transition-all duration-300 cursor-pointer" onClick={() => { diff --git a/pages/SupplyChainFleetManagement.tsx b/pages/SupplyChainFleetManagement.tsx index 429eb49..6e14b7b 100644 --- a/pages/SupplyChainFleetManagement.tsx +++ b/pages/SupplyChainFleetManagement.tsx @@ -194,7 +194,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -271,7 +271,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/SystemArchitectureDevOps.tsx b/pages/SystemArchitectureDevOps.tsx index d93baee..7633401 100644 --- a/pages/SystemArchitectureDevOps.tsx +++ b/pages/SystemArchitectureDevOps.tsx @@ -525,7 +525,7 @@ const DevOpsBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -827,7 +827,7 @@ const DevOpsServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1027,7 +1027,7 @@ const DevOpsTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1069,7 +1069,7 @@ const DevOpsTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1113,7 +1113,7 @@ const DevOpsTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1156,7 +1156,7 @@ const DevOpsTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1191,7 +1191,7 @@ const DevOpsTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1284,7 +1284,7 @@ const DevOpsCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1518,7 +1518,7 @@ const HireDevOpsTalent = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/TanamiProject.tsx b/pages/TanamiProject.tsx index 85a8dfc..dd43f05 100644 --- a/pages/TanamiProject.tsx +++ b/pages/TanamiProject.tsx @@ -196,7 +196,7 @@ export const TanamiProject = () => { key={metric.label} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > @@ -254,7 +254,7 @@ export const TanamiProject = () => { key={feature.title} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="bg-card/50 rounded-[10px] p-6 border border-border/50" > @@ -297,7 +297,7 @@ export const TanamiProject = () => { key={phase.phase} initial={{ opacity: 0, x: -20 }} whileInView={{ opacity: 1, x: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="relative" > diff --git a/pages/ThirdPartyIntegrations.tsx b/pages/ThirdPartyIntegrations.tsx index 5cab5bf..a1230fe 100644 --- a/pages/ThirdPartyIntegrations.tsx +++ b/pages/ThirdPartyIntegrations.tsx @@ -497,7 +497,7 @@ const IntegrationBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -797,7 +797,7 @@ const IntegrationServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -978,7 +978,7 @@ const IntegrationTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1019,7 +1019,7 @@ const IntegrationTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1062,7 +1062,7 @@ const IntegrationTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1095,7 +1095,7 @@ const IntegrationTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1190,7 +1190,7 @@ const IntegrationCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1424,7 +1424,7 @@ const HireIntegrationTalent = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/TradersCircuitProject.tsx b/pages/TradersCircuitProject.tsx index e700e0c..3e77c3e 100644 --- a/pages/TradersCircuitProject.tsx +++ b/pages/TradersCircuitProject.tsx @@ -196,7 +196,7 @@ export const TradersCircuitProject = () => { key={metric.label} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > @@ -254,7 +254,7 @@ export const TradersCircuitProject = () => { key={feature.title} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="bg-card/50 rounded-[10px] p-6 border border-border/50" > @@ -297,7 +297,7 @@ export const TradersCircuitProject = () => { key={phase.phase} initial={{ opacity: 0, x: -20 }} whileInView={{ opacity: 1, x: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="relative" > diff --git a/pages/TransportationApps.tsx b/pages/TransportationApps.tsx index 20e70f5..48d21fa 100644 --- a/pages/TransportationApps.tsx +++ b/pages/TransportationApps.tsx @@ -194,7 +194,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -271,7 +271,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/TravelBookingSystems.tsx b/pages/TravelBookingSystems.tsx index cb61a64..35ef3a8 100644 --- a/pages/TravelBookingSystems.tsx +++ b/pages/TravelBookingSystems.tsx @@ -226,7 +226,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -308,7 +308,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/UIUXDesign.tsx b/pages/UIUXDesign.tsx index db3d889..df1f2bc 100644 --- a/pages/UIUXDesign.tsx +++ b/pages/UIUXDesign.tsx @@ -503,7 +503,7 @@ const UIUXBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -755,7 +755,7 @@ const UIUXDesignServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -926,7 +926,7 @@ const DesignToolsMethodologies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -971,7 +971,7 @@ const DesignToolsMethodologies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -1145,7 +1145,7 @@ const HireUIUXDesigners = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/UserResearchTesting.tsx b/pages/UserResearchTesting.tsx index aadd458..bd51dfe 100644 --- a/pages/UserResearchTesting.tsx +++ b/pages/UserResearchTesting.tsx @@ -418,7 +418,7 @@ const ResearchBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -631,7 +631,7 @@ const ResearchServices = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -729,7 +729,7 @@ const ResearchTools = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, scale: 1.05 }} className="group" @@ -812,7 +812,7 @@ const ResearchCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1008,7 +1008,7 @@ const HireResearchers = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/VirtualClassroomsLMS.tsx b/pages/VirtualClassroomsLMS.tsx index 52cbc4b..d4b9526 100644 --- a/pages/VirtualClassroomsLMS.tsx +++ b/pages/VirtualClassroomsLMS.tsx @@ -194,7 +194,7 @@ const IconWithDescriptionGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group" > @@ -271,7 +271,7 @@ const ThreeColumnFeatureBlock = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > diff --git a/pages/WealthTechPlatforms.tsx b/pages/WealthTechPlatforms.tsx index ad76438..a2fb2f9 100644 --- a/pages/WealthTechPlatforms.tsx +++ b/pages/WealthTechPlatforms.tsx @@ -724,7 +724,7 @@ const WealthTechPlatformsFeatures = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -845,7 +845,7 @@ const WealthTechPlatformsAdvantage = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1057,7 +1057,7 @@ const WealthTechPlatformsCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -1208,7 +1208,7 @@ const WealthTechPlatformsTestimonials = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/pages/WearableDeviceDevelopment.tsx b/pages/WearableDeviceDevelopment.tsx index 8a4bd14..c7a404a 100644 --- a/pages/WearableDeviceDevelopment.tsx +++ b/pages/WearableDeviceDevelopment.tsx @@ -42,6 +42,7 @@ import { ShimmerButton } from "../components/ui/shimmer-button"; import { navigateTo } from "@/App"; import { Helmet } from "react-helmet-async"; import HireDeveloperSection from "@/components/HireDeveloperSection"; +import iotImage from "../src/images/iot.png"; // Wearable & Device App Development Hero Section const WearableHeroWithCTA = () => { @@ -430,7 +431,7 @@ const WearableBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -608,7 +609,7 @@ const WearableCapabilities = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -840,7 +841,7 @@ const WearableUseCases = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -967,7 +968,7 @@ const WearableTechStack = () => { }, { name: "AWS IoT", - logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/amazonwebservices/amazonwebservices-original.svg", + logo: iotImage, category: "IoT Platform", }, ]; @@ -1024,7 +1025,7 @@ const WearableTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5, @@ -1073,7 +1074,7 @@ const WearableTechStack = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -1164,7 +1165,7 @@ const WearableCaseStudies = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/WebCloudServices.tsx b/pages/WebCloudServices.tsx index 12f2750..692f842 100644 --- a/pages/WebCloudServices.tsx +++ b/pages/WebCloudServices.tsx @@ -281,7 +281,7 @@ const HorizontalTagScroller = () => { key={`first-${tech.name}-${index}`} initial={{ opacity: 0, scale: 0.8 }} whileInView={{ opacity: 1, scale: 1 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} className="group flex-shrink-0 mx-3" > @@ -404,7 +404,7 @@ const SideBySideContentWithIcons = () => { key={advantage.id} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" @@ -506,7 +506,7 @@ const TabbedServiceDisplay = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group cursor-pointer" @@ -679,7 +679,7 @@ const HireDevelopersSection = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -8, scale: 1.02 }} className="group cursor-pointer" diff --git a/pages/WokaProject.tsx b/pages/WokaProject.tsx index 754126a..c26fdb8 100644 --- a/pages/WokaProject.tsx +++ b/pages/WokaProject.tsx @@ -197,7 +197,7 @@ export const WokaProject = () => { key={metric.label} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="text-center" > @@ -255,7 +255,7 @@ export const WokaProject = () => { key={feature.title} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="bg-card/50 rounded-[10px] p-6 border border-border/50" > @@ -298,7 +298,7 @@ export const WokaProject = () => { key={phase.phase} initial={{ opacity: 0, x: -20 }} whileInView={{ opacity: 1, x: 0 }} - transition={{ duration: 0.6, delay: index * 0.1 }} + transition={{ duration: 0.6, delay: index * 0.01 }} viewport={{ once: true }} className="relative" > diff --git a/pages/iOSAppDevelopment.tsx b/pages/iOSAppDevelopment.tsx index 246a11a..c096f4e 100644 --- a/pages/iOSAppDevelopment.tsx +++ b/pages/iOSAppDevelopment.tsx @@ -9,6 +9,8 @@ import ranoutofImage from "../src/images/ranoutof.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"; +import awsLogo from "../src/images/aws-logo.png"; // High-quality iOS development images @@ -642,7 +644,7 @@ const IOSServicesGrid = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" @@ -676,10 +678,12 @@ const IOSTechStack = () => { name: "Swift", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/swift/swift-original.svg", }, - { name: "SwiftUI", logo: swiftuiImage }, + { name: "SwiftUI", + logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/swift/swift-plain.svg", + }, { name: "Xcode", - logo: "https://images.unsplash.com/photo-1607706189992-eae578626c86?w=80&h=80&fit=crop&auto=format", + logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/xcode/xcode-original.svg", }, { name: "UIKit", @@ -691,15 +695,16 @@ const IOSTechStack = () => { }, { name: "Firebase", - logo: "https://images.unsplash.com/photo-1618477388954-7852f32655ec?w=80&h=80&fit=crop&auto=format", + logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/firebase/firebase-plain.svg", + }, { name: "AWS", - logo: "https://images.unsplash.com/photo-1606868306217-dbf5046868d2?w=80&h=80&fit=crop&auto=format", + logo: awsLogo, }, { name: "Apple Pay", - logo: "https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=80&h=80&fit=crop&auto=format", + logo: apllePayImage, }, ]; @@ -728,7 +733,7 @@ const IOSTechStack = () => { key={index} initial={{ opacity: 0, scale: 0.8 }} whileInView={{ opacity: 1, scale: 1 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ scale: 1.1, y: -5 }} className="flex flex-col items-center group" @@ -819,7 +824,7 @@ const IOSKeyBenefits = () => { key={index} initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} - transition={{ duration: 0.5, delay: index * 0.1 }} + transition={{ duration: 0.5, delay: index * 0.01 }} viewport={{ once: true }} whileHover={{ y: -5 }} className="group" diff --git a/src/images/apple-pay.png b/src/images/apple-pay.png new file mode 100644 index 0000000..e035efa Binary files /dev/null and b/src/images/apple-pay.png differ diff --git a/src/images/iot.png b/src/images/iot.png new file mode 100644 index 0000000..705f3cb Binary files /dev/null and b/src/images/iot.png differ diff --git a/src/images/pooja-patade.jpg b/src/images/pooja-patade.jpg new file mode 100644 index 0000000..475afd8 Binary files /dev/null and b/src/images/pooja-patade.jpg differ diff --git a/src/images/sudhir-malya.jpg b/src/images/sudhir-malya.jpg new file mode 100644 index 0000000..d73ca9d Binary files /dev/null and b/src/images/sudhir-malya.jpg differ diff --git a/src/images/sudhir-malya.png b/src/images/sudhir-malya.png deleted file mode 100644 index b30a749..0000000 Binary files a/src/images/sudhir-malya.png and /dev/null differ diff --git a/src/images/tanveer.jpg b/src/images/tanveer.jpg new file mode 100644 index 0000000..1ecaba7 Binary files /dev/null and b/src/images/tanveer.jpg differ diff --git a/src/images/wdi-logo.ico b/src/images/wdi-logo.ico new file mode 100644 index 0000000..f05a18f Binary files /dev/null and b/src/images/wdi-logo.ico differ