diff --git a/components/AllProjects/index.tsx b/components/AllProjects/index.tsx new file mode 100644 index 0000000..ecb5ccc --- /dev/null +++ b/components/AllProjects/index.tsx @@ -0,0 +1,9 @@ +import React from 'react' + +const AllProjects = () => { + return ( +
AllProjects
+ ) +} + +export default AllProjects \ No newline at end of file diff --git a/components/BestProjects/index.tsx b/components/BestProjects/index.tsx new file mode 100644 index 0000000..a81a839 --- /dev/null +++ b/components/BestProjects/index.tsx @@ -0,0 +1,9 @@ +import React from 'react' + +const BestProjects = () => { + return ( +
BestProjects
+ ) +} + +export default BestProjects \ No newline at end of file diff --git a/components/FeaturedProjects/index.tsx b/components/FeaturedProjects/index.tsx new file mode 100644 index 0000000..d185005 --- /dev/null +++ b/components/FeaturedProjects/index.tsx @@ -0,0 +1,9 @@ +import React from 'react' + +const FeaturedProjects = () => { + return ( +
FeaturedProjects
+ ) +} + +export default FeaturedProjects \ No newline at end of file diff --git a/components/Footer/footer-data.ts b/components/Footer/footer-data.ts index 970ae42..981648c 100644 --- a/components/Footer/footer-data.ts +++ b/components/Footer/footer-data.ts @@ -10,7 +10,7 @@ const communityLinks: Array = [ }, { title: "Join Team", - link: "https://github.com/hekors/.github/tree/master/profile", + link: "https://tally.so/r/w2a8xg", }, { title: "Community Gallery", diff --git a/components/Navbar/navbar-options.json b/components/Navbar/navbar-options.json index d10b89c..435406b 100644 --- a/components/Navbar/navbar-options.json +++ b/components/Navbar/navbar-options.json @@ -2,5 +2,9 @@ { "label": "🗓️ Past Events", "path": "/events/past-events" + }, + { + "label": "🚀 Community Projects", + "path": "/projects" } ] \ No newline at end of file diff --git a/components/ProjectsHeroCTA/index.tsx b/components/ProjectsHeroCTA/index.tsx new file mode 100644 index 0000000..b353ec4 --- /dev/null +++ b/components/ProjectsHeroCTA/index.tsx @@ -0,0 +1,103 @@ +// Basic Imports +import React from "react"; +import Image from "next/image"; + +// Components Imports +import Callout from "@/components/ui-patterns/Callout"; +import OrganizeWithUs from "@/components/OrganizeWithUs"; +import Button from "@/components/ui-patterns/Button"; +import BestProjects from "@/components/BestProjects"; +import FeaturedProjects from "@/components/FeaturedProjects"; +import AllProjects from "@/components/AllProjects"; +import MetaHead from "@/components/MetaHead"; +import projectsData from "@/components/ProjectsHeroCTA/projectData.json"; + +const ProjectsHeroCTA: React.FC = () => { + // Destructure the data from the projectsData object + const { + primaryButtonText, + primaryButtonLink, + secondaryButtonText, + secondaryButtonLink, + heading, + subheading, + } = projectsData; + + return ( + +
+
+ {/* Hero Section */} +
+
+ {/* Callout */} + + {"Show Us Your Projects "} + + + {/* Main Heading */} + {heading && ( +

+ + {heading} + star-eyes-emoji + +

+ )} + + {/* Subheading */} + {subheading && ( +

+ {subheading} +

+ )} + + {/* CTA Buttons */} +
+ + + + {secondaryButtonText && secondaryButtonLink && ( + + + + )} +
+
+ + {/* Illustration */} +
+ project-illustration +
+
+
+ + {/* Other sections */} +
+ + + + +
+
+ + ); +}; + +export default ProjectsHeroCTA; diff --git a/components/ProjectsHeroCTA/projectData.json b/components/ProjectsHeroCTA/projectData.json new file mode 100644 index 0000000..47f41fd --- /dev/null +++ b/components/ProjectsHeroCTA/projectData.json @@ -0,0 +1,8 @@ +{ + "primaryButtonText": "Visit All Projects", + "primaryButtonLink": "/all-projects", + "secondaryButtonText": "Submit Your Project", + "secondaryButtonLink": "https://twitter.com/hekorscommunity", + "heading": "Projects built by Amazing HEKORS", + "subheading": "Discover amazing projects created by the HEKORS community." +} diff --git a/components/UpcomingSessions/index.tsx b/components/UpcomingSessions/index.tsx index 3742eb7..4ebfcd9 100644 --- a/components/UpcomingSessions/index.tsx +++ b/components/UpcomingSessions/index.tsx @@ -46,7 +46,7 @@ const UpcomingSessions: React.FunctionComponent = () => { )} -
+
diff --git a/components/ui-patterns/Callout.tsx b/components/ui-patterns/Callout.tsx index 4cda95d..1b47ab0 100644 --- a/components/ui-patterns/Callout.tsx +++ b/components/ui-patterns/Callout.tsx @@ -16,7 +16,7 @@ const Callout: React.FunctionComponent = ( {...props} > - callout { + return ( + + {/* Added Meta tags */} + + {/* Hero Section */} + + {/* Other sections */} + + + + + + ); +}; + +export default Projects; diff --git a/public/emojis/star-eyes-emoji.svg b/public/emojis/star-eyes-emoji.svg new file mode 100644 index 0000000..55a4a5a --- /dev/null +++ b/public/emojis/star-eyes-emoji.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/project-illustration.svg b/public/project-illustration.svg new file mode 100644 index 0000000..e782e7e --- /dev/null +++ b/public/project-illustration.svg @@ -0,0 +1,8 @@ + + + + + + + +