feat: add journey timeline section

README.md

@@ -9,13 +9,11 @@ This is the repo for PyConf Hyderabad 2026's website. The 6th edition of the reg
 Before you start, ensure you have Node.js and a package manager installed on your machine. Follow these steps:
 
 1. **Download Node.js**:
-
    - Visit the [Node.js official website](https://nodejs.org/).
    - Download the v20.18.0 version. This was the latest LTS version when the project was created.
    - Follow the installation instructions provided on the website.
 
 2. **Verify Installation**:
-
    - Open your terminal or command prompt.
    - Run the following command to check if Node.js is installed:
      ```bash
@@ -24,15 +22,13 @@ Before you start, ensure you have Node.js and a package manager installed on you
    - You should see the version number of Node.js.
 
 3. **Install a Package Manager**:
-
    - Node.js comes with npm (Node Package Manager) by default. To check if npm is installed, run:
      ```bash
      npm -v
      ```
    - Alternatively, you can use other package managers like Yarn or pnpm.
 
 4. **Install Dependencies**:
-
    - Install the project dependencies using your preferred package manager:
      ```bash
      npm install
@@ -43,7 +39,6 @@ Before you start, ensure you have Node.js and a package manager installed on you
      ```
 
 5. **Run the Development Server**:
-
    - Once Node.js and a package manager are installed, you can start the development server:
 
      ```bash

src/app/page.jsx

@@ -2,6 +2,7 @@
 import { useEffect } from 'react';
 
 import Hero from '@/components/Hero';
+import Journey from '@/components/Journey';
 import KeynoteSpeakers from '@/components/KeynoteSpeakers';
 import MeetOrganizers from '@/components/MeetOrganizers';
 import SponsorsSection from '@/components/Sponsors';
@@ -34,6 +35,7 @@ export default function Home() {
   const isMeetOrganizersEnabled = useFeatureFlag('MEET_ORGANIZERS');
   const isWhyAttendEnabled = useFeatureFlag('WHY_ATTEND');
   const isEpicFramesEnabled = useFeatureFlag('EPIC_FRAMES');
+  const isJourneyEnabled = useFeatureFlag('JOURNEY');
 
   useEffect(() => {
     const hash = window.location.hash;
@@ -48,6 +50,7 @@ export default function Home() {
   return (
     <>
       <Hero />
+      {isJourneyEnabled && <Journey />}
       {isKeynoteSpeakersEnabled && (
         <KeynoteSpeakers speakers={getKeynoteSpeakers(SPEAKERS)} />
       )}

src/components/Hero.jsx

@@ -101,7 +101,7 @@ const Hero = () => {
             fill
           />
         </div>
-        
+
         {/* <Announcement /> */}
         <ConferenceInfo />
         <div className="flex flex-col sm:flex-row mt-8">