Add sponsor section (#47)

HydPy · Jan 6, 2025 · b93beb1 · b93beb1
1 parent 8d81a8f
commit b93beb1
Show file tree

Hide file tree

Showing 9 changed files with 37 additions and 38 deletions.
diff --git a/data/conference.js b/data/conference.js
@@ -25,6 +25,9 @@ export const KEY_LINKS = {
   cfpUrl: 'https://www.papercall.io/pyconfhyd2025',
   interestedInSponsoringLabel: 'INTERESTED IN SPONSORING',
   interestedInSponsoringUrl: 'https://forms.gle/d5cg5WpayP9mEfAm9',
+  sponsorshipProspectusLabel: 'SPONSORSHIP PROSPECTUS',
+  sponsorshipProspectusUrl:
+    'https://drive.google.com/file/d/15gfdVu8FyVP9-zohx_y56jmW1v-2DUid/view?usp=sharing',
 };
 
 export const SOCIALS = [

diff --git a/data/navItems.js b/data/navItems.js
@@ -4,6 +4,16 @@ export const NAV_ITEMS = [
     path: '/',
     target: '_self',
   },
+  {
+    name: 'Sponsors',
+    path: '/#sponsors',
+    target: '_self',
+  },
+  {
+    name: 'Meet our Organizers',
+    path: '/#organizers',
+    target: '_self',
+  },
   {
     name: 'Code Of Conduct',
     path: 'https://docs.google.com/document/d/1yjPaVdsQCbowelwI1LlGco3CFGG3vZKhGiMYXDOOKrY',

diff --git a/data/sponsors.js b/data/sponsors.js
@@ -5,13 +5,13 @@ export const SPONSORS_INFO = {
 };
 
 export const SPONSORS = {
-  Platinum: [
-    {
-      id: 1,
-      name: 'Python Software Foundation',
-      description: 'The organization behind Python programming language',
-      hyperLink: 'https://www.python.org/psf/',
-      logoUrl: '/images/logo.svg',
-    },
-  ],
+  // Platinum: [
+  //   {
+  //     id: 1,
+  //     name: 'Python Software Foundation',
+  //     description: 'The organization behind Python programming language',
+  //     hyperLink: 'https://www.python.org/psf/',
+  //     logoUrl: '/images/logo.svg',
+  //   },
+  // ],
 };
diff --git a/src/app/layout.js b/src/app/layout.js
@@ -19,7 +19,7 @@ export const metadata = {
 
 export default function RootLayout({ children }) {
   return (
-    <html lang="en">
+    <html lang="en" className="scroll-smooth">
       <body className="flex flex-col min-h-screen bg-background-light dark:bg-background-dark text-gray-900 dark:text-gray-100">
         <Header themeToggle={<ThemeToggle />} />
         <main className="flex-grow">{children}</main>

diff --git a/src/app/page.jsx b/src/app/page.jsx
@@ -6,8 +6,8 @@ export default function Home() {
   return (
     <>
       <Hero />
+      <SponsorsSection />
       <MeetOrganizers />
-      {/* <SponsorsSection /> */}
     </>
   );
 }
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
@@ -40,7 +40,7 @@ const Header = ({ themeToggle }) => {
   };
 
   return (
-    <header className="bg-gray-50 dark:bg-gray-900 p-4 shadow-lg">
+    <header className="bg-gray-50 dark:bg-gray-900 p-4 shadow-lg sticky top-0 z-10">
       <nav className="flex flex-wrap items-center justify-between sm:w-11/12 mx-auto">
         <Link
           href="#"

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -9,7 +9,7 @@ const Hero = () => {
   return (
     <section className="flex flex-col py-6 items-center w-11/12 lg:w-5/6 mx-auto">
       {/*  For SEO */}
-      <Heading tagLevel={2} level={1} className="hidden">
+      <Heading tagLevel={1} level={1} className="hidden">
         {CONFERENCE.title}
       </Heading>
       <div className="relative w-full sm:w-3/4 md:w-1/2 aspect-[2/1]">
@@ -25,34 +25,13 @@ const Hero = () => {
         {CONFERENCE.announcement}
       </Paragraph>
       <div className="flex flex-col sm:flex-row">
-        <Link
-          href={KEY_LINKS.volunteerFormUrl}
-          target="_blank"
-          className="flex justify-center"
-          rel="noopener noreferrer"
-        >
-          <button className="inline-flex mt-2 sm:mr-4 items-center bg-secondary-600 px-5 py-3 font-medium hover:bg-secondary-700 text-gray-50 border rounded-lg">
-            <Icon name="VolunteerActivism" size={20} />
-            <Span className="ml-2">{KEY_LINKS.volunteerFormLabel}</Span>
-          </button>
-        </Link>
         <Link href={KEY_LINKS.cfpUrl} target="_blank" rel="noopener noreferrer">
           <button className="inline-flex mt-2 items-center bg-primary-700 px-5 py-3 font-medium hover:bg-primary-800 text-gray-50 border rounded-lg">
             <Icon name="MdCampaign" size={20} />
             <Span className="ml-2">{KEY_LINKS.cfpLabel}</Span>
           </button>
         </Link>
       </div>
-      <Link
-        href={KEY_LINKS.interestedInSponsoringUrl}
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        <button className="inline-flex mt-2 items-center bg-primary-700 px-5 py-3 font-medium hover:bg-primary-800 text-gray-50 border rounded-lg">
-          <Icon name="HandHoldingHeart" size={20} />
-          <Span className="ml-2">{KEY_LINKS.interestedInSponsoringLabel}</Span>
-        </button>
-      </Link>
     </section>
   );
 };

diff --git a/src/components/MeetOrganizers.jsx b/src/components/MeetOrganizers.jsx
@@ -6,8 +6,12 @@ import { ABOUT_HYDPY } from '@/hydPy';
 
 export default function MeetOrganizers() {
   return (
-    <section className="flex flex-col items-center py-6 w-11/12 lg:w-5/6 mx-auto">
+    <section
+      id="organizers"
+      className="scroll-mt-20 flex flex-col items-center py-6 w-11/12 lg:w-5/6 mx-auto"
+    >
       <Heading
+        tagLevel={2}
         level={1}
         className="text-center my-8 text-secondary-600 dark:text-secondary-400"
       >

diff --git a/src/components/Sponsors.jsx b/src/components/Sponsors.jsx
@@ -40,7 +40,10 @@ const SponsorCard = ({ name, description, hyperLink, logoUrl }) => {
 
 const SponsorsSection = () => {
   return (
-    <section className="flex flex-col items-center py-6 w-11/12 lg:w-5/6 mx-auto">
+    <section
+      id="sponsors"
+      className="scroll-mt-20 flex flex-col items-center py-6 w-11/12 lg:w-5/6 mx-auto"
+    >
       <Heading
         tagLevel={2}
         level={1}
@@ -54,14 +57,14 @@ const SponsorsSection = () => {
         </Paragraph>
         <div className="flex flex-col sm:flex-row justify-center my-2">
           <Link
-            href={KEY_LINKS.interestedInSponsoringUrl}
+            href={KEY_LINKS.sponsorshipProspectusUrl}
             target="_blank"
             className="flex justify-center items-center"
             rel="noopener noreferrer"
           >
             <button className="inline-flex mt-2 sm:mr-4 items-center bg-secondary-600 px-5 py-3 font-medium hover:bg-secondary-700 text-gray-50 border rounded-lg">
               <Span className="ml-2">
-                {KEY_LINKS.interestedInSponsoringLabel}
+                {KEY_LINKS.sponsorshipProspectusLabel}
               </Span>
             </button>
           </Link>