From cc6268038c3d838336f2f6a0f1ad6ed02b3e0d8c Mon Sep 17 00:00:00 2001 From: Nishantjain10 Date: Fri, 21 Jul 2023 09:20:17 +0530 Subject: [PATCH 1/4] feat: join-team link updated --- components/Footer/footer-data.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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", From 541c4ed728064daeec0c28e9e8ca820e9b66446c Mon Sep 17 00:00:00 2001 From: Nishantjain10 Date: Sun, 23 Jul 2023 20:23:11 +0530 Subject: [PATCH 2/4] feat: added hero section w/ responsiveness --- components/AllProjects/index.tsx | 9 +++ components/BestProjects/index.tsx | 9 +++ components/FeaturedProjects/index.tsx | 9 +++ components/Navbar/navbar-options.json | 4 ++ components/ui-patterns/Callout.tsx | 2 +- pages/projects/[id].tsx | 0 pages/projects/index.tsx | 79 +++++++++++++++++++++++++++ public/emojis/star-eyes-emoji.svg | 9 +++ public/project-illustration.svg | 8 +++ 9 files changed, 128 insertions(+), 1 deletion(-) create mode 100644 components/AllProjects/index.tsx create mode 100644 components/BestProjects/index.tsx create mode 100644 components/FeaturedProjects/index.tsx create mode 100644 pages/projects/[id].tsx create mode 100644 pages/projects/index.tsx create mode 100644 public/emojis/star-eyes-emoji.svg create mode 100644 public/project-illustration.svg 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/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/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 ( + + +
+
+
+
+ + {"Show Us Your Projects "} + +

+ + {"Projects built by Amazing HEKORS"} + star-eyes-emoji + +

+
+ + + + +
+
+
+ project-illustration +
+
+
+
+ + + + +
+
+ + ); +}; + +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 @@ + + + + + + + + From 6d4568aa823acc2e7ad621756d2629d6956814a1 Mon Sep 17 00:00:00 2001 From: Nishantjain10 Date: Sun, 23 Jul 2023 20:33:18 +0530 Subject: [PATCH 3/4] fix: removed [id].tsx file --- pages/projects/[id].tsx | 0 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 pages/projects/[id].tsx diff --git a/pages/projects/[id].tsx b/pages/projects/[id].tsx deleted file mode 100644 index e69de29..0000000 From 857fa1dbca4fa18f395e17607cda0eedcfb684fe Mon Sep 17 00:00:00 2001 From: Nishantjain10 Date: Tue, 25 Jul 2023 22:29:26 +0530 Subject: [PATCH 4/4] feat: added projects hero CTA component w/ various usecases --- components/ProjectsHeroCTA/index.tsx | 103 ++++++++++++++++++++ components/ProjectsHeroCTA/projectData.json | 8 ++ components/UpcomingSessions/index.tsx | 2 +- pages/projects/index.tsx | 67 ++----------- 4 files changed, 122 insertions(+), 58 deletions(-) create mode 100644 components/ProjectsHeroCTA/index.tsx create mode 100644 components/ProjectsHeroCTA/projectData.json 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/pages/projects/index.tsx b/pages/projects/index.tsx index 33def3a..85f37bc 100644 --- a/pages/projects/index.tsx +++ b/pages/projects/index.tsx @@ -1,77 +1,30 @@ // Basic Imports import React from "react"; -import Image from "next/image"; -import Link from "next/link"; -import { NextPage } from "next"; // 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 ProjectsHeroCTA from "@/components/ProjectsHeroCTA"; +import { NextPage } from "next"; const Projects: NextPage = () => { return ( + {/* Added Meta tags */} -
-
-
-
- - {"Show Us Your Projects "} - -

- - {"Projects built by Amazing HEKORS"} - star-eyes-emoji - -

-
- - - - -
-
-
- project-illustration -
-
-
-
- - - - -
-
+ {/* Hero Section */} + + {/* Other sections */} + + + + ); };