1- import { notFound } from 'next/navigation' ;
1+ export default function Home ( ) {
2+ return (
3+ < div >
4+ < p >
5+ In this dynamic page, when you click any bus button, the UI/UX for all bus locations remains the same.
6+ We use a dynamic page system so that clicking on, for example, the "Bus 1" button redirects here,
7+ but the displayed content updates to show the respective bus's location.
8+ </ p >
9+ </ div >
10+ ) ;
11+ }
212
3- // Mock data for clubs (replace with actual data fetching logic)
4- const clubsData = [
5- {
6- slug : 'coding' ,
7- clubName : 'Coding Club' ,
8- subheading : 'Innovate. Code. Build.' ,
9- image : '/images/coding-club.jpg' ,
10- description : 'Join us to learn and build amazing projects with the latest technologies.' ,
11- socialMedia : {
12- instagram : 'https://instagram.com/codingclub' ,
13- linkedin : 'https://linkedin.com/company/codingclub' ,
14- whatsapp : 'https://wa.me/1234567890' ,
15- } ,
16- } ,
17- {
18- slug : 'drama' ,
19- clubName : 'Drama Club' ,
20- subheading : 'Act. Perform. Inspire.' ,
21- image : '/images/drama-club.jpg' ,
22- description : 'Express yourself through the art of drama and theater.' ,
23- socialMedia : {
24- instagram : 'https://instagram.com/dramaclub' ,
25- linkedin : 'https://linkedin.com/company/dramaclub' ,
26- whatsapp : 'https://wa.me/1234567890' ,
27- } ,
28- } ,
29- // Add more clubs as needed
30- ] ;
13+ // import { notFound } from 'next/navigation';
3114
32- export default function ClubDetailPage ( { params } : { params : { slug : string } } ) {
33- const { slug } = params ;
15+ // // Mock data for clubs (replace with actual data fetching logic)
16+ // const clubsData = [
17+ // {
18+ // slug: 'coding',
19+ // clubName: 'Coding Club',
20+ // subheading: 'Innovate. Code. Build.',
21+ // image: '/images/coding-club.jpg',
22+ // description: 'Join us to learn and build amazing projects with the latest technologies.',
23+ // socialMedia: {
24+ // instagram: 'https://instagram.com/codingclub',
25+ // linkedin: 'https://linkedin.com/company/codingclub',
26+ // whatsapp: 'https://wa.me/1234567890',
27+ // },
28+ // },
29+ // {
30+ // slug: 'drama',
31+ // clubName: 'Drama Club',
32+ // subheading: 'Act. Perform. Inspire.',
33+ // image: '/images/drama-club.jpg',
34+ // description: 'Express yourself through the art of drama and theater.',
35+ // socialMedia: {
36+ // instagram: 'https://instagram.com/dramaclub',
37+ // linkedin: 'https://linkedin.com/company/dramaclub',
38+ // whatsapp: 'https://wa.me/1234567890',
39+ // },
40+ // },
41+ // // Add more clubs as needed
42+ // ];
3443
35- // Find the club data based on the slug
36- const club = clubsData . find ( ( club ) => club . slug === slug ) ;
44+ // export default function ClubDetailPage({ params }: { params: { slug: string } }) {
45+ // const { slug } = params ;
3746
38- // If club not found, return a 404 page
39- if ( ! club ) {
40- notFound ( ) ;
41- }
47+ // // Find the club data based on the slug
48+ // const club = clubsData.find((club) => club.slug === slug);
4249
43- return (
44- < div className = "flex flex-col items-center justify-center min-h-screen p-4 bg-black text-white" >
45- { /* Heading */ }
46- < h1 className = "text-4xl font-bold mb-2" > { club . clubName } </ h1 >
50+ // // If club not found, return a 404 page
51+ // if (!club) {
52+ // notFound();
53+ // }
4754
48- { /* Subheading */ }
49- < h2 className = "text-xl text-gray-400 mb-6" > { club . subheading } </ h2 >
55+ // return (
56+ // <div className="flex flex-col items-center justify-center min-h-screen p-4 bg-black text-white">
57+ // {/* Heading */}
58+ // <h1 className="text-4xl font-bold mb-2">{club.clubName}</h1>
5059
51- { /* Picture */ }
52- < img
53- src = { club . image }
54- alt = { club . clubName }
55- className = "w-full max-w-md rounded-lg mb-6"
56- />
60+ // {/* Subheading */}
61+ // <h2 className="text-xl text-gray-400 mb-6">{club.subheading}</h2>
5762
58- { /* Description */ }
59- < p className = "text-lg text-center max-w-2xl mb-8" > { club . description } </ p >
63+ // {/* Picture */}
64+ // <img
65+ // src={club.image}
66+ // alt={club.clubName}
67+ // className="w-full max-w-md rounded-lg mb-6"
68+ // />
6069
61- { /* Social Media Icons */ }
62- < div className = "flex space-x-4" >
63- < a href = { club . socialMedia . instagram } target = "_blank" rel = "noopener noreferrer" >
64- < img src = "/icons/instagram.svg" alt = "Instagram" className = "w-8 h-8" />
65- </ a >
66- < a href = { club . socialMedia . linkedin } target = "_blank" rel = "noopener noreferrer" >
67- < img src = "/icons/linkedin.svg" alt = "LinkedIn" className = "w-8 h-8" />
68- </ a >
69- < a href = { club . socialMedia . whatsapp } target = "_blank" rel = "noopener noreferrer" >
70- < img src = "/icons/whatsapp.svg" alt = "WhatsApp" className = "w-8 h-8" />
71- </ a >
72- </ div >
73- </ div >
74- ) ;
75- }
70+ // {/* Description */}
71+ // <p className="text-lg text-center max-w-2xl mb-8">{club.description}</p>
72+
73+ // {/* Social Media Icons */}
74+ // <div className="flex space-x-4">
75+ // <a href={club.socialMedia.instagram} target="_blank" rel="noopener noreferrer">
76+ // <img src="/icons/instagram.svg" alt="Instagram" className="w-8 h-8" />
77+ // </a>
78+ // <a href={club.socialMedia.linkedin} target="_blank" rel="noopener noreferrer">
79+ // <img src="/icons/linkedin.svg" alt="LinkedIn" className="w-8 h-8" />
80+ // </a>
81+ // <a href={club.socialMedia.whatsapp} target="_blank" rel="noopener noreferrer">
82+ // <img src="/icons/whatsapp.svg" alt="WhatsApp" className="w-8 h-8" />
83+ // </a>
84+ // </div>
85+ // </div>
86+ // );
87+ // }
0 commit comments