Skip to content

Commit 7d08464

Browse files
Srushtee1706Srushtee1706
authored
Update App.tsx
1 parent 9754862 commit 7d08464

File tree

1 file changed

+56
-53
lines changed

1 file changed

+56
-53
lines changed

‎src/App.tsx‎

Lines changed: 56 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import { Profile } from './components/Profile/Profile';
99
import { SubmitChallenge } from './components/Submit/SubmitChallenge';
1010
import { Community } from './components/Community/Community';
1111
import { Challenge } from './components/Challenges/ChallengeCard';
12+
import { ThemeProvider } from './themeContent'; // Import the new ThemeProvider
1213

1314
function App() {
1415
const [currentPage, setCurrentPage] = useState<string>('home');
@@ -58,67 +59,69 @@ function App() {
5859
};
5960

6061
return (
61-
<div className="min-h-screen bg-white">
62-
<Header currentPage={currentPage} onNavigate={handleNavigate} />
63-
<main>
64-
{renderPage()}
65-
</main>
66-
67-
{/* Footer */}
68-
{currentPage === 'home' && (
69-
<footer className="bg-gray-900 text-white py-16">
70-
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
71-
<div className="grid grid-cols-1 md:grid-cols-4 gap-8">
72-
<div className="md:col-span-2">
73-
<div className="flex items-center mb-4">
74-
<div className="bg-gradient-to-r from-purple-600 to-blue-600 text-white p-2 rounded-lg mr-3">
75-
<span className="font-bold text-xl">CT</span>
62+
<ThemeProvider>
63+
<div className="min-h-screen">
64+
<Header currentPage={currentPage} onNavigate={handleNavigate} />
65+
<main>
66+
{renderPage()}
67+
</main>
68+
69+
{/* Footer */}
70+
{currentPage === 'home' && (
71+
<footer className="bg-gray-900 text-white py-16">
72+
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
73+
<div className="grid grid-cols-1 md:grid-cols-4 gap-8">
74+
<div className="md:col-span-2">
75+
<div className="flex items-center mb-4">
76+
<div className="bg-gradient-to-r from-purple-600 to-blue-600 text-white p-2 rounded-lg mr-3">
77+
<span className="font-bold text-xl">CT</span>
78+
</div>
79+
<div>
80+
<h3 className="text-xl font-bold">Can I Try This?</h3>
81+
<p className="text-gray-400 text-sm">Real Skills, Real Growth</p>
82+
</div>
7683
</div>
77-
<div>
78-
<h3 className="text-xl font-bold">Can I Try This?</h3>
79-
<p className="text-gray-400 text-sm">Real Skills, Real Growth</p>
84+
<p className="text-gray-400 mb-6">
85+
A platform where learners explore real-world challenges across design, development,
86+
writing, data, and more. Build skills through practice, not just theory.
87+
</p>
88+
<div className="flex space-x-4">
89+
<button className="text-gray-400 hover:text-white transition-colors">Twitter</button>
90+
<button className="text-gray-400 hover:text-white transition-colors">GitHub</button>
91+
<button className="text-gray-400 hover:text-white transition-colors">Discord</button>
8092
</div>
8193
</div>
82-
<p className="text-gray-400 mb-6">
83-
A platform where learners explore real-world challenges across design, development,
84-
writing, data, and more. Build skills through practice, not just theory.
85-
</p>
86-
<div className="flex space-x-4">
87-
<button className="text-gray-400 hover:text-white transition-colors">Twitter</button>
88-
<button className="text-gray-400 hover:text-white transition-colors">GitHub</button>
89-
<button className="text-gray-400 hover:text-white transition-colors">Discord</button>
94+
95+
<div>
96+
<h4 className="font-semibold mb-4">Platform</h4>
97+
<ul className="space-y-2 text-gray-400">
98+
<li><button onClick={() => handleNavigate('challenges')} className="hover:text-white transition-colors">Challenges</button></li>
99+
<li><button onClick={() => handleNavigate('community')} className="hover:text-white transition-colors">Community</button></li>
100+
<li><button onClick={() => handleNavigate('submit')} className="hover:text-white transition-colors">Submit Challenge</button></li>
101+
<li><button className="hover:text-white transition-colors">Mentor Program</button></li>
102+
</ul>
103+
</div>
104+
105+
<div>
106+
<h4 className="font-semibold mb-4">Support</h4>
107+
<ul className="space-y-2 text-gray-400">
108+
<li><button className="hover:text-white transition-colors">Help Center</button></li>
109+
<li><button className="hover:text-white transition-colors">Guidelines</button></li>
110+
<li><button className="hover:text-white transition-colors">Contact Us</button></li>
111+
<li><button className="hover:text-white transition-colors">Privacy Policy</button></li>
112+
</ul>
90113
</div>
91114
</div>
92115

93-
<div>
94-
<h4 className="font-semibold mb-4">Platform</h4>
95-
<ul className="space-y-2 text-gray-400">
96-
<li><button onClick={() => handleNavigate('challenges')} className="hover:text-white transition-colors">Challenges</button></li>
97-
<li><button onClick={() => handleNavigate('community')} className="hover:text-white transition-colors">Community</button></li>
98-
<li><button onClick={() => handleNavigate('submit')} className="hover:text-white transition-colors">Submit Challenge</button></li>
99-
<li><button className="hover:text-white transition-colors">Mentor Program</button></li>
100-
</ul>
101-
</div>
102-
103-
<div>
104-
<h4 className="font-semibold mb-4">Support</h4>
105-
<ul className="space-y-2 text-gray-400">
106-
<li><button className="hover:text-white transition-colors">Help Center</button></li>
107-
<li><button className="hover:text-white transition-colors">Guidelines</button></li>
108-
<li><button className="hover:text-white transition-colors">Contact Us</button></li>
109-
<li><button className="hover:text-white transition-colors">Privacy Policy</button></li>
110-
</ul>
116+
<div className="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">
117+
<p>&copy; 2024 Can I Try This? All rights reserved.</p>
111118
</div>
112119
</div>
113-
114-
<div className="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">
115-
<p>&copy; 2024 Can I Try This? All rights reserved.</p>
116-
</div>
117-
</div>
118-
</footer>
119-
)}
120-
</div>
120+
</footer>
121+
)}
122+
</div>
123+
</ThemeProvider>
121124
);
122125
}
123126

124-
export default App;
127+
export default App;

0 commit comments

Comments
 (0)