Fix Team Page images, add Timeline page, and verify Contact CTAs

Author: nanidurga

src/App.tsx

@@ -17,6 +17,7 @@ import PageTransition from './components/layout/PageTransition';
 const TeamPage = lazy(() => import('./pages/Team'));
 const CareersPage = lazy(() => import('./pages/Careers'));
 const FAQPage = lazy(() => import('./pages/FAQ'));
+const TimelinePage = lazy(() => import('./pages/TimelinePage'));
 
 function ScrollToTop() {
   const { pathname } = useLocation();
@@ -136,6 +137,16 @@ function AppRoutes() {
             </Layout>
           } 
         />
+        <Route 
+          path="/timeline" 
+          element={
+            <Layout>
+              <PageTransition>
+                <TimelinePage />
+              </PageTransition>
+            </Layout>
+          } 
+        />
       </Routes>
     </Suspense>
   );

src/components/home/TeamSection.tsx

@@ -87,16 +87,6 @@ const TeamMember: React.FC<TeamMemberProps> = React.memo(({ name, role, bio, ima
 });
 
 const teamMembers: TeamMemberProps[] = [
-  {
-    name: "Anirudh Srinivasan",
-    role: "Founder & CEO",
-    bio: "Experienced in EV technology and sustainable energy solutions.",
-    image: AniImage,
-    social: {
-      linkedin: "https://www.linkedin.com/in/anirudh-srinivasan-0b1b3b1b2/",
-      email: "mailto:[email protected]"
-    }
-  },
   {
     name: "Wesly Jambarapu",
     role: "CEO & Founder",
@@ -117,6 +107,16 @@ const teamMembers: TeamMemberProps[] = [
       email: "[email protected]"
     }
   },
+  {
+    name: "Anil Kumar",
+    role: "Founder & CEO",
+    bio: "Experienced in EV technology and sustainable energy solutions.",
+    image: AniImage,
+    social: {
+      linkedin: "https://www.linkedin.com/in/anirudh-srinivasan-0b1b3b1b2/",
+      email: "mailto:[email protected]"
+    }
+  },
   {
     name: "Naveen Islavath",
     role: "Co-Founder & CFO",

src/components/layout/Header.tsx

@@ -9,6 +9,7 @@ const navLinks = [
   { name: 'Technology', href: '/#technology' },
   { name: 'Benefits', href: '/#benefits' },
   { name: 'Integration', href: '/#integration' },
+  { name: 'Timeline', href: '/timeline' },
   { name: 'Team', href: '/team' },
   { name: 'Careers', href: '/careers' },
   { name: 'FAQ', href: '/faq' },

src/pages/Team.tsx

@@ -1,6 +1,14 @@
 import { motion } from 'framer-motion';
 import { Users, Rocket, Mail, Linkedin } from 'lucide-react';
 
+// Import team images
+import WesImage from '../assets/Wes.webp';
+import JayImage from '../assets/Jay.webp';
+import AniImage from '../assets/Ani.webp'; // Assuming this is Anil Kumar based on usage below
+import NavImage from '../assets/Nav.webp';
+import DurImage from '../assets/Dur.webp';
+import CheImage from '../assets/che.webp';
+
 // --- TypeScript interface for strong typing ---
 interface TeamMember {
   name: string;
@@ -17,14 +25,12 @@ const CARD_WIDTH = 400;
 const CARD_HEIGHT = 600;
 const IMAGE_HEIGHT = 320;
 
-
-
 const coreTeam: TeamMember[] = [
   {
     name: "Wesly Jambarapu",
     role: "CEO & Founder",
     background: "As CEO of LCM, I pioneer breakthrough solution of LCM that enable electric vehicles to charge while in motion",
-    image: "src/assets/Wes.webp",
+    image: WesImage,
     social: {
       linkedin: "https://www.linkedin.com/in/wesly-j/",
       email: "[email protected]"
@@ -34,7 +40,7 @@ const coreTeam: TeamMember[] = [
     name: "Jayshri Bej",
     role: "Co-Founder & CRO",
     background: "As CRO of LCM, I steer project management, ensuring our solutions meet real-world needs and scale effectively",
-    image: "src/assets/Jay.webp",
+    image: JayImage,
     social: {
       linkedin: "https://www.linkedin.com/in/jayshri-bej/",
       email: "[email protected]"
@@ -44,7 +50,7 @@ const coreTeam: TeamMember[] = [
     name: "Anil Kumar",
     role: "Co-Founder & CPO",
     background: "Former aerospace engineer specializing in airflow dynamics and propulsion systems with experience at Boeing and SpaceX.",
-    image: "src/assets/Ani.webp",
+    image: AniImage,
     social: {
       linkedin: "https://www.linkedin.com/in/anilkumar-pidamarthi/",
       email: "[email protected]"
@@ -54,7 +60,7 @@ const coreTeam: TeamMember[] = [
     name: "Naveen Islavath",
     role: "Co-Founder & CFO",
     background: "As CFO, I manage financial operations and drive strategic partnerships to fuel LCM's growth.",
-    image: "src/assets/Nav.webp",
+    image: NavImage,
     social: {
       linkedin: "https://www.linkedin.com/in/naveen-islavath-b992021ba",
       email: "[email protected]"
@@ -64,7 +70,7 @@ const coreTeam: TeamMember[] = [
     name: "Durga Prasad",
     role: "CTO",
     background: "As CTO, I architect and drive the core technology powering LCM's breakthrough EV charging solutions.",
-    image: "src/assets/Dur.webp",
+    image: DurImage,
     social: {
       linkedin: "https://www.linkedin.com/in/durga-prasad-nuthalapati-646b73233/",
       email: "[email protected]"
@@ -74,7 +80,7 @@ const coreTeam: TeamMember[] = [
     name: "Chethan Ashray C",
     role: "COO",
     background: "As COO, I streamline operations at LCM to ensure seamless delivery of innovative EV charging solutions.",
-    image: "src/assets/che.webp",
+    image: CheImage,
     social: {
       linkedin: "https://www.linkedin.com/in/chethan-ashray-1351b0329",
       email: "[email protected]"

src/pages/TimelinePage.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import TimelineSection from '../components/home/TimelineSection';
+import PageTransition from '../components/layout/PageTransition';
+
+const TimelinePage: React.FC = () => {
+  return (
+    <PageTransition>
+      <div className="pt-16 md:pt-20"> {/* Added padding to account for fixed header */}
+        <TimelineSection />
+      </div>
+    </PageTransition>
+  );
+};
+
+export default TimelinePage;