footer link pending

components/Footer.tsx

@@ -112,7 +112,7 @@ const socialLinks = [
   {
     name: "YouTube",
     icon: Youtube,
-    url: "https://youtube.com/wdi",
+    url: "https://www.youtube.com/@WebsitedevelopersindiaPvtLmtd",
   },
 ];
 

components/Navigation.tsx

@@ -457,16 +457,16 @@ const navigationData = {
   ],
   company: [
     { text: "About WDI", icon: Info, href: "/company/about-wdi" },
-    { text: "Our History", icon: Clock, href: "/company/our-history" },
+    // { text: "Our History", icon: Clock, href: "/company/our-history" },
     { text: "Leadership Team", icon: Users2, href: "/company/leadership-team" },
-    {
+    // {
-      text: "Awards & Certifications",
+    //   text: "Awards & Certifications",
-      icon: Award,
+    //   icon: Award,
-      href: "/company/awards-certifications",
+    //   href: "/company/awards-certifications",
-    },
+    // },
     { text: "Careers", icon: Briefcase, href: "/company/careers" },
-    { text: "Culture & Values", icon: Heart, href: "/company/culture-values" },
+    // { text: "Culture & Values", icon: Heart, href: "/company/culture-values" },
-    { text: "Press & Media", icon: Newspaper, href: "/company/press-media" },
+    // { text: "Press & Media", icon: Newspaper, href: "/company/press-media" },
   ],
   resources: [
     { text: "Articles", icon: BookOpen, href: "/resources/blog" },

pages/ArticleDetail.tsx

@@ -265,7 +265,7 @@ export const ArticleDetail = () => {
                     </div>
 
                     {/* Author Bio */}
-                    <Card className="bg-card/50 border-white/10">
+                    {/* <Card className="bg-card/50 border-white/10">
                       <CardContent className="p-6">
                         <div className="flex items-start gap-4">
                           <Avatar className="w-16 h-16">
@@ -279,7 +279,7 @@ export const ArticleDetail = () => {
                           </div>
                         </div>
                       </CardContent>
-                    </Card>
+                    </Card> */}
                   </div>
                 </CardContent>
               </Card>

pages/AutomationReshapingBusiness.tsx

@@ -454,7 +454,7 @@ export const AutomationReshapingBusiness = () => {
                     </div>
 
                     {/* Author Bio */}
-                    <Card className="bg-card/50 border-white/10">
+                    {/* <Card className="bg-card/50 border-white/10">
                       <CardContent className="p-6">
                         <div className="flex items-start gap-4">
                           <Avatar className="w-16 h-16">
@@ -468,7 +468,7 @@ export const AutomationReshapingBusiness = () => {
                           </div>
                         </div>
                       </CardContent>
-                    </Card>
+                    </Card> */}
                   </div>
                 </CardContent>
               </Card>

pages/BuildingYourAPIStack.tsx

@@ -357,7 +357,7 @@ export const BuildingYourAPIStack = () => {
                     </div>
 
                     {/* Author Bio */}
-                    <Card className="bg-card/50 border-white/10">
+                    {/* <Card className="bg-card/50 border-white/10">
                       <CardContent className="p-6">
                         <div className="flex items-start gap-4">
                           <Avatar className="w-16 h-16">
@@ -371,7 +371,7 @@ export const BuildingYourAPIStack = () => {
                           </div>
                         </div>
                       </CardContent>
-                    </Card>
+                    </Card> */}
                   </div>
                 </CardContent>
               </Card>

pages/CaseStudies.tsx

@@ -14,16 +14,25 @@ import {
 } from "lucide-react";
 import { ImageWithFallback } from "../components/figma/ImageWithFallback";
 import { navigateTo } from "../App";
+import ranoutofLocalImage from '../src/images/ranoutof.webp';
+import regroupLocalImage from '../src/images/regroup.webp';
+import seezunLocalImage from '../src/images/seezun.webp';
+import tanamiLocalImage from '../src/images/tanami.webp';
+import wokasideawardLocalImage from '../src/images/woka-side-award.webp';
+import traderCircuitLocalImage from '../src/images/traders-circuit.webp';
+import goodTimesLocalImage from '../src/images/goodtimes.webp';
+import prospertyLocalImage from '../src/images/prosperty.webp';
+
 
 // High-quality project images
-const ranOutOfImage = "https://images.unsplash.com/photo-1551650975-87deedd944c3?w=600&h=400&fit=crop&auto=format";
+const ranOutOfImage = ranoutofLocalImage;
-const seezunImage = "https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?w=600&h=400&fit=crop&auto=format";
+const seezunImage = seezunLocalImage;
-const wokaImage = "https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=600&h=400&fit=crop&auto=format";
+const wokaImage = wokasideawardLocalImage;
-const regroupImage = "https://images.unsplash.com/photo-1517077304055-6e89abbf09b0?w=600&h=400&fit=crop&auto=format";
+const regroupImage = regroupLocalImage;
-const tanamiImage = "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=600&h=400&fit=crop&auto=format";
+const tanamiImage = tanamiLocalImage;
-const tradersCircuitImage = "https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=600&h=400&fit=crop&auto=format";
+const tradersCircuitImage = traderCircuitLocalImage;
-const goodTimesImage = "https://images.unsplash.com/photo-1557804506-669a67965ba0?w=600&h=400&fit=crop&auto=format";
+const goodTimesImage = goodTimesLocalImage;
-const prospertyImage = "https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?w=600&h=400&fit=crop&auto=format";
+const prospertyImage = prospertyLocalImage;
 
 const caseStudies = [
   {

pages/ComplianceReadyFintech.tsx

@@ -390,7 +390,7 @@ export const ComplianceReadyFintech = () => {
                     </div>
 
                     {/* Author Bio */}
-                    <Card className="bg-card/50 border-white/10">
+                    {/* <Card className="bg-card/50 border-white/10">
                       <CardContent className="p-6">
                         <div className="flex items-start gap-4">
                           <Avatar className="w-16 h-16">
@@ -404,7 +404,7 @@ export const ComplianceReadyFintech = () => {
                           </div>
                         </div>
                       </CardContent>
-                    </Card>
+                    </Card> */}
                   </div>
                 </CardContent>
               </Card>

pages/DedicatedDevelopmentTeams.tsx

@@ -236,7 +236,7 @@ export const DedicatedDevelopmentTeams = () => {
       </section>
 
       {/* Testimonials */}
-      <section className="py-16 bg-card/50">
+      {/* <section className="py-16 bg-card/50">
         <div className="container mx-auto px-6 lg:px-8">
           <div className="text-center mb-12">
             <h2 className="text-3xl md:text-4xl font-bold mb-4 text-white">
@@ -270,7 +270,7 @@ export const DedicatedDevelopmentTeams = () => {
             ))}
           </div>
         </div>
-      </section>
+      </section> */}
 
       {/* CTA Section */}
       <section className="py-16 bg-background">

pages/EngagementModels.tsx

@@ -307,7 +307,7 @@ export const EngagementModels = () => {
       </section>
 
       {/* Testimonials */}
-      <section className="py-16 bg-card/50">
+      {/* <section className="py-16 bg-card/50">
         <div className="container mx-auto px-6 lg:px-8">
           <div className="text-center mb-12">
             <h2 className="text-3xl md:text-4xl font-bold mb-4 text-white">
@@ -341,7 +341,7 @@ export const EngagementModels = () => {
             ))}
           </div>
         </div>
-      </section>
+      </section> */}
 
       {/* CTA Section */}
       <section className="py-16 bg-background">

pages/FutureOfAIHealthcare.tsx

@@ -310,7 +310,7 @@ export const FutureOfAIHealthcare = () => {
                     </div>
 
                     {/* Author Bio */}
-                    <Card className="bg-card/50 border-white/10">
+                    {/* <Card className="bg-card/50 border-white/10">
                       <CardContent className="p-6">
                         <div className="flex items-start gap-4">
                           <Avatar className="w-16 h-16">
@@ -324,7 +324,7 @@ export const FutureOfAIHealthcare = () => {
                           </div>
                         </div>
                       </CardContent>
-                    </Card>
+                    </Card> */}
                   </div>
                 </CardContent>
               </Card>

pages/HireBackendDevelopers.tsx

@@ -407,7 +407,7 @@ export const HireBackendDevelopers = () => {
       </section>
 
       {/* Testimonials */}
-      <section className="py-16 bg-background">
+      {/* <section className="py-16 bg-background">
         <div className="container mx-auto px-6 lg:px-8">
           <div className="text-center mb-12">
             <h2 className="text-3xl md:text-4xl font-bold mb-4 text-white">
@@ -446,7 +446,7 @@ export const HireBackendDevelopers = () => {
             ))}
           </div>
         </div>
-      </section>
+      </section> */}
 
       {/* CTA Section */}
       <section className="py-16 bg-card/50">

pages/HireFrontendDevelopers.tsx

@@ -297,7 +297,7 @@ export const HireFrontendDevelopers = () => {
       </section>
 
       {/* Testimonials */}
-      <section className="py-16 bg-card/50">
+      {/* <section className="py-16 bg-card/50">
         <div className="container mx-auto px-6 lg:px-8">
           <div className="text-center mb-12">
             <h2 className="text-3xl md:text-4xl font-bold mb-4 text-white">
@@ -336,7 +336,7 @@ export const HireFrontendDevelopers = () => {
             ))}
           </div>
         </div>
-      </section>
+      </section> */}
 
       {/* CTA Section */}
       <section className="py-16 bg-background">

pages/HireFullStackDevelopers.tsx

@@ -346,7 +346,7 @@ export const HireFullStackDevelopers = () => {
       </section>
 
       {/* Testimonials */}
-      <section className="py-16 bg-background">
+      {/* <section className="py-16 bg-background">
         <div className="container mx-auto px-6 lg:px-8">
           <div className="text-center mb-12">
             <h2 className="text-3xl md:text-4xl font-bold mb-4 text-white">
@@ -385,7 +385,7 @@ export const HireFullStackDevelopers = () => {
             ))}
           </div>
         </div>
-      </section>
+      </section> */}
 
       {/* CTA Section */}
       <section className="py-16 bg-card/50">

pages/HireQAEngineers.tsx

@@ -327,7 +327,7 @@ export const HireQAEngineers = () => {
       </section>
 
       {/* Testimonials */}
-      <section className="py-16 bg-card/50">
+      {/* <section className="py-16 bg-card/50">
         <div className="container mx-auto px-6 lg:px-8">
           <div className="text-center mb-12">
             <h2 className="text-3xl md:text-4xl font-bold mb-4 text-white">
@@ -363,7 +363,7 @@ export const HireQAEngineers = () => {
             ))}
           </div>
         </div>
-      </section>
+      </section> */}
 
       {/* CTA Section */}
       <section className="py-16 bg-background">

pages/HireUIUXDesigners.tsx

@@ -389,7 +389,7 @@ export const HireUIUXDesigners = () => {
       </section>
 
       {/* Testimonials */}
-      <section className="py-16 bg-background">
+      {/* <section className="py-16 bg-background">
         <div className="container mx-auto px-6 lg:px-8">
           <div className="text-center mb-12">
             <h2 className="text-3xl md:text-4xl font-bold mb-4 text-white">
@@ -428,7 +428,7 @@ export const HireUIUXDesigners = () => {
             ))}
           </div>
         </div>
-      </section>
+      </section> */}
 
       {/* CTA Section */}
       <section className="py-16 bg-card/50">

pages/LeadershipTeam.tsx

@@ -98,7 +98,7 @@ export const LeadershipTeam = () => {
                       <img
                         src={leader.image}
                         alt={leader.name}
-                        className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"
+                        className="w-full h-full object-center group-hover:scale-110 transition-transform duration-300"
                       />
                     </div>
                     <div className="absolute inset-0 rounded-2xl bg-gradient-to-t from-black/20 to-transparent" />

pages/LegacySystemScaling.tsx

@@ -405,7 +405,7 @@ export const LegacySystemScaling = () => {
                     </div>
 
                     {/* Author Bio */}
-                    <Card className="bg-card/50 border-white/10">
+                    {/* <Card className="bg-card/50 border-white/10">
                       <CardContent className="p-6">
                         <div className="flex items-start gap-4">
                           <Avatar className="w-16 h-16">
@@ -419,7 +419,7 @@ export const LegacySystemScaling = () => {
                           </div>
                         </div>
                       </CardContent>
-                    </Card>
+                    </Card> */}
                   </div>
                 </CardContent>
               </Card>

pages/MigratingToLinear101.tsx

@@ -318,7 +318,7 @@ export const MigratingToLinear101 = () => {
                     </div>
 
                     {/* Author Bio */}
-                    <Card className="bg-card/50 border-white/10">
+                    {/* <Card className="bg-card/50 border-white/10">
                       <CardContent className="p-6">
                         <div className="flex items-start gap-4">
                           <Avatar className="w-16 h-16">
@@ -332,7 +332,7 @@ export const MigratingToLinear101 = () => {
                           </div>
                         </div>
                       </CardContent>
-                    </Card>
+                    </Card> */}
                   </div>
                 </CardContent>
               </Card>

pages/TeamAugmentationServices.tsx

@@ -399,7 +399,7 @@ export const TeamAugmentationServices = () => {
       </section>
 
       {/* Testimonials */}
-      <section className="py-16 bg-card/50">
+      {/* <section className="py-16 bg-card/50">
         <div className="container mx-auto px-6 lg:px-8">
           <div className="text-center mb-12">
             <h2 className="text-3xl md:text-4xl font-bold mb-4 text-white">
@@ -433,7 +433,7 @@ export const TeamAugmentationServices = () => {
             ))}
           </div>
         </div>
-      </section>
+      </section> */}
 
       {/* CTA Section */}
       <section className="py-16 bg-background">

pages/UXReviewPresentations.tsx

@@ -274,7 +274,7 @@ export const UXReviewPresentations = () => {
                     </div>
 
                     {/* Author Bio */}
-                    <Card className="bg-card/50 border-white/10">
+                    {/* <Card className="bg-card/50 border-white/10">
                       <CardContent className="p-6">
                         <div className="flex items-start gap-4">
                           <Avatar className="w-16 h-16">
@@ -288,7 +288,7 @@ export const UXReviewPresentations = () => {
                           </div>
                         </div>
                       </CardContent>
-                    </Card>
+                    </Card> */}
                   </div>
                 </CardContent>
               </Card>

styles/globals.css

@@ -449,7 +449,7 @@
   /* Outline Button - WDI Style with Elevation */
   .btn-outline-wdi {
     background: transparent;
-    color: #E5195E;
+    color: #fff;
     font-weight: 500;
     border: 1px solid rgba(229, 25, 94, 0.3);
     border-radius: 0.5rem;
@@ -461,6 +461,10 @@
     transform: translateY(0);
   }
 
+  .btn-outline-wdi svg {
+    color: #E5195E;
+  }
+
   .btn-outline-wdi:hover {
     transform: translateY(-2px);
     background: rgba(229, 25, 94, 0.05);