diff --git a/app/seasonal-planting-guide/page.tsx b/app/seasonal-planting-guide/page.tsx
new file mode 100644
index 0000000..35e37df
--- /dev/null
+++ b/app/seasonal-planting-guide/page.tsx
@@ -0,0 +1,58 @@
+'use client';
+
+import React, { useState } from 'react';
+// import FilterDropdown from '@/components/FilterDropdown';
+import { PlantList } from '@/components/PlantList';
+
+interface SeasonalPlantingGuideProps {}
+
+const SeasonalPlantingGuide = (props: SeasonalPlantingGuideProps) => {
+  const growingSeasonOptions = ['Spring', 'Summer', 'Fall', 'Winter'];
+  const harvestSeasonOptions = ['Spring', 'Summer', 'Fall', 'Winter'];
+  const plantingTypeOptions = [
+    'Start Seeds Indoors',
+    'Start Seeds Outdoors',
+    'Plant Seedlings/Transplant Outdoors',
+  ];
+
+  const [growingSeason, setGrowingSeason] = useState<string>('');
+  const [harvestSeason, setHarvestSeason] = useState<string>('');
+  const [plantingType, setPlantingType] = useState<string>('');
+
+  return (
+    //hide filter dropdowns for now, will be done in another PR
+    <div>
+      {/* <FilterDropdown
+        name="growingSeason"
+        id="growingSeason"
+        setStateAction={setGrowingSeason}
+        options={growingSeasonOptions}
+        placeholder="Growing Season"
+      />
+
+      <FilterDropdown
+        name="harvestSeason"
+        id="harvestSeason"
+        setStateAction={setHarvestSeason}
+        options={harvestSeasonOptions}
+        placeholder="Harvest Season"
+      />
+
+      <FilterDropdown
+        name="plantingType"
+        id="plantingType"
+        setStateAction={setPlantingType}
+        options={plantingTypeOptions}
+        placeholder="Planting Type"
+      /> */}
+
+      <PlantList
+        growing_season={growingSeason}
+        harvest_season={harvestSeason}
+        planting_type={plantingType}
+      />
+    </div>
+  );
+};
+
+export default SeasonalPlantingGuide;
diff --git a/components/PlantList.tsx b/components/PlantList.tsx
index 48e5ed4..57d3abd 100644
--- a/components/PlantList.tsx
+++ b/components/PlantList.tsx
@@ -2,7 +2,13 @@ import React, { useEffect, useState } from 'react';
 import { getPlantSeasonality } from '@/api/supabase/queries/plantSeasonality';
 import { Plant } from '@/types/schema';
 
-export const PlantList = () => {
+interface PlantListProps {
+  growing_season: string;
+  harvest_season: string;
+  planting_type: string;
+}
+
+export const PlantList = (props: PlantListProps) => {
   const [plants, setPlants] = useState<Plant[]>([]);
 
   useEffect(() => {