feat: Add ImportProfile component and update page.tsx (Fixes #23)

.gitignore

@@ -1,3 +1,4 @@
+.env.local
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies

app/page.tsx

@@ -1,3 +1,4 @@
+import ImportProfile from "../components/ImportProfile";
 import { SiteHeader } from "@/components/site-header";
 import { SponsorBanner } from "@/components/sponsor-banner";
 import { HeroSection } from "@/components/hero-section";
@@ -123,6 +124,7 @@ export default function Home() {
         <FeaturesSection />
         <TestimonialsSection />
         <ScrollToTop />
+        <ImportProfile />
       </main>
     </div>
   );

components/ImportProfile.tsx

@@ -0,0 +1,29 @@
+// components/ImportProfile.tsx
+import React from "react";
+
+const ImportProfile: React.FC = () => {
+  return (
+    <div className="p-4 border rounded-lg shadow-md">
+      <h2 className="text-xl font-semibold mb-2">Import Profile</h2>
+      <p className="text-gray-600 mb-4">
+        Upload your resume (PDF) or connect LinkedIn to auto-fill your details.
+      </p>
+
+      <div className="space-y-3">
+        {/* LinkedIn Import Button */}
+        <button className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
+          Import from LinkedIn
+        </button>
+
+        {/* Resume Upload */}
+        <input 
+          type="file" 
+          accept="application/pdf" 
+          className="border p-2 rounded-md w-full"
+        />
+      </div>
+    </div>
+  );
+};
+
+export default ImportProfile;