\n {/* Navigation */}\n

\n 🎯\n Career Coaching Pro\n

\n \n

\n {navigation.map((item) => (\n setActiveSection(item.id as ActiveSection)}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 ${\n activeSection === item.id\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-500 hover:text-gray-700 hover:bg-gray-100'\n }`}\n >\n {item.icon}\n {item.label}\n \n ))}\n

\n\n {/* Main Content */}\n

\n {renderContent()}\n

\n\n {/* Footer */}\n \n

\n );\n}\n\nfunction HomePage({ setActiveSection }: { setActiveSection: (section: ActiveSection) => void }) {\n return (\n

\n {/* Hero Section */}\n

\n Transform Your Career Journey\n

\n Get personalized career coaching, expert advice, and join a supportive community \n of professionals working towards their goals.\n

\n setActiveSection('booking')}\n className=\"bg-white text-blue-600 font-bold py-3 px-8 rounded-lg hover:bg-gray-100 transition-colors duration-200\"\n >\n Book a Session\n \n setActiveSection('chat')}\n className=\"border-2 border-white text-white font-bold py-3 px-8 rounded-lg hover:bg-white hover:text-blue-600 transition-colors duration-200\"\n >\n Join Community\n \n

\n\n {/* Features Section */}\n

\n Why Choose Career Coaching Pro?\n

\n We provide comprehensive career support to help you navigate your professional journey with confidence.\n

\n\n

🎯

Personalized Coaching

\n One-on-one sessions tailored to your specific career goals and challenges.\n

\n\n

📚

Expert Resources

\n Access our blog with career insights, tips, and strategies from industry experts.\n

\n\n

🤝

Supportive Community

\n Connect with like-minded professionals in our public chat room.\n

\n\n {/* Services Section */}\n

\n Our Services\n

\n Choose the service that best fits your career development needs.\n

\n\n

\n {[\n {\n title: \"Career Consultation\",\n description: \"Comprehensive career planning and strategy session\",\n duration: \"60 min\",\n price: \"$150\",\n icon: \"💼\"\n },\n {\n title: \"Resume Review\",\n description: \"Professional resume review and optimization\",\n duration: \"45 min\",\n price: \"$100\",\n icon: \"📄\"\n },\n {\n title: \"Interview Prep\",\n description: \"Mock interviews and preparation strategies\",\n duration: \"60 min\",\n price: \"$125\",\n icon: \"🎤\"\n },\n {\n title: \"Career Transition\",\n description: \"Support for major career changes\",\n duration: \"90 min\",\n price: \"$200\",\n icon: \"🔄\"\n }\n ].map((service, index) => (\n

{service.icon}

{service.title}

{service.description}

\n {service.duration}\n {service.price}\n

\n setActiveSection('booking')}\n className=\"w-full btn-primary\"\n >\n Book Now\n \n

\n ))}\n

\n\n {/* CTA Section */}\n

\n Ready to Take the Next Step?\n

\n Join thousands of professionals who have transformed their careers with our guidance.\n

\n setActiveSection('booking')}\n className=\"bg-white text-blue-600 font-bold py-3 px-8 rounded-lg hover:bg-gray-100 transition-colors duration-200\"\n >\n Schedule Consultation\n \n setActiveSection('blog')}\n className=\"border-2 border-white text-white font-bold py-3 px-8 rounded-lg hover:bg-white hover:text-blue-600 transition-colors duration-200\"\n >\n Read Our Blog\n \n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/reemgalal28/untitled-2706/code/frontend/components/App.tsx","extension","actionData","errors"]