import React from 'react';const ResumeTemplate = () => {  const styles = {    resume: {      fontFamily: 'Arial, sans-serif',      maxWidth: '800px',      margin: '0 auto',      padding: '40px',      backgroundColor: '#ffffff',      boxShadow: '0 0 10px rgba(0,0,0,0.1)',    },    header: {      textAlign: 'center',      marginBottom: '20px',    },    name: {      fontSize: '36px',      fontWeight: 'bold',      marginBottom: '5px',      color: '#2c3e50',    },    contact: {      fontSize: '14px',      color: '#7f8c8d',    },    section: {      marginBottom: '20px',    },    sectionTitle: {      fontSize: '22px',      fontWeight: 'bold',      borderBottom: '2px solid #3498db',      paddingBottom: '5px',      marginBottom: '10px',      color: '#2c3e50',    },    subsection: {      marginBottom: '15px',    },    jobTitle: {      fontSize: '18px',      fontWeight: 'bold',      marginBottom: '5px',    },    company: {      fontSize: '16px',      fontStyle: 'italic',      marginBottom: '5px',    },    date: {      fontSize: '14px',      color: '#7f8c8d',    },    description: {      fontSize: '14px',marginTop: '5px',    },    skills: {      display: 'flex',      flexWrap: 'wrap',      gap: '10px',    },    skill: {      backgroundColor: '#3498db',      color:'white',      padding: '5px 10px',      borderRadius: '5px',      fontSize: '14px',    },  };  return (    <div style={styles.resume}>      <header style={styles.header}>        <h1 style={styles.name}>John Doe</h1>        <p style={styles.contact}>          Email: john.doe@email.com | Phone: (123) 456-7890 | Location: New York, NY        </p>      </header>      <section style={styles.section}>        <h2 style={styles.sectionTitle}>Summary</h2>        <p style={styles.description}>          Experienced software developer with a strong background in web technologies and a passion for creating efficient, scalable solutions. Skilled in JavaScript, React, and Node.js, with a track record of delivering high-quality projects on time.        </p>      </section>      <section style={styles.section}>        <h2 style={styles.sectionTitle}>Experience</h2>        <div style={styles.subsection}>          <h3 style={styles.jobTitle}>Senior Software Developer</h3>          <p style={styles.company}>Tech Innovations Inc.</p>          <p style={styles.date}>January 2018 - Present</p>          <ul style={styles.description}>            <li>Lead development of company's flagship web application using React and Node.js</li>            <li>Implemented CI/CD pipeline, reducing deployment time by 50%</li>            <li>Mentored junior developers and conducted code reviews</li>          </ul>        </div>        <div style={styles.subsection}>          <h3 style={styles.jobTitle}>Software Developer</h3>          <p style={styles.company}>WebSolutions Co.</p>          <p style={styles.date}>June 2015 - December 2017</p>          <ul style={styles.description}>            <li>Developed and maintained multiple client websites using JavaScript and PHP</li>            <li>Optimized database queries, improving application performance by 30%</li>            <li>Collaborated with design team to implement responsive UI/UX designs</li>          </ul>        </div>      </section>      <section style={styles.section}>        <h2 style={styles.sectionTitle}>Education</h2>        <div style={styles.subsection}>          <h3 style={styles.jobTitle}>Bachelor of Science in Computer Science</h3>          <p style={styles.company}>University of Technology</p>          <p style={styles.date}>Graduated: May 2015</p>        </div>      </section>      <section style={styles.section}>        <h2 style={styles.sectionTitle}>Skills</h2>        <div style={styles.skills}>          <span style={styles.skill}>JavaScript</span>          <span style={styles.skill}>React</span>          <span style={styles.skill}>Node.js</span>          <span style={styles.skill}>HTML/CSS</span>          <span style={styles.skill}>Git</span>          <span style={styles.skill}>SQL</span>          <span style={styles.skill}>Agile/Scrum</span>          <span style={styles.skill}>RESTful APIs</span>        </div>      </section>    </div>  );};export default ResumeTemplate;