import React from 'react';
import Layout from './components/Layout';

import Hero from './components/Hero';
import Skills from './components/Skills';
import Projects from './components/Projects';
import Experience from './components/Experience';
import Contact from './components/Contact';

// 创建一个简单包装组件，而不使用ChakraProvider
function App() {
  return (
    <div style={{ width: '100%', maxWidth: '100vw', overflow: 'hidden' }}>
      <Layout>
        <Hero />
        <Skills />
        <Experience />
        <Projects />
        <Contact />
      </Layout>
    </div>
  );
}

export default App;
